due immagini nel mio content

**fatturi** · 03-11-2007, 20:55

salve amico-forum

ho risolto tantissime cose postando qui, chissà che anche stavolta non ci riesca...

si tratta di questo, vorrei inserire due immagini nel mio content del CSS a layout-monolitico che ho creato, ma non so come fare!

la situazione e' questa della figura:

in questo momento l'img1 che ho posto sul content si posiziona sempre in alto a sinistra, con questo codice css:

codice:

#content img{
margin : 0 2em 0 0;
float : left
}

ma adesso vorrei inserirne un'altra appunto img2 e non so come fare per la posizione ho paura che vada dove vuole lui e non dove dico io!

chi mi può aiutare?

**fcaldera** · 03-11-2007, 21:07

la prima immagine la flotti a sinistra, la seconda a destra

può aiutarti suddividere il testo in paragrafi e inserirvi le immagini dentro

**fatturi** · 03-11-2007, 21:14

prima di tutto doppio grazie!

(mi avevi risposto già risp perfettamente in un altro pochi gg orsono!)

>a prima immagine la flotti a sinistra, la seconda a destra

il problm e' che è esattamente quello che vorrei fare, ma come si fa a dividere il testo in paragrafi ?

ho inserito l'img2 sull'html e me la mette esattamente sotto il testo ma a sinistra...

**H5N1_Aviaria** · 03-11-2007, 21:27

Assegna alle due immagini due classi (che potrai utilizzare per ogni elemento che vorrai far "fluttuare" a destra e a sinistra) e usa questo CSS:

codice:

.floatLeft{
float : left;
}
.floatRight{
float : right;
}

Poi nel codice (X)HTML assegnerai le classi:
all'immagine che vuoi a sinistra

codice:

[img]percorsoIMG[/img]

e a quella che vuoi a destra

codice:

[img]percorsoIMG[/img]

**rub...un mito** · 04-11-2007, 00:54

avaria sono quello ke hanno bannato allora aiutami cmq il mio sito valid css e xhtml

**fatturi** · 04-11-2007, 11:13

perfetto H5N1_Aviaria! funziona a meraviglia, grazie!...

ora ho un problemino che mi fa "odiare" i CSS (SCHERZO!) nel senso che su questa pagina, ho bisogno che gli elementi h1 e h2 siano di un colore e di una altezza diversa, ma ovviamente se apporto modifiche lo fa per le altre pagine!

come allora devo agire in questo caso?

**H5N1_Aviaria** · 04-11-2007, 11:39

Basta dare un ID al BODY...

codice:

<body id="paginaConHDiversi">

E successivamente:

codice:

body#paginaConHDiversi h1,h2{
margin : 0;
padding : 0.5em 0;
line-height : 1em;
}
body#paginaConHDiversi h1{
font-size : 2em;
color : red;
}
body#paginaConHDiversi h2{
font-size : 1.5em;
color : green;
}

**fcaldera** · 04-11-2007, 14:28

Originariamente inviato da rub...un mito
avaria sono quello ke hanno bannato allora aiutami cmq il mio sito valid css e xhtml

Leggi il regolamento ed evita di intervenire a sproposito nei thread altrui, grazie

Discussione: due immagini nel mio content

Strumenti discussione

Ricerca discussione

Visualizza

due immagini nel mio content

Permessi di invio