Discussione: riquadro testo immagine:

so che ci può essere un po' di confusione, purtroppo nemmeno io sono un asso del css quindi quello che spiego sicuramente è un metodo contorto che però porta ai risultati sperati... sicuramente ci sono vie più facili.. al momento però non ho DW o altro per provare quindi scrivo ma non so se sia corretto... dopo lunedì se proprio non ne veniamo fuori ti creo un esempio e cerco di farlo il più semplice e generale possibile


cmq.. l'html dovrebbe avere questa struttura

Codice HTML:

<div id="iper">
     <div class="image">
     </div>
     <div class="contenitore"> {al cui interno ci sono tutti i div che hai fatto prima}
     </div>
</div>

il css sarà una roba del genere

Codice HTML:

#iper {
dove scrivi le dimensioni del rettangolo che conterrà tutto, non è obligatorio, ma ne sarò più sicuro quando proverò su dw
}

.image {
backgroung-image: url... ; qui ci metti l'indirizzo dell'img
float:left; così fluttua sulla destra
}

.contenitore {
puoi inserire delle dimensioni pure qui
}

so che non è preciso ma non ho programmi sotto mano per scrivere e controllare se funziona...

SE PASSA QUALCUNO CHE SE NE INTENDE PROVI.. io riuscirò a farlo solo dopo lunedì =_=

ok grxie..sperimento un po..questo codice..in attesa...di lunedi..se mi puoi fare questa gentileza..cmq nn vohlio che l'immagine flutti a destra..ma che sia un rettangolo..normale...e la parte che contiene il testo che deve avere la sfumatora a destra...e poi devo mettere più contenitori... guarda come sta venendo sul mio sito..provvisoriamente.:

il fluttuare serve perchè il css è pensato come una cascata (la c sta proprio per quello), cioè i vari elemneti sono messi uno sotto l'altro... con il float in pratica gli dici di affiancarli

cmq il risultato non è lontano da quanto volevi ottenere... l'img l'hai messa nel html? giusto? per quello ha il padding come il testo

si... cmq...nn so come mai..m volevo che il testo sia justificato..
metto nel csss text-align: justify ma nn succede nulla...

in che punto del css lo metti? in caso puoi metterlo nel html

Originalmente inviato da bisior

in che punto del css lo metti? in caso puoi metterlo nel html

cosi:

Codice:

@charset "utf-8";

/* CSS Document */



body {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

color: #FFFFFF;

background-color: #FFFFFF;

text-align: justify;

}

.contenitore {

width: 85%;

color: #000;

background-color: #3e3d3d;

}

.topleft { background: url('http://www.hogwartsite.net/contenitore/top_left.gif') no-repeat top left }

.topright { background: url('http://www.hogwartsite.net/contenitore/top_right.gif') no-repeat top right }

.bottomleft { background: url('http://www.hogwartsite.net/contenitore/bottom_left.gif') no-repeat bottom left }

.bottomright { background: url('http://www.hogwartsite.net/contenitore/bottom_right.gif') no-repeat bottom right }

.contenuto { padding: 9px }

se il testo lo hai inserito come <p>testochehaiscritto</p> nel css prova a mettere

p {
text-align: justify;
}

ah per far coincidere l'img al bordo prova a togliere il padding da .contenuto e metterlo sempre su p