Dividere un div

**ftarsia** · 27-10-2009, 16:57

Salve, vorrei dividere la figura in allegato in due rettangoli. (Vedi thread Problema con CSS)
Questo è il codice:

<div id="indice">
<h2 class="indice">Categorie</h2>
Web Dinamico

Lezioni ASP

Logica Fuzzy

Matematica

<p class="imAlign_left"><span class="ff4 fc2 fs5 ">
<h2 class="indice">Notizie dal Web</h2>
News

</div>

CSS:
div#indice {
color: #000;
background-color: #e6e6e6;
float: right;
width: 150px;
padding: 0px;
padding-bottom: 3px;
border: 1px #336600 solid;
margin-top: 20px;
margin-left: 15px;
margin-right: 5px;
margin-bottom: 50px;

Qualcuno mi può aiutare? Grazie

**E.d.i.73** · 27-10-2009, 17:26

Ho modificato in questo modo vedi se può andare:
<style type="text/css">
#principale
{
float: right;
margin-top: 20px;
margin-bottom: 50px;
}
div.tuo_indice {
color: #000;
background-color: #e6e6e6;

width: 150px;
padding: 0px;
padding-bottom: 3px;
border: 1px #336600 solid;
margin-top: 5px;
margin-left: 15px;
margin-right: 5px;

}
.indice
{
.....
}
</style>
</head>
<div id="principale">
<div class="tuo_indice">
<h2 class="indice">Categorie</h2>
Web Dinamico

Lezioni ASP

Logica Fuzzy

Matematica

<p class="imAlign_left"><span class="ff4 fc2 fs5 ">
</div>
<div class="tuo_indice">
<h2 class="indice">Notizie dal Web</h2>
News

</div>
</div>

ciao

**ftarsia** · 27-10-2009, 17:42

Ho copiato il codice in index.html.
Funziona perfettamente.
Altre 2 richieste:
Vorrei aumentare lo spazio tra i 2 rettangoli.
Non comprendo l'uso di </head> dopo </style>.

Grazie mille!

**E.d.i.73** · 27-10-2009, 19:31

Per aumentare lo spazio puoi fare in diversi modi,uno per esempio al secondo div puoi dare un margin-left maggiore esempio 20px,30px etc..
in riguardo ad <head></head>,e' la testa del documento e fra questi due tag(apertura e chiusura) vai a mettere il css con il ripespettivo tag style .

Discussione: Dividere un div

Strumenti discussione

Ricerca discussione

Visualizza

Dividere un div

Permessi di invio