Come eliminare testo sottolineato dai link

**abcd1000** · 19-09-2007, 13:26

Ho questo file css

codice:

a.button {
	display: block;
	width: 130px;
	padding: 5px 20px 3px 20px;/*top dx bottom sx*/
	background: #fff url(../images/button_big_background_gray.gif) no-repeat;
	text-decoration: none;
        border: 1px solid black;
}

a.button:hover {
	background: url(../images/button_big_background_red.gif) no-repeat;
}

div#bodyId a{
text-decoration: underline;
}

ho questa pagina html

codice:

<html>
<head>
<link rel="stylesheet" type="text/css" href="css/button_link.css" media="screen" />
</head>
<body>

<div id="bodyId">
bla bla bla bla bla bla bla bla
</div>               

</body>
</html>

vorrei sapere come mail il comando
text-decoration: underline;
dello style di 'bodyId'
domina sul comando text-decoration: none;
dello stile 'button'

grazie

**deleted_13** · 19-09-2007, 14:16

prova a mettere prima il collegamento (link) e poi applica lo stile! dovrebbe funzionare!

**abcd1000** · 19-09-2007, 14:45

ho provato ad invertire come mi hai suggerito ma il risultato non è cambiato

ecco il css

codice:

div#bodyId a{
text-decoration: underline;
}

a.button {
	display: block;
	width: 130px;
	padding: 5px 20px 3px 20px;/*top dx bottom sx*/
	background: #fff url(../images/button_big_background_gray.gif) no-repeat;
	text-decoration: none;
        border: 1px solid black;
}

a.button:hover {
	background: url(../images/button_big_background_red.gif) no-repeat;
}

**abcd1000** · 19-09-2007, 17:27

risolto

il meccanismo di ereditarietà nei css dice che gli id hanno maggior rilevanza rispetto ai class

quindi quello che definisco nel bodyId predomina su qualsiasi cosa definisca nel .button

soluzione:

nell'html scrivere

codice:

<div id="bodyId" class="bodyClass">
bla bla bla bla bla bla bla bla
</div>

nel css mettere qualsasi cosa riguardi la formattazione di testo e link in bodyClass, mentre quello che riguarda il layout in bodiId

in questo modo quello che viene definito nel .button sovrascrive quello scritto nel .bodyClass

Discussione: Come eliminare testo sottolineato dai link

Strumenti discussione

Ricerca discussione

Visualizza

Come eliminare testo sottolineato dai link

Permessi di invio