Podstrony
- telcocafe
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- [HTML] Zła pozycja obrazka tła w tabeli Zła pozycja obrazka tła w komórce tabeli
- Darmowe statystyki odslon banera dla strony .html Czy istnieja statystyki odslona banera n
- [html] Newsy i suwak - jak to zrobić? Jak zrobić suwak?
- [HTML] Miejsce pod formularzem Jak usunąć miejsce pod formularzem?
- [HTML] '*' == ?
- Usuwanie zbednych linijek kodu Program do usuwania linijek html
- [HTML] Formularz liczący punkty Coś w rodzaju testu liczącego punkty ;)
- [html] Polskie znaki Po wsadzeniu banera, zniknęły polskie znaki
- [html]W jakiej technice zrobić stronkę? Jestem grafikiem a chce zrobić stronkę....
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- miniorki.keep.pl
telcocafe
Mam problem z divami. Otóż robię sobie menu. Każdy element menu składa się z obrazka na górze + powielany obrazek w środku + obrazek na dole. I w każdej przeglądarce wygląda to inaczej:opera : http://img360.images...78/opera0ip.jpg
firefox : http://img360.images.../firefox5yr.jpg
IE : http://img360.images.../6785/ie2iv.jpg
Chcę by wyglądało to jak w Operze.
Kod CSS:div.menu { width:150 px; padding: 0 px; margin: 0 px auto; } div.menu div.gora { height: 2 px; background: url(img/gora.gif) no-repeat; font-size: 0px; } div.menu div.gora2 { height: 1 px; background: url(img/gora2.gif) no-repeat; font-size: 0px; } div.menu div.srodek { height:46 px; background: url(img/srodek.gif) repeat-y; } div.menu div.dol { height: 2 px; background: url(img/dol.gif) no-repeat; }
HTML: <div class="menu"> <div class="gora"></div> <div class="srodek">Odnośnik</div> <div class="dol"></div> </div> <div class="menu"> <div class="gora2"></div> <div class="srodek">Odnośnik</div> <div class="dol"></div> </div> <div class="menu"> <div class="gora2"></div> <div class="srodek">Odnośnik</div> <div class="dol"></div> </div> Jak to poprawić?
Mam problem z divami. Otóż robię sobie menu. Każdy element menu składa się z obrazka na górze + powielany obrazek w środku + obrazek na dole. I w każdej przeglądarce wygląda to inaczej:
opera : http://img360.images...78/opera0ip.jpg
firefox : http://img360.images.../firefox5yr.jpg
IE : http://img360.images.../6785/ie2iv.jpg
Chcę by wyglądało to jak w Operze.
Kod CSS:div.menu { width:150 px; padding: 0 px; margin: 0 px auto; } div.menu div.gora { height: 2 px; background: url(img/gora.gif) no-repeat; font-size: 0px; } div.menu div.gora2 { height: 1 px; background: url(img/gora2.gif) no-repeat; font-size: 0px; } div.menu div.srodek { height:46 px; background: url(img/srodek.gif) repeat-y; } div.menu div.dol { height: 2 px; background: url(img/dol.gif) no-repeat; }
HTML: <div class="menu"> <div class="gora"></div> <div class="srodek">Odnośnik</div> <div class="dol"></div> </div> <div class="menu"> <div class="gora2"></div> <div class="srodek">Odnośnik</div> <div class="dol"></div> </div> <div class="menu"> <div class="gora2"></div> <div class="srodek">Odnośnik</div> <div class="dol"></div> </div> Jak to poprawić?
Musi się dać poprawić. Przecież teraz wszędzie się używa divów. A tabele to starocie już.
Musi się dać poprawić. Przecież teraz wszędzie się używa divów. A tabele to starocie już.
To normalne. Jeśli chcesz rozwiązać ten problem użyj tabel a nie div-ów
A jaki efekt chcesz osiągnąć? (któy screen z tych, co podałeś?)
Może dodaj do div'a display: inline; IMO powinno pomóc jesli chodzi o wyswietlanie na całą szerokość ekranu.
Oczywiście, że chcę jak pod Operą. To menu jest wyświetlane w pionie. display: inlane jeszcze pogorszyło sprawę.
No ja tam nie wiem czemu sobie tak utrudniać życie... co prawda nie wczytywałem się dokładnie w kod, ale dam Ci radę. Menu jest łatwiej zrobic poprzez wykazy (<ul><li>)
Użytkownik reVis edytował ten post 06 marzec 2006, 20:11
No ja tam nie wiem czemu sobie tak utrudniać życie... co prawda nie wczytywałem się dokładnie w kod, ale dam Ci radę. Menu jest łatwiej zrobic poprzez wykazy (<ul><li>)
Cieżko jest spradzić coś bo nie ma tych poszczególnych gifów jakie używasz. Ale narazie pozbądź się spacji w div.menu między liczbami, a px (u mnie to dużo zmieniło).
Użytkownik reVis edytował ten post 06 marzec 2006, 21:03
Zrobiłem to co polecił reVis, a mianowicie usunąłem spację między liczbą a pikselami i coś ruszyło - w Firefoxie jest tak jak w Operze czyli TAK. Natomiast w IE jest przerwa między divami - ZOBACZ TUTAJ.Jak to naprawić?
Obrazki, z których składam te przyciski to:
gora.gif - góra przycisku
gora2.gif - góra, ale wtedy gdy przycisk jest pod innym przyciskiem
srodek.gif - środek przycisku
dol.gif - dół przycisku.
// Znalazłem rozwiązanie problemu. Wstawiłem wszystkie elementy menu do jednego diva, a w nim ustawiłem font-size na 0px, dzięki czemu IE zrobił przerwę 0px , między przyciskami.
EOT
Użytkownik mmatheww edytował ten post 07 marzec 2006, 11:25