Problem z CSS - rozczarowanie mozillą

[Vert]

Witam
Tworze obecnie stronę ktora z założenia miała być kompatybilna z większością przeglądarek. Jednak ciężko jest ten cel osiągnąc gdy Mozilla nie potrafi sie zachować. Otóz w pliku css pogrupowałem klasy mające wspolne elementy dla zaczędzenia miejsca. W ie wszystko pięknie a w Mozilli tragedia. Niektóre grupy wyswietla ok niektóre w ogóle. Moze zle coś robie? Prosze o pomoc tj. prosze mi powiedziec jak sie grupuje klasy bo ja robilem to tak: .menu1,.menu2,.menu3 { padding:5; border-width: 1px; } itd.
Pozdrawiam

[Gość]

Witam
Tworze obecnie stronę ktora z założenia miała być kompatybilna z większością przeglądarek. Jednak ciężko jest ten cel osiągnąc gdy Mozilla nie potrafi sie zachować. Otóz w pliku css pogrupowałem klasy mające wspolne elementy dla zaczędzenia miejsca. W ie wszystko pięknie a w Mozilli tragedia. Niektóre grupy wyswietla ok niektóre w ogóle. Moze zle coś robie? Prosze o pomoc tj. prosze mi powiedziec jak sie grupuje klasy bo ja robilem to tak: .menu1,.menu2,.menu3 { padding:5; border-width: 1px; } itd.
Pozdrawiam

a do czego bedzie to menu? do tabeli czy czegos innego?
zapis .menu1,.menu2,.menu3 {padding:5; border-width: 1px;} rzeczywiscie jest dziwny, bo nie wiadomo jak patrzec na ',.'
sprobuj:
td.menu1, td.menu2, td.menu3 { padding:5; border-width: 1px; } lub zamiast td potrebny Ci znacznik

[Gość]

a do czego bedzie to menu? do tabeli czy czegos innego?
zapis .menu1,.menu2,.menu3 {padding:5; border-width: 1px;} rzeczywiscie jest dziwny, bo nie wiadomo jak patrzec na ',.'
sprobuj:
td.menu1, td.menu2, td.menu3 { padding:5; border-width: 1px; } lub zamiast td potrebny Ci znacznik

zapomnielem dodac, ze gdy robilem tabele i okreslilem:
.main {color: #000000;background-color: #C6DED2;}
to mi nie dzialalo
ale gdy dalem
table.main {color: #000000;background-color: #C6DED2;}
to juz tak
z definiowaniem wewnetrznych elementow tabeli, np:
.cos {bla; ble;}
jako klasa np dla znacznika td, nie mialem problemow

[Vert]

Nie wiem czemu ale nic nie dalo. Najlepsze jest to ze jedne dzialajaa a drugie nie...

[Gość]

Nie wiem czemu ale nic nie dalo. Najlepsze jest to ze jedne dzialajaa a drugie nie...

chcialem cellpading zastapic stylem,zrobilem wlasnie {padding:bla;} i tez mi nie dziala

[Vert]

Sprawdzalem specyfikacje CSS i nie znalazlem tam informacji o takim grupowaniu ale nie twierdze ze ich tam nie ma. Jesli mozilla w pelni obsluguje css2 to tam powinno byc rozwiaazanie. Jesli Ci na tym zalezy i bedziesz szukal sposobu na ten problem, bo ja bede, to moze skontaktuj sie ze mnaa jak cos znajdziesz. A jesli mi podasz swoj mail to ja zrobie to samo...
Mój e-mail: 098212 (na) wp (kropka) pl

[Vert]

Udalo mi sie znależć: http://www.w3.org/TR/REC-CSS2/selector.html#grouping i wychodzi na to ze .menu,.menu2 jest ok. Ja juz nic nie wiem, szukam bledu gdzies indziej. Dzieki za pomoc...

[marcoos_nieOdSiebie]

Mozilla obsluguje CSS 2 lepiej niz cokolwiek innego. Tylko wymaga poprawnego kodu.

Sprobuj http://jigsaw.w3.org/css-validator/

[fufik]

Robił może ktoś z was obrazki w backgroundzie komórki tabeli poprzez CSS i mu zadziałało?

[hADeSik]

oszywiście...
wiele razów 8)

patrz specyfikacja - odnośniki w tym temacie...
działa we wszystkich szanujących sie (a nawet nie tylko) przeglądarkach...

[Gość]

oszywiście...
wiele razów 8)

ty chyba wszystko wrzucasz do CSS w sumie dobry nawyk dla lekkiego przejscia html-->xhtml-->xml

[hADeSik]

wszystko to nie, zwykłe tagi zostawiam w HTMLu
a tak na serio to praktycznie wszystko co jest związane z wyglądem, oraz część rzeczy (zazwyczaj) dubluje atrybutami żeby to starsze przeglądarki widziały

[Nerf]

ty chyba wszystko wrzucasz do CSS

Tak jest najlepiej...najprościej...najrozsądniej...najszybciej...i tworzone tak strony zwykle zajmują najmniej miejsca.

[fufik]

oszywiście...
wiele razów 8)

patrz specyfikacja - odnośniki w tym temacie...

sprawdziłem no i... zadziałało

[fufik]

Mam takiego css-a o nazwie "dessert.css" (w tym samym katalogu co HTML):

Kod: Zaznacz cały

table.main {
   font: 10pt, Tahoma;
   padding: 0;   
   border: 0;
   width: 800;
   align: center;
}
td.tab_ul {
   background-image: url('images/tab_ul.gif');
   background-repeat: no-repeat;
}


i do tego takiego HTML-a:

Kod: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML>
<HEAD>
<TITLE>test obrazka</TITLE>
<meta http-equiv="content-type" content="text/html; charset=iSO-8859-2" />
<link rel="stylesheet" href="dessert.css" type="text/css" />
</HEAD>
<body>
<table class="main">
   <tr>
      <td class="tab_ul">dd</td>
   </tr>
</table>
</body>
</html>


i w ie wszystko jest ok - tzn. mam obrazek w tle komorki a w Mozilli niestety nie. co ciekawe, jak przekleje css do komorki

Kod: Zaznacz cały

 <td style="..."

to jest ok. dlaczego M nie zalacza tego css - bo na to wyglada
(validator sie tego

Kod: Zaznacz cały

 <link ...

nie czepia)
pls hlp

[Domel]

i do tego takiego HTML-a:

No wlasnie, musisz sie zdecydować na to czy robisz w HTML-u czy w XHTML-u. Bo jak narazie poniższy dokument jest ani niezgodny z HTML-em 4.01 ani z XHTML 1.0 Strict
Skoro zadeklarowales wersje DTD 1.0 Strict to przyjmuje ze to XHTML

Kod: Zaznacz cały

<HTML>

Powinno być

Kod: Zaznacz cały

<html xmlns="http://www.w3.org/1999/xhtml">

Oprocz brakujacej przestrzeni nazw, znaczniki musza byc pisane malymi literami

Kod: Zaznacz cały

<HEAD>
<TITLE>test obrazka</TITLE>
(...)

</HEAD>

Male literki....

i w ie wszystko jest ok - tzn. mam obrazek w tle komorki a w Mozilli niestety nie. co ciekawe, jak przekleje css do komorki

Kod: Zaznacz cały

 <td style="..."

to jest ok.

U mnie jest wszystko dobrze. Wyglada identycznie jak w IE. Sprawdzalem pod 1.2.1, 1.3, 1.4 i 1.5a.

[fufik]

zmienilem zgodnie z opisem, ale cos to nie bardzo pomoglo

moj "index.html" wyglada teraz tak:

Kod: Zaznacz cały

<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test obrazka</title>
<meta http-equiv="content-type" content="text/html; charset=iSO-8859-2">
<link rel="stylesheet" href="dessert.css" type="text/css">
</head>
<body>
<table class="main">
   <tr>
      <td class="tab_ul">dd</td>
   </tr>
</table>
</body>
</html>


[prefiks]

Dalsze błędy:

1) nie <!doctype a <!DOCTYPE
2) brak zamknięcia <meta>
3) brak zamknięcia <link>

I sedno sprawy:

4) w css znak '_' jest zabroniony w identyfikatorze, czyli zamiast "tab_ul" ma być np. "tab-ul" (trzeba też zmienić odpowiednio arkusz stylów)

[fufik]

html jest taki:

Kod: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test obrazka</title>
<meta http-equiv="content-type" content="text/html; charset=iSO-8859-2" />
<link rel="stylesheet" href="dessert.css" type="text/css" />
</head>
<body>
<table class="main">
   <tr>
      <td class="tabul">dd</td>
   </tr>
</table>
</body>
</html>

a css taki:

Kod: Zaznacz cały

td.tabul {
   background-image: url('images/tabul.gif');
   background-repeat: no-repeat;
}


i nic...

[prefiks]

Nazwę obrazka też zmieniłeś?

Pozostałe błędy (tym razem w CSS)

1) "font: 10pt, Tahoma;" - przecinek nie może być w tym miejscu.
2) "width: 800;" - czego ? gdzie jednostka (np px)
3) "align: center;" - co to jest? W specyfikacji tego nie ma.