x-kom hosting

[Rozwiązany] Wyśrodkowanie menu

Grzyb96
utworzono
utworzono

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
komentarz (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
komentarz

Niestety po wrzuceniu tego kodu dalej jest tak samo.

wojtex5
komentarz
komentarz (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
komentarz

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.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Strona wykorzystuje pliki cookies w celu prawidłowego świadczenia usług i wygody użytkowników. Warunki przechowywania i dostępu do plików cookies możesz zmienić w ustawieniach przeglądarki.