[CSS] dimensione dello sfondo

**jeck** · 22-03-2004, 19:21

Ho creato uno css esterno con dentro questo

a:link {color: #ffffff;
background-color: #FF4500;
text-decoration: none;
}

a:hover {color: #FF4500;
background-color: #ffffff;
text-decoration: none;
}

Però lo sfondo termina quando finisce il testo, è possibile farlo essere più lungo? oppure devo creare uno escamotage impostando lo sfondo della tabella, io lo vorrei evitare per problemi poi di una eventuale modifica del layout. Grazie

**Sonikag** · 23-03-2004, 10:21

Prova a dare un margin o un padding! (hem mi confondo sempre i risultati :P

**kaze** · 23-03-2004, 10:46

Metti i links all'interno di un div di larghezza a piacere, quindi aggiungi alle proprietà display:block;

**kaze** · 23-03-2004, 10:52

ES:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML LANG="IT">
<HEAD>
  <TITLE> </TITLE>
  <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style>
a, a:visited, a:active, a:link {color: #ffffff;
background-color: #FF4500;
text-decoration: none;
display:block;
}
a:hover {color: #FF4500;
background-color: #330099;
text-decoration: none;
display:block;
} 
#contenitore_link{
width:100px;
height:60px;
}
</style>
</HEAD>
<BODY>
<div id="contenitore_link">
link 1
link 2
link 3
link 4
link 5
</div>
</BODY>
</HTML>

**jeck** · 23-03-2004, 11:02

Ok grazie a tutti ora faccio delle prove e vedo qual'è il migliore

**Marcolino's** · 23-03-2004, 12:23

La cosa migliore sarebbe stata usare una lista puntata.
Come consigliato in constile

**jeck** · 23-03-2004, 13:40

Premetto che sto realizzando un sito con php e i template, ho risolto in questo modo:
In un file css esterno ho impostato un div.linkColorati a:visited, a:active.......{
....
...
..}

Poi ho messo anche questo

codice:

a, a:visited, a:active, a:link {color: #ffffff;
	text-decoration: none;
	font-size: x-small;
	font-family: "Times New Roman", Times, serif;
}
a, a:hover {color: Blue;
	text-decoration: none;
	font-size: x-small;
	font-family: "Times New Roman", Times, serif;
}

Ho importato il file nella pagina htm con @import url e ho impostato il div con il nome della classe nei link che mi servono. E fin quì tutto bene, ora non so se avete esperienza con i template di php, ma ho costruito un link tramite php, in teoria dovrebbe prendere la classe che ho impostato per i link, invece non è propio così, se ci clikko vedi il link come se avessi impostato la classe del div e non riesco a capire il motivo.

questo lo fa solo quando lo visito e ci faccio clik, altrimenti funziona bene.
Perdonatemi la confusione, ma di css sono un neofita, sto imparando questi giorni

Comunque ringrazio tutti.

**kaze** · 23-03-2004, 13:45

La prima cosa che mi salta all'occhio è la presenta di a sia in hover che nel resto.

Prova a togliere qst:
a, a:hover {color: Blue;
text-decoration: none;
font-size: x-small;
font-family: "Times New Roman", Times, serif;
}

Non sò se basta qst cmq..... :bubu:

**jeck** · 23-03-2004, 13:52

Ho provato, ma non va. A link normale e over funziona, ma appena clikko imposta la classe del div, poi se torno indietro vedo il link con quelle impostazioni, i link dentro al div vanno benissimo, ma quelli fuori no. Che dici creo un'altro div con quelle impostazioni e le assegno a tutti gli altri link? solo che se ne ho diversi non finisco mai. Credevo di aver capito le priorità di esecuzione, ma ora mi sto confondendo le idee

**kaze** · 23-03-2004, 14:02

Dato che è capitato ad un mio amico (non sò se anche lui usava PHP ?? ) prova a sostiture @import con
<link rel="stylesheet" href="tuo.css">

Premetto che sto andando per tentativi :bubu:

Discussione: [CSS] dimensione dello sfondo

Strumenti discussione

Ricerca discussione

Visualizza

[CSS] dimensione dello sfondo

Permessi di invio