tre box affiancati che non si affiancano

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
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?
 

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
Prova nel CSS di #contenuto1:
- Aggiungi float: left;
- Aggiungi width:100%;

Secondo me in questo modo funziona...
 

WpStyle

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
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
 

giuliano75

Nuovo Utente
12 Lug 2013
14
0
0
<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
 

giuliano75

Nuovo Utente
12 Lug 2013
14
0
0
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
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Problema su query JOIN in tre tabelle PHP 0
ges Microsoft ACCESS oltre ogni limite (tre manuali) Altri Annunci 2
G [PHP] FORM INVIO VALORI A QUERY CON TRE CONDIZIONI PHP 2
trattorino [PHP] Select tre tabelle collegamento PHP 9
P [HTML] [PHP] dividere lo schermo in tre colonne HTML e CSS 110
S Come allineare tre immagini in linea al centro HTML e CSS 1
P Tre router in una rete Reti LAN e Wireless 2
B numero progressivo formato da tre colonne MySQL 19
M Script php login con password in scadeza ogni tre mesi PHP 2
P tre colonne HTML e CSS 2
P Dividere lo schermo in tre colonne HTML e CSS 1
P copiare tre tabelle senza legami in un unica tabella MySQL 4
P Dividere lo schermo in tre colonne HTML e CSS 6
A up solo per tre utenti in dir diverse PHP 2
D background in tre sezioni "WordPress" HTML e CSS 0
H [HTML] Menu orizzontale su tre o più livelli HTML e CSS 4
G offro per tre euro al mese spazio banner Vendere e Acquistare pubblicita' online 0
D Bloccare le news della home a tre!!! PHP 2
A Inner join con tre tabelle PHP 0
U Aiuto per Drop Down Menu tre livelli PHP 0
M home page a tre colonne - aiutatemi!!!! HTML e CSS 2
A Hotel Diana: hotel tre stelle vicino al mare per le tue vacanze a Jesolo Lido. Presenta il tuo Sito 2
Eugene Tre div all'interno di un altro div - problema IE HTML e CSS 2
M pagina divisa in tre parti: come fare? HTML e CSS 7
peppoweb Tre worm all'attacco Sicurezza e Virus 0
F Tre domandine, Help! Classic ASP 0
V Videofonini Tre Presenta il tuo Sito 4
V Videofonini Tre Discussioni Varie 2
peppoweb Microsoft batte Linux tre volte in contratti con governi europei Discussioni Varie 0
peppoweb Tre Nuove Backdoor Sicurezza e Virus 0
peppoweb Tre nuovi aggiornamenti importanti rilasciati per Windows 2000 / Xp Sicurezza e Virus 0
V Mailchimp - box di testo: cambia da solo il testo inserito Email Marketing 2
M Mailchimp: arrotondare bordi di box testuali Email Marketing 6
Shyson Centrare box css HTML e CSS 2
Z Conteggi BOX per ogni 5 righe PHP 1
G Box con testo casuale WordPress 1
F add box top page HTML e CSS 9
moustache text box + post php con IE si comporta in modo strano PHP 16
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
F classic asp popolare combo box javascript Presentati al Forum 1
S [WordPress] Creare una select box con partita iva e codice fiscale in base a una logica. WordPress 0
P Riproduzione avi file in una picture box da file .dll .ocx ed altri in visual basic 10 express Offerte e Richieste di Lavoro e/o Collaborazione 0
spider81man [PHP] Alert Box per confermare Inserimento o Cancellazione dato. PHP 4
B [HTML] Problema main box di un template HTML e CSS 2
A [Javascript] [HTML] RISOLTO...Allungare un box all'apertura della pagina No Mouse over Javascript 9
O [HTML] form box ricerca HTML e CSS 3
felino TV Box Android: consiglio su quale acquistare Discussioni Varie 0
Matteol92 [HTML] Creare social box senza sovrapposizione HTML e CSS 5
I [HTML] Codice box testo con scrollbar sopra immagine HTML e CSS 1
S [HTML] Box immagine e testo HTML e CSS 1

Discussioni simili