sottolineatura link - peso immagini [era: Due domande]

[Jack.Bort]

ciao a tutti ho le seguenti domande:

1) come devo fare per avere la sottolineatura dei link trattegiata?

2) ho notato che se imposto col css un immagine come sfondo perde il suo peso. mi spiego meglio:
io ho un immagine di 30k e nel css ho scritto:
div#titolo {background: url(nomeimmagine.jpg)}
e se apro la pagina html con dreamweaver mi dice che il peso della pagina è di 1k........MAGIA

quindi mi chiedo se è veramente così

thanks

[Sky]

1) Applicandogli la proprietà border; esempio:

<style type="text/css">
a:link, a:visited { border-bottom-width: 0px }
a:hover { border-bottom: 1px dashed #000 }
</style>

Così la sottolineatura si attiva solo al passaggio del mouse sopra al link; se la imposti solo al tag (senza le pseudoclassi :link, :visited e :hover) viene attivata su tutti i link, indipendentemente dal passaggio del mouse.

2) Evidentemente non conteggia i kb dell'immagine inserita nel css, ma l'utente la scariucherà comunque sul suo pc, quindi è come se la inserissi nella pagina con il tag <img> :P

ciao ciao

[Jack.Bort]

io nel css ho messo:
a:link {font: 10px Verdana, sans-serif; color:#FFFFFF; border-bottom: 1px dashes #FFFFFF;}
ma sia su IE che su Firefox la sottolineatura è continua e non trattegiata. qualcuno può aiutarmi?

thanks

[darkmavis]

Originariamente inviato da Jack.Bort
io nel css ho messo:
a:link {font: 10px Verdana, sans-serif; color:#FFFFFF; border-bottom: 1px dashes #FFFFFF;}
ma sia su IE che su Firefox la sottolineatura è continua e non trattegiata. qualcuno può aiutarmi?

thanks

Devi aggiungete text-decoration:none, ed è dashed non dashes, cmq i trattini compariranno solo con FF e non con IE

[awd]

Originariamente inviato da darkmavis
... cmq i trattini compariranno solo con FF e non con IE

no che dici? funziona invece! la differenza tra i due browser si ha con dotted. IE in pratica il tratteggiato e il punteggiato li fa uguali!

[Jack.Bort]

grazie a tutti e due