affiancare oggetti in div ..

[angelicab]

ho cominciato da poco ad usare i CSS .. quindi abbiate un pò di pazienza

vediamo il problema..

nel DIV che rappresenta la testata del mio sito vorre inserire .. a sinistra un logo .. al centro un piccolo flash .. a destra dei testi ..

ora .. logo e flash son sistemati .. ma appena inserisco il testo .. si incasina tutto ..
come devo sistemare il div per inserire anche dei testi?? non voglio metterci una tabella...

[deleted_id_48586]

dovresti usare la proprietà float per affiancare in orizzontale i div che ti interessano.
Nel caso poi siano degli elementi fissi potresti valutare anche il posizionamento assoluto ma credo che con il classico floating non dovrebbero esserci problemi.

Ciao.

[angelicab]

questo è il css dei 2 div

div#header{
height: 65px;
background-color: #e6ecee;
color: #ff0;
vertical-align: middle;
width: 560px;
float: left;
}
div#header1{
height: 65px;
background-color: #e6ecee;
color: #ff0;
vertical-align: middle;
width: 300px;
float: left;
}

ma la pagina risulta un casino!!!

[deleted_id_48586]

Cosa vuole dire che risulta un casino?

Gli elementi non si affiancano? Nel caso controlla che le dimensioni in larghezza non eccedano lo spazio a disposizione dal tuo layout.

Al massimo posta il codice per intero XHTML+CSS o anche uno screenshot.

bye.

[angelicab]

http://www.comune.monopoli.bari.it/new/default1.asp

[pierofix]

Mai fare i conti senza l'oste. In questo caso, l'oste è la struttura di markup. Prima di pensare al foglio di stile dobbiamo creare una struttura XHTML logica ed appropriata.

angelicab, postaci una struttura di markup a cui avevi pensato. Poi, eventualmente, la limiamo e pensiamo poi a vestirla di tutto punto.

[angelicab]

io volevo semplicemnte avere una testata con logo a sinistra.. flash centrale .. e dei link a destra ..

chiedo molto??

[pierofix]

No, non chiedi molto. Ti sto solo dicendo che dobbiamo procedere per passi distinti e successivi.

La partenza è sempre quella: la struttura XHTML. Dobbiamo innanzitutto tradurre in markup quelle che sono le informazioni che hai in mente. E' la base di tutto: senza di essa crolla tutto.

Quindi, su le maniche e sparaci la struttura della tua testata.

[angelicab]

ehm.. e che .. ti faccio un disegnino??

[pierofix]

Vedi vedi vedi! Lo dico sempre, io. Il problema sta tutto lì. E' tutto incernierato su quel punto.

Il markup non va pensato come uno strumento per impaginare. Serve a descrivere. Questa è la boa, il concetto a cui giungere per passare alla progettazione intelligente.

La prima cosa in assoluto che devi fare è pensare a quali informazioni faranno parte della tua testata, e lo abbiamo già esplicitato, anche se non in maniera del tutto corretta: logo, flash e testi.

Sul logo non ci piove. Ma l'swf? Quello è un mezzo, ma qual è il messaggio che deve veicolare? Lo stesso vale per i 'testi': ok, è un testo, ma di che informazioni si tratta?