border oko slika

Kako da napravim da border oko slike koja je ujedno i link menja boju kada se prelazi misem preko nje. Uspeo sam samo dodavanjem id-ja u <a> tag ali to radi samo iz Firefox-a. Kako da ovo radi i iz IE-a?

cisto napamet...jesi probao:

a:hover {
border: 1px #ccc solid;
}

i onda normalno <a href="..."><img /></a>

Potpis

Jeff, one day you’ll understand that it’s harder to be kind than clever.

Ne razumem bas kako to da uradim. Ako si mislio da napravim stvarno a i a:hover onda mi to menja sve linkove, a to ne zelim, znaci zelim samo odredjeni ID da dodelim toj slici/linku.

Mozda sam trebao na pocetku da naglasim da sam pocetnik u ovome. :)

#neki_id a:hover {
border: 1px #ccc solid;
}

Potpis

Jeff, one day you’ll understand that it’s harder to be kind than clever.

Evo pokusao sam ovako:

#AddsBox{
border: 2px solid #6699CC;

}

#AddsBox:hover {
border: 2px solid #FF9900;

}


<td width="165" height="92" align="center" valign="middle">
<a href="som.htm" id="AddsBox"><img src="advertising/som_baner.gif" width="160" height="90" border="0"></a></td>


i sada to da kazem radi, ali ne potpuno, sada nemam top border, i nikako nemogu to da resim zasto mi se to desava? Pokusao sam da stavim i border-top, left, right, bottom i nista i dalje mi se top ne pojavljuje ???

au
tesko ce moci tako :)

probaj ovo

umesto

stavi

i ovo ovako

umesto

stavi


_{//edit boccio: formatirajte kôd da poruka bude čitljivija}

Potpis

Solarni kolektori

Ovim kodom će još teže ići.

Potpis

^{Banned - Not available}

Da, tako tek ne radi, ali kako treba?

Pa lepo sam ti u prvom postu rekao sta da uradis. Da si u tom pravcu krenuo, nasao bi resenje...


Ali svi ovde ocigledno cekaju resenje na tacni...E, pa evo - resenje servirano, izvol'te pristupiti cut'n'paste-u.

OK je sto kazes da si pocetnik, zato smo tu da ti pomognemo, ali ovo ne znaci nista ako ces samo iskopirati i ne zanima te zasto ovo radi, a ono tvoje ne. Nauci osnove CSS-a, to bar nije problem, nemoj samo traziti gotova resenja koja ces iskopirati u svoj kod.

Potpis

Jeff, one day you’ll understand that it’s harder to be kind than clever.

Pa ni ovo bas ne radi, ne radi se ovde o cut & paste, ja zelim ovo da naucim, ali sam potpuni pocetnik i ne znam u kom pravcu da idem na osnovu toga sto mi ti das jer nista vise ni ne znam.

Sa ovom zadnjom varijantom na tacni, u IE-u su leva i donja ivica bordera deblje od gornje i desne, a u FF-u je donji border dupliran...

Joj bre.
Probaj ovako npr:
html:


css:


Obrati pažnju i na veličinu celije tabele u kojoj se nalazi ova slika.

Potpis

^{Banned - Not available}

Ajde probaj ovo na "suvo", tj. kao poseban test-fajl, pa vidi da li radi korektno. Ako radi (a moralo bi) znaci da tvoj se u tvom, postojecem CSS fajlu vuce neko nasledjivanje. Postuj onda kompletan CSS.

Potpis

Jeff, one day you’ll understand that it’s harder to be kind than clever.

I ja sam došao do sličnog rešenja kao što je Br@nkoR napisao samo treba dodati u <td> tag ovo id="AddsBox". ne znam zašto.
ali samo tako radi

evo ga moj kod sto sam uradio


i probao sam radi u IE 6, firefox, opera

e sad možda to može elegantnije da se uradi ja ne znam.

Potpis

Solarni kolektori

Ma meni radi i ovako i u drugom praznom fajlu isto. Kada napravim ili za IE ili za FF kao sto si pre rekao.

Kada stavim ovako:


onda radi iz FF-a ali ne iz IE-a

a kada stavim ovako:


onda je situacija obrnuta :)

Kada stavim oba kao sto si mi rekao onda imam neke duple bordere sto je meni nekako i logicno tako da sam dosao do zakljucka da tu fali i jos neki - if IE then ovo i td... ali ne znam jesam li u pravu i kako se tek to radi u CSS-u

E radi kad se doda ovo

display: block; :)

a sad me interesuje cemu to tacno sluzi?

http://www.w3.org/TR/CSS21/visuren.html#display-prop

Potpis

^{Banned - Not available}