Tworzę stronę w XHTML. Według walidatora na W3C nie mam ani jednego błędu zarówno w kodzie XHTML (XHTML 1.0 VALID) oraz w kodzie CSS (CSS VALID)...
W Inernet Explorerze 6 wszystko wyświetla poprawnie (jak większość rzeczy nawet tych zawierających błędy
)...Dokładnie chodzi mi o:
1. Wyrównanie zawartości komórki tabeli przy pomocy 'text-align: center'...
Gdy włączam stronę w Netscape 7 wszystkie komórki tabeli mam wyrównane do lewej, a nie wyśrodkowane (jak to zdefiniowałem). Przykładowy kod dla jednej z komórek jest następujący:
Kod
#menu_right
{
text-align: center;
vertical-align: top;
border: solid 2px rgb(170,23,0);
width: 174px;
padding: 20px 0px;
margin: 0px;
background-color: #400000;
}
{
text-align: center;
vertical-align: top;
border: solid 2px rgb(170,23,0);
width: 174px;
padding: 20px 0px;
margin: 0px;
background-color: #400000;
}
Usunięcie wpisu 'margin: 0px' nic nie zmieniło...
W komórce tej znajdują się na przykład inne tabele.
2. Drugi problem dotyczy wyświetlania obrazku w tle komórki tabeli...
Otórz w Operze 7 NIE wyświetla mi obrazków w tle komórek tabeli.
Używam w tym przypadku polecenia: 'background-image: url(obrazek.gif)'.
Przykładowy kod z mojego arkusza CSS:
Kod
#belka1
{
background-image: url('belka1.gif');
width: 368px;
height: 24px;
border: none;
text-align: center;
vertical-align: middle;
font-family: Verdana, Arial, 'Arial CE', sans-serif;
font-weight: bold;
font-size: 10px;
color: #fffbbf;
}
{
background-image: url('belka1.gif');
width: 368px;
height: 24px;
border: none;
text-align: center;
vertical-align: middle;
font-family: Verdana, Arial, 'Arial CE', sans-serif;
font-weight: bold;
font-size: 10px;
color: #fffbbf;
}
Walidator na W3C pokazuje, że nie mam żadnych błędów składni, ale tło jako obrazek i tak się nie wczytuje... :-(
Proszę o pomoc i jakieś info jak mogę sobie z tymi problemami poradzić...
Z gorącymi pozdrowieniami
Adrian
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
Z ostatniej chwili...
Z problemem numer 1. sobie poradziłem... Po prostu wykorzystałem <td align="center">, bo w końcu XHTML 1.0 Transitional dopuszcza taki zapis i walidator nie wyświetla błędu, a dzięki temu zawartość komórki jest wyśrodkowana dla IE, Netscape i Opery (o co mi chodziło)...
Pozostaje problem nr 2...
W Internecie znalazłem takie info dotyczące działania właściwości background-image: url('obraz.gif') dla Opery:
Cytat
- This property does not apply to inline elements, TD/TH, IMG, HR, TABLE, and form field elements.
Czyli nie zadziała ani dla <td>, ani dla <div> ani dla <span> (sprawdzałem to zresztą)...
Jak to mogę ominąć...?
Mam komórkę tabeli, w której w tle jest obrazek (belka), a na obrazku tekst (będący w tej komórce: <td id="ident">TEKST NA TLE OBRAZKA</td>
Proszę o jakieś info...
Myślałem, żeby po prostu na obrazek wstawić tekst w programie graficznym i całość zapisać jako nowy obrazek, a ten umieścić w ramach <img src="" /> w komórce tabeli.
Jednak nie chcę tego robić, dlatego, że ten tekst na tle ma być dynamicznie zmieniany (inkludowany) poprzez php...
Myślałem też o wykorzystaniu bibliotek GD dla php, ale nie chcę obciążać strony (która i tak zajęła więcej niż to planowałem)...
Z góry dzięki za odpowiedź.
Z pozdrowieniami
Adrian
.