[ techcode @ 23.06.2006. 13:40 ] @
Nikako nisam mogao da provalim kako da podvucem samo tekstualne linkove ali ne i one koji su linkovana slika.
Dakle imam sledeci CSS:
Code:

a {
    text-decoration:    none;
    padding-bottom:        1px;
    border-bottom:        1px dotted;
    margin:                0;
}

a:hover {
    text-decoration:        none;
    border-spacing:            1px;
    border-bottom-style:    solid;
    margin:                    0;
}


I to lepo radi sa tekstualnim linkovima. Isprekidano su "podvuceni" a kada se stavi mis na njih, onda su punom linijom "podvuceni". Trazio sam po netu (advanced css selectors i sl) ali ocigledno nisam pronasao nista sto bi pomoglo. Naravno sem da podesim class za img linkove "rucno". Dakle nesto kao:

Code:

-- CSS --
.img-link {
    border:            none;
}

.img-link:hover {
    border:            none;
}

-- HTML --
<a href="#" class="img-link"><img ... /></a>


Nisam uspeo da pronadjem kako da selektujem parent ako mu je prvi child xyz (odnosno da selektujem a ukoliko mu je prvi child img). Najblize tome je a > img - ali to selektuje taj img unutar a ...
[ CtrlAltDel @ 23.06.2006. 14:26 ] @
text-decoration: underline

je za "podvlacenje" linka , sa border dodajes okvir - istom logikom si mogao da kazes border-top pa da bude linija iznad linka.

nema potrebe tako da pises za sliku , dovoljno je samo :

img { border:none; } - to ce odmah da se primeni za sve <img> tagove , sem kad eksplicitno ne naglasis drugacije (navedes klasu ili stil)


btw border mozes i ovako da definises border-top: solid 1px red ( ne mora ono border-top-style ... )



[ techcode @ 23.06.2006. 16:03 ] @
Izgleda da me nisi bas razumeo ... mada je iz CSS-a ocigledno ...

To "podvlacenje" - koje je ustvari border-bottom - se desava na samom linku a ne na slici.

Sa text-decoration ja ne mogu da dobijem efekat da je link "podvucen" isprekidanom linijom (kada pointer nije preko njega) a zatim punom linijom (kada je pointer preko njega). Ili mozda mogu?

Problem nastaje sto se na taj nacin podvlace i linkovi koji ne sadrze tekst kao link - vec slike.

Dakle cak i ako je border: none za img - isprekidani border (odnosno puni kada je pointer preko) ce se naci ispod slike.

[ CtrlAltDel @ 23.06.2006. 16:59 ] @
Code:

a {
    text-decoration:    none;
    padding-bottom:        1px;
    border-bottom:        1px dotted;
    margin:                0;
}

a:hover {
    text-decoration:        none;
    border-spacing:            1px;
    border-bottom-style:    solid;
    margin:                    0;
}



pa ovde je problem... nisam video ... ovim si rekao da sve sto je link ima ovakav stil ...

da jeste po meni ti je jedino resenje ono sto si i sam napisao - posebnu klasu da dodeljujes na image rucno... :) sorry nisam dobro video
[ dee_ @ 24.06.2006. 11:04 ] @
ili prodji javasriptom kroz linkove na stranici, provjeri im sadrzaj i onda

Code:

IF (sadrzaj==txt) 
object.style = 'podcrtano';

ELSE
object.style = 'nista';
[ CtrlAltDel @ 24.06.2006. 15:16 ] @
da moz i tako... javascript , php ,asp...

ali i u tom slucaju mora rucno da ubacuje code kod linkova ...
[ dee_ @ 24.06.2006. 16:52 ] @
zasto?

nisam probavao, ali mi zvuci sasvim logicno da pri ucitavanju stranice petljom prosece kroz sve linkove
Code:
document.links[i]
pogleda koji su tekstualni, koji IMG i ovisno o tome sta dobije, svakom links definira stil.
[ techcode @ 24.06.2006. 17:04 ] @
Da - to mi nije palo na pamet ... A inace kako bih proverio da li se unutar linka nalazi img tag?

Samo posto ne koristim JS za bilo sta drugo (image rollover i sl), radje ga ne bi uopste ni koristio ...
[ jablan @ 26.06.2006. 08:27 ] @
A što tekstualnim linkovima ne daš poseban class, ili da njihov sadržaj uokviriš sa jednim SPAN tagom i stil vežeš za SPAN umesto za A? Ili da na svim IMG tagovima unutar A pregaziš setovanje za underline.