Problem z CSS :(

[noose]

Witam...

mam taki problemik. Ucze sie php i robie sobie taka testowa stronke na moim lokalnym serwie. Pod mozilla wyglada tak jak powinna wygladac, ale pod IE juz nie :( chodzi o to, ze po najechaniu myszka nad komorke cala komorka ma sie podswietlic (pod IE sie tak nie robi, a pod mozilla tak :?)

Kawalek CSS'a

TD.row1:hover {background-color: gray}

Jedna z komorek

<td class="row1"><center><a href="index.php">Strona Główna</center></td></a></tr>

wie ktos co to moze byc ??

aha, jezeli zobie tak

TD.row1 {background-color: gray}

to komorka zmienia kolor.

musi byc .row1 bo nie chce, zeby wszystkie komorki zmienialy kolor, maja zmieniac tylko te w menu.....

z gory dzieki za odpowiedzi.....

[noose]

chyba, ze macie jakies inne pomysly (moze JS :?:) zeby tylko niektore komorki sie podswietlaly....

[Miope]

Prawdopodobnie dla IE hover jest związany wyłącznie z odsyłaczami (A) i nie działa w innych wypadkach. Ewentualnie mógłbyś zrobić przez hover podświetlenie tła odsyłacza (zawsze coś), wtedy w Mozilli i Operze podświetli całą komórkę, a w IE tylko tło samego odsyłacza (napisu).

 

TD.nazwa:hover{background: kolor;}A.nazwa:hover {background: kolor;}

<TD class="nazwa"><A href="coś_tam.php" class="nazwa">tekst</A></TD>

Jeżeli to Cię nie satysfakcjonuje, to możesz przejść na podmianę obrazków. Przygotowujesz sobie dwa wielkości komórki, z napisami, różniące się tylko tłem, i robisz na przykład tak:

<TD><A href="coś_tam.php"ONMOUSEOVER="document.nazwa.src='obrazek_aktywny.gif'" ONMOUSEOUT="document.nazwa.src='obrazek_nieaktywny.gif'"><IMG src="obrazek_nieaktywny.gif" name="nazwa" width=ileś height=ileś border=0></A></TD>

(I pilnuj kolejności znaczników, bo masz bałagan w tej ścieżce z php: "<tr><td><center><a></center></td></a></tr>" Co to ma być? :roll: ).

[Gość]

<td onMouseOver="this.className='over';" onMouseOut="this.className='out';" class="out" ... >

klasy out i over musisz sobie zdefiniowac

[noose]

(I pilnuj kolejności znaczników, bo masz bałagan w tej ścieżce z php: "<tr><td><center><a></center></td></a></tr>" Co to ma być? :roll: ).

na stronie znaczniki sa wyrazniej :P po za tym, nie pogubie sie, bo robie z ezhtml :D

 

 

Jeżeli to Cię nie satysfakcjonuje, to możesz przejść na podmianę obrazków. Przygotowujesz sobie dwa wielkości komórki, z napisami, różniące się tylko tłem

jakos nie zabardzo moge :( bo menu po lewej ma szer 15% okna :?

 

FiDO: to jest caly kod jaki musze wklepac :?: czy jeszcze cos musze tam miec :?:

 

jak jest to zrobione na stronie glownej forum, ze podswietla sie cala komorka :?: to jest JS czy co :?: bo nie widze tego w kodzie :?

[noose]

a mozna zrobic, zeby komorka byla linkiem, czy nie za bardzo :?: bo jak by sie dalo, to przednio :D

[ahu]

a mozna zrobic, zeby komorka byla linkiem, czy nie za bardzo :?: bo jak by sie dalo, to przednio :D

Ja bym sprobowal tak:

 

<td onmouseover="style.backgroundColor='#FFFFFF'; style.cursor='hand'" onclick="location.href='link.php'" onmouseout="style.backgroundColor='#000000'" bgcolor="#000000">

Jak jakis blad to sorry ale pisalem na szybko.

Pozdr.

[Miope]

Ja bym sprobowal tak:

 

<td onmouseover="style.backgroundColor='#FFFFFF'; style.cursor='hand'" onclick="location.href='link.php'" onmouseout="style.backgroundColor='#000000'" bgcolor="#000000">

Tak, to jest przyjemniutkie. :) Opera tylko jakoś dziwnie reaguje.

[Gość]

FiDO: to jest caly kod jaki musze wklepac :?: czy jeszcze cos musze tam miec :?:

No jeszczse musisz zdefiniowac klasy CSS over i out, w calosci przyklad jednolinkowy wygladalby mniej wiecej tak:

<style type="Stylesheet">TD.over {background: #F3F3F3; cursor: hand;border: 0 solid #F3F3F3;}TD.out {background: #ffffff; border: 0 solid black;}</style><table><tr>  <td onMouseOver="this.className='over';" onMouseOut="this.className='out';" class="out" align="center" onClick="location.href='costam.html';"></tr></table>

Tak jest duzo uniwersalniej niz podal ahu, bo jak chcesz zmienic kolory to zmieniasz to tylko w jednym miejscu a nie w [ilosc TD] miejscach ;)

jak jest to zrobione na stronie glownej forum, ze podswietla sie cala komorka :?: to jest JS czy co :?: bo nie widze tego w kodzie :?

try again ;)

[Miope]

Tak jest duzo uniwersalniej niz podal ahu, bo jak chcesz zmienic kolory to zmieniasz to tylko w jednym miejscu a nie w [ilosc TD] miejscach ;)

Oczywiście. :) U ahu był cały kod w jednym miejscu, więc dlatego przyjemniutkie. Na korzyść Twojego przemawia to, że działa dobrze w Operze. :) Tylko trzeba wyrzucić to type="Stylesheet", bo przy takim wewnętrznym nie idzie w IE i Mozilli. (I nie zamknąłeś TD :wink: ).

[noose]

bez tego TYPE="stylesheet" komorki mi sie podswietlaly, ale czcionke wywalilo na calej stronie (przegladarki reaguja tak jakbym w ogole nie zadeklarowal czcionki). po wrzuceniu tego TYPE reaguja tak, jakbym nie mial stylow zdefioniowanych :P jakies sugetsie :?:

 

wrzuce tutaj caly CSS

<style type="Stylesheet"> BODY {font-family: Verdana;font-size: 12px;color: white; }A {text-decoration: none;font-family: Verdana;font-size: 12px;color: white}A:visited {color: silver;text-decoration: none;}A:hover {color: red;text-decoration: underline;}TD.over {background: #808080;}TD.out {background: #000000;}

i MENU

 

<? $browser=$HTTP_USER_AGENT; $ip=$REMOTE_ADDR; $host=gethostbyaddr($ip);?><center><table border=0><tr><td class="row1"><center>Menu</center</td></tr><tr><td onMouseOver="this.className='over';" onMouseOut="this.className='out';" class="out" align="center" onClick="location.href='index.php';">Strona główna :)</td></tr><tr><td onMouseOver="this.className='over';" onMouseOut="this.className='out';" class="out" align="center" onClick="location.href='index.php?go=Omnie';">O mnie</td></tr><tr><td class="row1"><center><a href="index.php?go=Kontakt">Kontakt</a></center></td></tr><tr><td class="row1"><center><a href="index.php?go=Linki">Linki</a></center></td></tr><tr><td class="row1"><center><a href="pokaz.php3?www=admin">administracja strona</a></center></td></tr><tr><td><center>Toche danych o Tobie :D</center></td></tr><tr><td><center><? echo "Adres IP: $ip"; ?></center></td></tr><tr><td><center><? echo "Wszedles z hosta: $host";?></center></td></tr></table></center>

[noose]

nie dziwcie sie, ze podsietlenie jest tylko na dwoch komorkach :P to tak dla testu co sie dzieje :P

[Gość]

a bo mi sie oczywiscie pomylilo

 

ma byc type="text/css" a nie type="Stylesheet", sorki :)

 

(I nie zamknąłeś TD ;) ).

Zdarza sie najlepszym ;)

[Miope]

noose:

 

<style > P { font-family: Verdana; font-size: 12px; color: blue; } .row1 {font-family: Verdana; font-size: 12px; color: purple; } A { text-decoration: none; font-family: Verdana; font-size: 12px; color: green; } A:visited { color: silver; text-decoration: none; } A:hover { color: red; text-decoration: underline; } TD.over { font-family: Verdana; font-size: 12px; color: white; background: #808080; } TD.out { font-family: Verdana; font-size: 12px; color: white; background: #000000; } </style>

<BODY><center><table border=0> <tr> <td class="row1"> <center>Menu</center</td></tr> <tr> <td onMouseOver="this.className='over';" onMouseOut="this.className='out';" class="out" align="center" onClick="location.href='index.php';">Strona główna :)</td></tr> <tr> <td onMouseOver="this.className='over';" onMouseOut="this.className='out';" class="out" align="center" onClick="location.href='index.php?go=Omnie';">O mnie</td></tr> <tr> <td><center><a href="index.php?go=Kontakt">Kontakt</a></center></td></tr> <tr> <td><center><a href="index.php?go=Linki">Linki</a></center></td></tr> <tr> <td><center><a href="pokaz.php3?www=admin">administracja strona</a></center></td></tr> <tr> <td class="row1"><center>Troche danych o Tobie :D</center></td></tr> </table> </center> <P>strona</BODY>

[noose]

moi mistrzowie :D dzieki Wam :D pewnie jakbym nad tym posiedzial ze dwa dni, to by dzialalo :) jeszcze raz DZIEKi

[Miope]

Na przyszłość, noose, nie testuj na białej czcionce -- nie mówiłeś nic o tym, że tło masz kolorowe. :D Co do reszty, chyba sam już dojdziesz, co było nie tak. :)

 

FiDO, dla wewnętrznego arkusza wystarczy samo <STYLE>. :)

[noose]

Miope: kolorki to najmniejszy problem :) juz wszystko dziala :D miusialm przerobic wszystkie <BR> na <P> bo mi czcionke wywalalo (nadal nie wiem czemu :P ale nie robi :) juz jest dobrze :)). jak chcecie zobaczyc efekty tej mizernej pracy to powinny byc tutaj. tyle, ze jak kompa wylacze to nie bedzie stronki :P

[Gość]

FiDO, dla wewnętrznego arkusza wystarczy samo <STYLE>. :)

Oczywiscie, ze wystarczy, tego mi nie musisz mowic (pisac) :P

Ale ja daze do tego, zeby to bylo zgodne z XHTML :]

[Miope]

OK, FiDO, będę pamiętać, żeby nie zawracać głowy mistrzom. ;) Twój argument jest ze wszech miar słuszny. :D

[Gość]

hehe, nie tak to mialo zabrzmiec.. ale co tam :P