margin-botton ignorato

**lorenzos** · 22-09-2005, 17:34

Ho un problema. Vorrei che un rollover/link testuale stesse a 20px dal margine basso di un contenitore.
Il problema, è che impostando nei css il margin-bottom mi viene completamente ignorato. Perchè?

Posto html e css...
Grazie in anticipo...

HTML

codice:

.: TORNA AI PREZZI :.

codice:

#colleg{ margin-bottom: 20px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#CC3300;font-size:18px;text-decoration:none}
#colleg:hover{font-family:Verdana, Arial, Helvetica, sans-serif;color:#CC0000;font-size:20px}

**lorenzos** · 22-09-2005, 18:55

Up

**lorenzos** · 22-09-2005, 20:22

Nessuno?

**lorenzos** · 23-09-2005, 10:42

E' davvero così terribile?

**pierofix** · 23-09-2005, 10:46

Uè, ma il forum di CSS per cosa l'hanno aperto a fare?

**nuky** · 23-09-2005, 10:49

Credo che sia perchè l'oggetto A sia un oggetto inline, se aggiungi al css "display:block;" puoi modificare l'impaginazione anche sopra e sotto.

**lorenzos** · 23-09-2005, 11:11

Scusa, ma display block non serve per posizionare un oggetto su uno spazio libero da altri elementi (per esempio un float)...

Uè, ma il forum di CSS per cosa l'hanno aperto a fare?

Hai ragione

, ma non ci penso mai...

**nuky** · 23-09-2005, 11:19

display block di per se serve a far andare a capo l'impaginazione dopo l'oggetto.

Ad esempio, la differenza sostanziale tra DIV e SPAN è proprio in questo, il primo è un oggetto di tipo block, il secondo inline.
<DIV style="display:inline;"> si comporta come uno SPAN
<SPAN style="display:block;"> si comporta come uno DIV

Se mettere il tuo link con display:block ti crea problemi di impaginazione chiedi comunque nel forum css come ovviare a ciò.
Io ti ho spiegato il motivo per cui il margin-bottom non va.

**lorenzos** · 23-09-2005, 11:45

Ok, ma per farlo andare come posso fare?
Il fatto è che non posso "spingerlo da sopra" (margin-top) perchè la spinta dovrebbe essere diversa di pagina in pagina per via del contenuto.
Per questo margin-bottom era la soluzione migliore...

**nuky** · 23-09-2005, 11:52

Originariamente inviato da lorenzos
Ok, ma per farlo andare come posso fare?
Il fatto è che non posso "spingerlo da sopra" (margin-top) perchè la spinta dovrebbe essere diversa di pagina in pagina per via del contenuto.
Per questo margin-bottom era la soluzione migliore...

Quindi deduco che così non ti vada bene:

codice:

<style>
#colleg{
  display:block;
  margin-bottom: 20px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#CC3300;
  font-size:18px;
  text-decoration:none;
}
#colleg:hover {
  margin-bottom: 0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#CC0000;
  font-size:20px;
}
</style>
<body>
.: TORNA AI PREZZI :.PROVA

Questa era la mia idea. Posta in css che è meglio.

Discussione: margin-botton ignorato

Strumenti discussione

Ricerca discussione

Visualizza

margin-botton ignorato

Permessi di invio