Grzyb96 utworzono 21 listopada 2010 utworzono 21 listopada 2010 Witam, Po napisaniu całego kodu html, postanowiłem sobie sprawdzić czy strona wygląda tak samo w różnych przeglądarkach i niestety, menu ucieka na lewą. Chciałbym żeby było na środku równo z zdjęciem. To jest moja strona [url]http://paludarium.strefa.pl[/url]z góry dzięki za pomoc.
tidzu komentarz 21 listopada 2010 komentarz 21 listopada 2010 (edytowane) Dodaj do stylów to: [code]#listmenu { margin:0 auto; /* Wyśrodkowuje menu w normalnych przeglądarkach. */ text-align:center; /* Wyśrodkowuje menu w IE */ }[/code] To powinno być w <head></head> a nie <body> [code]<style type="text/css"> [...] </style> [/code]
Grzyb96 komentarz 23 listopada 2010 Autor komentarz 23 listopada 2010 Niestety po wrzuceniu tego kodu dalej jest tak samo.
wojtex5 komentarz 23 listopada 2010 komentarz 23 listopada 2010 (edytowane) moim zdaniem to sprawka marginesu dla zdjęcia - jeśli stosowałbyś position:relative dla obrazka zrób tak: ustaw diva z sztywną szerokością i wysokością dla samego menu i obrazka - i jego wyśrodkuj, czyli np. możesz to zrobić tak: [code] <div id="menu-i-banner" style="width:736px; width: 300px; margin: 0 auto;"> <div class="listmenu"> <ul> <li><a href="index.html"><font face="Arial Narrow"><font size="2">STRONA GLÓWNA</font></a></li> <li><a href="poradnik.html"><font face="Arial Narrow"><font size="2">PORADNIK</font></a></li> <li><a href="rosliny.html"><font face="Arial Narrow"><font size="2">ROSLINY DO PALUDARIUM</font></a></li> <li><a href="galeria.html"><font face="Arial Narrow"><font size="2">GALERIA</font></a></li> <li><a href="http://aquaforum.pl"><font face="Arial Narrow"><font size="2">FORUM</font></a></li> <li><a href="kontakt.html"><font face="Arial Narrow"><font size="2">KONTAKT</font></a></li> <li><a href="kontakt.html"><img src="obr/menu_bc.png" width="17" height="15" border="0" ></a></li> </ul> </div> <img src="http://naacademy.pl/_uploads/thumb/top_foto2_015_jpg_736_239_crop.jpg"> </div>[/code] @Tidzu - text-align: center to nie to samo co margin: 0 auto; margin: 0 auto to skrót od [code]margin-top: 0px; margin-right: auto;[/code] a text-align: center powoduje wyświetlanie TEKSTU jako wyśrodkowanego - możliwe że IE interpretuje go tak samo jak margin:0 auto ale to nie to samo. (możliwe że jest tak jak mówisz w IE6 i wcześniejszych - nie orientuję się) aha. staraj się nie używać znacznika <center> bo już wychodzi z użycia - jeśli na prawdę musisz coś wyśrodkować to użyj do tego właśnie margin: 0 auto; i znacznika <span> albo <div> zdziwiło mnie też że stosujesz tabelkę do ustawienia obrazków i stosujesz wiele razy znacznik <font> - wystarczy go wstawić raz, i gdy np. chcesz ustawić taką samą czcionkę dla całego menu to obejmujesz całe menu znacznikiem <font>. Dodatkowo możesz używać wielu atrybutów do jednego znacznika - czyli zamiast pisać [code]<ul> <li><a href="index.html"><font face="Arial Narrow"><font size="2">STRONA GLÓWNA</font></a></li> <li><a href="poradnik.html"><font face="Arial Narrow"><font size="2">PORADNIK</font></a></li> <li><a href="rosliny.html"><font face="Arial Narrow"><font size="2">ROSLINY DO PALUDARIUM</font></a></li> <li><a href="galeria.html"><font face="Arial Narrow"><font size="2">GALERIA</font></a></li> <li><a href="http://aquaforum.pl"><font face="Arial Narrow"><font size="2">FORUM</font></a></li> <li><a href="kontakt.html"><font face="Arial Narrow"><font size="2">KONTAKT</font></a></li> <li><a href="kontakt.html"><img src="obr/menu_bc.png" width="17" height="15" border="0" ></a></li> </ul> // tak przy okazji w ten sposób zapominasz o zamknięciu drugiego <font> przy prawie każdym <li>[/code] wystarczy po prostu napisać [code] <font face="Arial Narrow" size="2"> <ul> <li><a href="index.html">STRONA GLÓWNA</a></li> <li><a href="poradnik.html">PORADNIK</a></li> <li><a href="rosliny.html">ROSLINY DO PALUDARIUM</a></li> <li><a href="galeria.html">GALERIA</a></li> <li><a href="http://aquaforum.pl">FORUM</a></li> <li><a href="kontakt.html">KONTAKT</a></li> <li><a href="kontakt.html"><img src="obr/menu_bc.png" width="17" height="15" border="0" ></a></li> </ul> </font>[/code] i pisząc dużo mniej masz jedno i to samo
Grzyb96 komentarz 24 listopada 2010 Autor komentarz 24 listopada 2010 Dzięki za odpowiedzi już jest w porządku. Ja po prostu piszę sobie tak jak mi wygodniej. Ważne żeby wszystko działało.
Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!
Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.