Svi hoveri odjednom

[Julius]

Bok!

Evo mene s još jednim problemom.

Radi se o stranici:

http://www.id-julius.com/skola_proba/

Kako da napravim da mi kod prve vijesti na mouse over tog diva odjednom promijeni na slici bordere, u h2 boju i boju podloge i glavnog teksta. Znaci. Ja sam sada uspio napraviti to jedno po jedno. Kad se ode na sliku promijeni se border slike. Kad se ode na h2 promijeni se boja i kad se ode na tekst promijeni se boja teksta. Odnosno, kad se dođe na dvi se promijeni boja div-a.

Nadam se da st skužili kaj me mući.

[:cosmos:]

e sad, hoces sve da ti bude link ili ne? mozda ces tako lakse skuzit

ovo

Code:

<div id="glavna">       <div id="vijest1">       <img src="ikona.jpg" class="ikona" />       <h2>Lorem ipsum dolor sit amen</h2><p class="vijesti"><a class="glavno"href="vijest1_otvorena.html">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et augue. In tincidunt,...</a></p> </div>

pretvoris u ovo:

Code:

<ul> <li class="vijestBox"> <a href="#"> <img src="ikona.jpg"  /> <span class="naslov">Ovdje je naslov</span> <span class="vijesti">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et augue. In tincidunt,...</span> <div style="clear:both;"></div> </a> </li> </ul>

sa ovim

Code:

/* normal a */ ul li.vijestBox a {    background-color:gray;    text-decoration:none;    display:block; } ul li.vijestBox a img {    float:left;    margin-right:10px;    display:inline;    border:solid 5px red; } ul li.vijestBox a span.naslov {    text-decoration:underline;    display:block; } /* hover */ ul li.vijestBox a:hover {    background-color:yellow;    text-decoration:none;    display:block; } ul li.vijestBox a:hover img {    float:left;    margin-right:10px;    display:inline;    border:solid 5px green; } ul li.vijestBox a:hover span.naslov {    text-decoration:none;    display:block; }

unutar a taga ne smijes imati headinge, paragrafe i slicno, pa koristis span.
ima mnogo rjesenja, pa mozda se nekom da pa ti napise.

nadam se da si skuzio?
sori za boje, znam da ubijaju

[Julius]

Stranicu sam stavio na:

http://www.id-julius.com/skola2/

Nikako ne mogu poravnati stranicu da mi bude više lijevo. Ne kužim. Nema nikakve margine niti ničega, a udaljavaju od lijeve strane za kojih 50px.

Zbog čega?

[:cosmos:]

zato jer ti liste po defaultu imaju marginu, ovo ce pomoci

Code:

#main ul {margin:0px; padding:0px;}

[Julius]

http://www.id-julius.com/skola2/

Zašto mi u ie-u ne prikazuje slike?

[:cosmos:]

nabzaka sam bacio oko i nemam pojma zasto ne radi, i malo mi blinca sve, ovo st osam ti ja poslao je kopi pejst iz mog dokumenta koji je radio.

malo mi je doctype cudan i sve to. neznam
taj nacin koristim vec dugo i nikada nije stekalo nigdje.
nesto si krivo postavio ili ti fali nesto

ja sada bas nemam vremena detaljno to analizirati

[Julius]

U ff-u i operi super sve radi. Fakat ne znam u čemu je problem?

[red]

Prije svega mora biti valid, što nije: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.id-julius.com%2Fskola2%2F

Prvo budemo ju natjerali da bude valid, pa budemo se onda pitali zakaj nekaj ne radi kak stvari rade kad su valid.

[Julius]

A zašto mi ja vlja ove greške na strelicama? U čemu je problem. Sve je ista greška.

[red]

Kojim strelicama, lafe?

[Julius]

da sa />, zašto mi stalno javlja tu grešku to mi stvarno nije jasno

[red]

http://www.google.com/search?q=what+is+xhtml

[:cosmos:]

afle ti atributi tipa alt i slicno
onaj div ne moze biti unutar a taga, moja greska, no mislim da si skuzio zasto se tamo nalazi (onaj sa clearingom)

pogledaj link sto ti je postao red o xHtmlu pa ces skuziti sto fali i zasto se crveni

d