sto creando un sito devo mettere tre box affiancati ho usato il float pero non mi si affiancano
questo e il link del sito http://giuliano75.altervista.org/:dipser:
questo e il link del sito http://giuliano75.altervista.org/:dipser:
tre box affiancati che non si affiancano
- Creatore Discussione giuliano75
- Data di inizio
Consiglio anch'io di usare un framework, almeno non devi reinventare la ruota e puoi concentrarti solamente sugli stili del tuo sito.
Ma il tag HEADER e il tag FOOTER.... esistono????? O.O
In ogni caso ti consiglio di fare tutto con le DIV, il tag SECTION non so ne a cosa serva ne perché esista.
Poi quali sono gli elementi che vuoi affiancare? le 3 voci ATTIVITà, PISCINA e CONTATTI?
In ogni caso ti consiglio di fare tutto con le DIV, il tag SECTION non so ne a cosa serva ne perché esista.
Poi quali sono gli elementi che vuoi affiancare? le 3 voci ATTIVITà, PISCINA e CONTATTI?
Jonn, i tag header, footer e section sono tag semantici introdotti in HTML5, e vanno benissimo così come sono.
Seguirei i consigli dati dai ragazzi...usa un framework e ti alleggerisci di un bel po di lavoro
PS: chiudi il tag <head>
PS: chiudi il tag <head>
Proverei a dare un width ai vari div box, box1 e box2 per esempio 300px o 33% (poi ci lavori un po con margin o padding) e un float:left..
Poi puoi inserire un div con clear both dopo il box2
Poi puoi inserire un div con clear both dopo il box2
<section id="contenuto1">
<section div="box" >
<a href="#"><img src="immagini/attivita.png" width="222" height="48" alt="attivita"></a>
</section>
<section div="box1" >
<a href="#"><img src="immagini/piscina.png" width="222" height="48" alt="piscina"></a>
</section>
<section div="box2" >
<a href="#"><img src="immagini/contatti.png" width="222" height="48" alt="contatti"></a>
</section>
#contenuto1 {
background-color: #FFF;
font-size: 1.6em;
overflow:hidden;
}
#box {
float: left;
width: 280px;
margin-top: 0px;
margin-right: 8px;
margin-bottom: 0px;
margin-left: 15px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
#box1 {
float: left;
width: 280px;
margin-top: 0px;
margin-right: 8px;
margin-bottom: 0px;
margin-left: 7px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
#box2 {
float: left;
width: 280px;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 0px;
margin-left: 7px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
}
footer { clear:both;
}
questo e la parte di codice e dovrebbe funzionare ma non va ho provato anche mettere anche il float sul contenitore
<section div="box" >
<a href="#"><img src="immagini/attivita.png" width="222" height="48" alt="attivita"></a>
</section>
<section div="box1" >
<a href="#"><img src="immagini/piscina.png" width="222" height="48" alt="piscina"></a>
</section>
<section div="box2" >
<a href="#"><img src="immagini/contatti.png" width="222" height="48" alt="contatti"></a>
</section>
#contenuto1 {
background-color: #FFF;
font-size: 1.6em;
overflow:hidden;
}
#box {
float: left;
width: 280px;
margin-top: 0px;
margin-right: 8px;
margin-bottom: 0px;
margin-left: 15px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
#box1 {
float: left;
width: 280px;
margin-top: 0px;
margin-right: 8px;
margin-bottom: 0px;
margin-left: 7px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
#box2 {
float: left;
width: 280px;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 0px;
margin-left: 7px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
}
footer { clear:both;
}
questo e la parte di codice e dovrebbe funzionare ma non va ho provato anche mettere anche il float sul contenitore
come mi e stato consigliato sto usando un framework per rifare il sito pero ora ho un problema con nivo slider e firefox
ora vedo nivo slider fuori dal box contenitore con gli altri browser non succede sapete da cosa dipende
ora vedo nivo slider fuori dal box contenitore con gli altri browser non succede sapete da cosa dipende
Correggi questo errore:
hai inserito un doppio apice in più.
Codice:
<div class="slider-wrapper theme-default" ">
<div id="slider" class="nivoSlider" ">Discussioni simili
