centrare due oggetti con i css

[Felino]

Ciao ragazzi,
tempo fa ho realizzato il seguente sito web "Della Terra Del Mare" per un amico...ovviamente il sito e tutto costruito con le tabelle...ma vorrei strutturarlo con i css.
Ho letto i vari articoli che ci stanno sul sito, però non sono riuscito a realizzare ciò che volevo: nella prima pagina, la intro, come faccio a mettere il logo e i due cagnolini come sono disposti adesso? Il logo centrato, i due cagnolini sulla sinistra però entrambi nella stessa riga?

Grazie per la disponibilità...

[ricman]

Il logo (la sicilia con le scritte) non è centrato...

Cmq l'importante è che hai ben chiara la struttura del sito (tipo disegnarla su carta con poche righe) ... allora potrai seguire bene le guide che tro vi qui...

[Felino]

So che non e' centrato...perchè e' fatto con le tabelle..fatte male oltrettutto...

Comunque...se creo due div....uno center e l'altro left...come faccio a metterle tutte e due sulla stessa riga, o meglio centrati verticalmente uno rispetto all'atro?

[gengix]

Il fatto che utilizzi termini come "center" e "left" mi fa pensare che ti riferisca alla proprietà align che è deprecata da tempo.
Oggi si utilizzano altre proprietà per posizionare gli elementi, come i margini il float ecc..

Se sei abituato a scrivere layout a tabelle ti consiglio di partire dall'inizio, studiandoti le proprietà css e successivamente cominciando a scrivere markup semantico.
Qui alcune guide come suggerito da ricman:

http://css.html.it/guide/leggi/2/guida-css-di-base/

http://css.html.it/guide/leggi/3/gui...iti-con-i-css/

[ricman]

Oltre a seguire i link che ti hanno dato pensa anche al Prima... Ovvero al "concepimento".
Perchè mai dovresti affiancare due "box" e centrarne uno rispetto al monitor e l'altro no??

[Felino]

Beh..si lo so che esteticamente non e' il massimo, però la stessa cosa mi serve dopo, per disporre tre oggetti su tre colonne diverse...e non so come fare....

[ricman]

Originariamente inviato da Felino
disporre tre oggetti su tre colonne diverse...e non so come fare....

http://css.html.it/guide/lezione/72/...-introduzione/

[Felino]

prima di tutto grazie per avermi segnalato quella guida...

ho provato a far quello che c'era scritto, ma non funziona, come mai?

CSS:

div#left{
	float: left;
	width: 25%px;
}

div#right{
	float: right;
	width: 75%;
}

div#content{
	margin: 25%
}

HTML:

	<div align="center">
        <div id="left">[img]images/logo_fci.gif[/img]</div>
	<div id="contenet">[img]images/zampette.gif[/img]


			[img]images/entra.gif[/img]


					 [img]images/zampette.gif[/img]</div>
    <div id="right">[img]images/logo_enci.gif[/img]</div>
    </div>

la terza immagine, logo_enci.gif, va a capo, e non sta nella stessa linea...

[ricman]

Originariamente inviato da Felino
ho provato a far quello che c'era scritto, ma non funziona, come mai?

...non capito bene il problema. Puoi passare un link a quella pagina? (e dentro ci metti SOLO il codice essenziale ...)