allineare immagine,testo e lista link

**andrea_kobe** · 17-01-2007, 00:47

Ciao a tutti. Mi sto avvicinando solo ora ai css e ovviamente sto andando incontro ai primi problemi. Chiedo quindi il vostro aiuto. Come accennavo nel titolo vorrei posizionare orizzontalmente un logo a sinistra, due paragrafi al centro e un paio di link sulla destra.
Purtroppo i link non riesco a sistemarli come vorrei. Mi potreste dare una mano?
Premetto che ho già letto le discussioni sull'allineamento ma non mi sono bastate.

Grazie.

codice:

<style type="text/css">
img#logoalto{
float:left;
}

li {
list-style-type: none;
}

ul li{
display: block;
}

p{
font-family: arial, Verdana, sans-serif;
color: #900;
text-align: center;
margin: auto;
font-size: 50px;
}
</style>

codice:

<body>
[img]../immagini/logoalto.gif[/img]


Primo paragrafo</p>


Secondo paragrafo</p>

<ul>[*][img]../immagini/adminred.gif[/img][*][img]../immagini/logoutred.gif[/img][/list]
</body>

Ah, dimenticavo. Le due immagini della lista vorrei mostrarle una sotto l'altra.

**andrea_kobe** · 17-01-2007, 20:39

Nessuno che mi possa aiutare?

**andrea_kobe** · 18-01-2007, 22:05

up quotidiano.

**Nahall** · 19-01-2007, 00:56

Ti propongo questa soluzione, che puoi studiarti con calma:

<body>
<div id="logoalto">
[img]chiave2.jpg[/img]
</div>

<div id="ul1">
<ul>
[*][img]anello_nero.jpg[/img]
[*][img]orizzontale_oro_bianco.jpg[/img]
[/list]
</div>

<div id="main">

Primo paragrafo</p>

Secondo paragrafo</p>
</div>
</body>

(Modifica per aggiunta:
le immagini nel mio codice sono delle immagini che avevo e che ho usato come prova ^^")

**andrea_kobe** · 19-01-2007, 17:07

ciao nahall e grazie per l'aiuto. ho provato la tua soluzione su firefox 2.0.0.1 e su ie 7.
Su ie 7 ottengo la visualizzazione che vorrei mentre su ff i due paragrafi risultano molto più distanziati e il primo paragrafo non rimane allineato con il logo ma risulta più in basso. Sei sicuro che siano necessari 3 div? Mi stavo documentando cercando una soluzione al mio problema e penso che debba usare il float e che magari basti un solo div ma nonostante vari tentativi non ne vengo a capo.

Grazie ancora per la disponibilità.

**Nahall** · 20-01-2007, 03:37

Se si deve dividere la pagina in tre "colonne" è necessario usare tre DIV, appunto uno per ogni "colonna".

Riguardo l'allineamento (stiamo parlando di quello verticale, giusto?): non uso IE7 e non so esattamente come si comporta, ma in generale credo che la differenza tra i due browser sia data da una diversa interpretazione del margine predefinito che entrambi danno al P; se hai bisogno di un allineamento preciso e che sia anche cross-browser potresti provare a sostituire i P con dei DIV a cui dare dei margini verticali (top e bottom) precisi, tramite CSS.

Di più, riguardo a questo, non so dirti; se trovi comunque altre soluzioni fammi sapere

Discussione: allineare immagine,testo e lista link

Strumenti discussione

Ricerca discussione

Visualizza

allineare immagine,testo e lista link

Permessi di invio