ďťż

[CSS] Dwa problemy w Firefoksie i Operze

       

Podstrony


telcocafe

Problem występuje zarówno w Firefoksie jak i Operze. Nie wiem jak to rozwiązać...
Strona
Na stronie wyżej mam dwa problemy:
1. Formularz wyszukiwarki w M$IE jest wyświetlany prawidłowo - na środku belki, natomiast w dwóch pozostałych przeglądarkach jest przesunięty w dół. Jak go wyśrodkować?
2. Po najechaniu kursorem na jakikolwiek link graficzny, wyświetlana jest poświata na dole obrazka. Poprawiłem to zmniejszając czcionkę do 1px, ale to nie jest to... Tekst alternatywny również będzie miał 1px wysokości. W przykładzie jest bez rozmiaru czcionki. Jak to rozwiązać?



1. float:center; ? albo coś podobnego... wyszukiwanie na środku ? dziwne :)
2. dla a.hover ustawiasz text-decoration:none;

pod konquerorem: http://www.fotosik.p...3d67105f28d5c45

He.. he.. Witaj w klubie :)
<div class="seng" style="display: inline;">
Ja zaś robie ze <spanów> elementy blokowe:]

1. Aby dowiedzieć się czemu jest niżej to chyba winieneś sam wykombinować. Moja prosta metoda acz skuteczna to nakładanie borderów:1px solid red; i patrzenie który tag (pod którym tagiem) jest niżej zawartość.

Zawsze można po takim wykryciu próbować:
margin:0px 0px 0px 0px
padding:0px 0px 0px 0px
może inny tag
może jakiś border tam gdzieś jest...
może font-size jest za duże niż wysokość elementu (to dla IE raczej)

A propos pola tekstowego.... W firefoksie powoduje ono niejako obniżenie siebie o ok. 1px i nie można tego jako tako wyrównać...

Drugi pomysł to wrzucenie tego w jedną komórkę tabeli i "vertical-align". Ale w pierwszym pomyśle zawsze udaje się to zrobić.

@Riklaunim:
Ad. 1. Nie nic z tego . . . Sprawdziłem wszystkie dostępne wartości . . .
Ad. 2. To nie to - spójrz na obrazek na dole po lewej - spróbuj jego skombinować.
@NIC:
Kombinować nie muszę,ponieważ mam FireBuga. A marginesy nie działają,nie wiem czemu . . .
Nie chcę używać tabel,ponieważ wychodzą z użycia. Pozostaje mi tylko taki sposób wyświetlania.



Ad1:
Wyrzuć ten:
vertical-align: super; z FORM-a
a w CSSie
.seng input { (...) margin-bottom:10px; }

Chyba to kutarowe działa. Ale kolegę Andrzeja_aa muszę przestrzec, że źle wykonuję swoją stronę.... Błędem jest opierać elementy inline. Stronę buduje się na elementach blokowych. Wtedy marginesy i wszelkie cuda działają działają (uwaga na IE). Tak więc żaden to FireBug, lecz WebmasterBug.

I po co te absoluty na początku.

Ja bym to zrobił tak:

<div id="top"> <div id="szukajka"><form><inputy /></form></div> <a href="" id="ikona1"></a> <a href="" id="ikona2"></a> <a href="" id="ikona3"></a> <a href="" id="ikona4"></a> </div>

#top { height:50px; } #szukajka { float:right; } ikonka1,ikonka2 itp. { display:block; background-image:url(jj.png); padding:3px 3px 3px 3px; border-left: 1px dotted black; float:left; }

I ładnie marginesami, paddingami można sobie wszystko ładnie wyrównać "do środka".

Linki można oczywiście rozbić na <div id="ikonka1{bez tła}"><a><img alt="" /></a></div>

PS. Patent na IE to zrobienie z <a> elementu blokowego i wtedy można robić te fajne menu na CSS (.hover itp) zamiast na JS (onmouseover itp.)

@kutar:
Coś mi się pomerdało i zrobiłem inaczej :P Wrzuciłem jeszcze jednego diva i poszło . . .
@NIC:
Nie znam Twojej wtyczki,ale ja używam FireBuga.
Czemu absolute? Nie za bardzo mi wychodzi układanie tych elementów . . . Całości byś nie zrobił na floatach,a jeżeli tak to na razie nie mam czasu się bawić . . .
Tak więc pozostał problem urli.
@NIC:
To jest tylko strona pokazowa,te buttony będą inaczej wyglądać,ale na wersji lajt zrobiłem to tylko dla celów pokazowych.

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.