Forum webmasterów

: **pn maja 08, 2006 8:35 pm**

MoRpH pisze:wszystko jest zgodne ze standardami

Niestety, nie jest.

Proponuję sprawdzić następujące rozwiązanie:

td.menu ul {
margin: 0;
padding: 0;
}

td.menu li {
display: block;
float: left;
border-top: 1px solid #494A5E;
border-bottom: 1px solid #494A5E;
padding: 0;
margin: 0;
}
td.menu ul a, td.menu ul strong {
display: block;
width: 128px;
border-left: 1px solid #494A5E;
border-right: 1px solid #494A5E;
background-color: #f6f6f6;
font-family: Verdana, sans-serif;
color: #494A5E;
font-size: 11px;
font-weight: bold;
text-align: center;
margin: 0;
padding: 5px; 
}
td.menu ul a:link, td.menu ul a:visited {
color: #494A5E;
background-color: #f6f6f6;
text-decoration: none;
}
td.menu ul a:hover, td.menu ul strong {
background-color: #494A5E;
color: #f6f6f6;
border-top: 0;
border-bottom: 0;
}
td.menu ul a:active {
color: #C56E32;
}
...
<ul>
<li><strong>Rodzaje pomocy:</strong></li>
<li><a href="http://www.podlasiak.com/pomoc/sms.php">WYSYŁAJ SMSY</a></li>
<li><a href="http://www.podlasiak.com/pomoc/baner.php">KLIKNIJ BANER</a></li>
<li><a href="http://www.podlasiak.com/pomoc/konto.php">WPŁAĆ NA KONTO</a></li>
<li><a href="http://www.podlasiak.com/pomoc/jedenprocent.php">"JEDEN PROCENT"</a></li>
</ul>

W tym przypadku należy użyć DTD XHTML 1.0 Strict, gdyż w związku z quirks mode i co za tym idzie różną obsługą box-model, końcowy efekt w poszczególnych przeglądarkach może się różnie prezentować.

Na pewno można byłoby to zapisać w sposób lepszy i prostszy, jednakże wymagałoby to większych zmian zarówno w arkuszu stylów jak i w samym markup'ie, który, jeśli chodzi o zgodność ze standardami, delikatnie mówiąc - nie prezentuje się najlepiej.

I skoro już mówimy o standardach, to tabel nie należy używać do tworzenia układów stron.

Forum webmasterów

[Problem] Menu nawigacyjne i nieoczekiwany wygląd pod FF

Re: [Problem] Menu nawigacyjne i nieoczekiwany wygląd pod FF