I forum Ricerca FAQ
Fai una domanda
Ultimo messaggio
sabby88
sabby88
il 26 maggio 2014 alle 12:56
10 messaggi dal 19 giugno 2013
Ciao a tutti, ho di nuovo un problemino
sto usando una lista di LinkButton e con i css l'ho plasmato come un vero e proprio link, e fin qui tutto ok. mi hanno chiesto però di fare in modo che il colore della sottolineatura del link sia diversa dal colore del testo. e qui è scoppiato il macello, in quanto ho usato la solita tecnica di dare un colore diverso al border-bottom per ottenere l'effetto richiesto...solo che quando il testo del link è molto lungo (parlo anche di 3-4 righe) ovviamente perdo l'effetto in quanto la 'finta' sottilneatura si ferma alla prima riga e il testo si sovrappone con il list-item successivo...bruttissima visione!
ci sono idee/tecniche alternative che posso usare?

Grazie
RispondiQuoting
BrightSoul
BrightSoul
il 26 maggio 2014 alle 19:44
11.886 messaggi dal 09 febbraio 2002
Contributi
ciao,

sabby88 ha scritto:

ho usato la solita tecnica di dare un colore diverso al border-bottom

Intuizione corretta...
Quando il contenuto di tag inline come <a> fluisce a capo, viene racchiuso da molteplici scatole, una per riga. Ne hai un riscontro qui:
http://jsfiddle.net/QYD4h/
Come vedi, il bordo viene applicato su ogni riga, perché su ciascuna siede una scatola indipendente dalle altre.

sabby88 ha scritto:

la 'finta' sottilneatura si ferma alla prima riga e il testo si sovrappone con il list-item successivo

...applicazione sbagliata.
Probabilmente nel tuo css c'è qualche regola che sovverte la normale capacità dei tag inline di creare una scatola per riga. Probabilmente hai posto un display:block (o sua variante) sul tag <a>, che ora non si comporta più come un tag inline. Ecco un esempio:
http://jsfiddle.net/QYD4h/1/

ciao,
Moreno
Enjoy learning and just keep making
RispondiQuoting

Torna al forum | Feed RSS

ASPItalia.com non è responsabile per il contenuto dei messaggi presenti su questo servizio, non avendo nessun controllo sui messaggi postati nei propri forum, che rappresentano l'espressione del pensiero degli autori.