affiancare div immagine e testo

**sexcar** · 07-10-2006, 11:37

il primo codice postato da webdemo funziona sia con il float left che con right.
ma, strano ma vero, solo su IE! :O
su FF porta tutto il testo sotto l'immagine.
ho visto anche l'ultimo esempio in cui veniva usata una dimensione precisa (width:400px): ma posso usarla se non conosco le dimensioni precise dell'immagine e quindi dello spazio che mi rimane per il testo?

**webdemo** · 07-10-2006, 15:42

prova a cambiare:

codice:

img { float:left; margin-right:20px;}

in:

codice:

img { float:left; margin:0px 20px 100px 0px;}

ciaux

**nickponico** · 07-10-2006, 15:58

per informazioni...

anche gli altri codici su FF li mette sotto l'immagine...

mmm... mi sa che mi accontenterò e mi terrò il testo anche sotto l'immagine (sono con il float: left ssull0immagine)

ciaoo

Enrico

**sexcar** · 07-10-2006, 17:57

l'idea di mettere un margine di 100 px sotto l'immagine mi era venuta, ma il problema è che l'immagine e il testo possono variare molto di dimensioni. quindi non posso mettere un margine uguale per tutte.
mi servirebbe una soluzione che funzioni con tutte le dimensioni.
possibile che debba ricorrere all'uso delle tabelle?

**nickponico** · 07-10-2006, 20:06

noto un piccolo problemuccio....

se inserisco un margine inferiore di 20 px (all'immagine) in modo da "riuscire" nell'effetto desiderato

in ie il tutto quadra...

in FF alternativamente un immagine viene indentata nello spazio del testo...

es:

Immagine TESTO
Immagine TESTO
Immagine TESTO
Immagine TESTO

sapreste il motivo?

il codice naturalemente è

<div class=immagine>....</div>
<div class=testo>...</div>

<div class=immagine>....</div>
<div class=testo>...</div>

e così via

ciaoo

Enrico

p.s. per sexcar... se il sito funziona in php (o in qualsiasi linguaggio server-side) potresti pensare di settare sul db il margine da assegnare nel layout.. e farglielo assegnare tramite php (o chi per lui)...

è solo un'idea... sicuramente si può fare di meglio

**webdemo** · 07-10-2006, 20:16

Prova cosi':

codice:

<style type="text/css">
#content{
	overflow: hidden;
	_height:1%; 
}
img {
	float:left;
	margin:0px 20px 0px 0px;
}
</style>
</head>

<body>

[img]img.gif[/img]

<div id="content">finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo </div>

ciaux

**nickponico** · 08-10-2006, 01:12

funziona!!!

ottimo...

ciao e grazie

Enrico

**sexcar** · 08-10-2006, 02:33

mi associo: eccellente!
grazie.

**webdemo** · 08-10-2006, 10:23

bene

ciaux

**Another-Life** · 08-10-2006, 17:33

Come mai prima non funzionava?? :master:

Discussione: affiancare div immagine e testo

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio