Div, css e testo (prime armi)

[Kerotan]

ciao a tutti sono sbarcato da poco su questo forum e vi faccio subito una domanda..

sto facendo il mio primo sito con i Css, vi faccio vedere una foto cosi mi spiego meglio

e questo è il codice Css


ecco, praticamente ho fatto si che tutto stia dentro il Div "tot" dove c'e l'immagine di sfondo il quadrato grigio che aumenta mano a mano inserisco delle cose...il mio problema è questo...voglio praticamente avere il controllo della parte destra della rana (la parte bianca) dove appunto io possa scrivere, e in automatico si allarghi sia il contenitore tot che tutto il contenitore del testo...

ho usato anche image ready e vi posto anche questa immagine cosi magari sono piu preciso a spiegare..



grazie a tutti :fonzie:

 

[lukeonweb]

ciao, intanto benvenuto e complimenti, l'immagine del sito che hai fatto denota una tua particolare bravura!

solo... non ho capito... di cosa vuoi avere il controllo e per fare cosa? non è molto esplicativo il nocciolo della questione

 

[Kerotan]

ciao,grazie per il complimento e per il benvenuto, in pratica io voglio mettere del testo accanto alla Rana, dove appuno c'e il riquadro bianco



spero di aver spiegato bene :book:

 

[lukeonweb]

sono dei div posizionati con float o cosa?

 

[Kerotan]

il float, è lo spazio che c'e fra limmagine e il bordo? o no??

io li, quel div lo inserito semplicemente facendo inserisci div primna della fine del tag "tot", quel div si chiama "testo" e comprende sia la rana che il pezzo bianco dove volevo scrivere...sicuramente nn va fatto cosi, ma non so appunto come farlo :book:

 

[lukeonweb]

inizio a capire il problema

leggi questo articolo, dimmi se ti illumina...

https://www.mrw.it/tutorial/css/tutorial52.htm

fammi sapere!

 

[Kerotan]

grazie per le risposte immediate, quindi a quanto ho capito devo fare due immagini, una con la rana e una senza (parte bianca dove scrivere del testo a metterle accanto (cose che appunto mi torna difficile).....cmq devo fare due immagini giusto?? comprese le colonne esterne (cioè il fondo del contenitore oppure no?)

provo subito!

P.s. nel foglio di stile vediamo che anche lo sfondo è Jpg niente è ottimizzato al meglio solo perche sto facendo delle prove con questo problema

 

[lukeonweb]

direi che è meglio fare una sola immagine, quella con la rana, e nella parte bianca nessuna immagine, altrimenti non puoi scriverci... mi spiego?

 

[Kerotan]

si si ti sei spiegato provo subito:fonzie:

 

[lukeonweb]

fammi sapere

 

[Kerotan]

scusami ma se l'immagine la metto come sfondo posso ugualmente scriverci sopra no?

 

[lukeonweb]

si ma non ha senso, appesantisci solo il sito

tranne se l'immagine non è solo bianca ma ha dei contorni che si legano al resto del layout... allora ok!

 

[Kerotan]

grazie:fonzie: :fonzie:

 

[lukeonweb]

di nulla, alla prossima :byebye:

 

[Kerotan]

rieccomi...in questo giorni non ho potuto "giocare" con dreamweaver causa lavoro:dipser:

sto cercando di risolvere quello che ti dicevo sembra che ci sia quasi riuscito ma non capisco perche mi succede questo

posto le immagini cosi si capisce meglio









Ok come vedete il problema è che in dream weaver sembra andare tutto bene poi invece quando faccio la Preview nei Browser mi da quell'errore ovvero non si "allunga" ne lo sfondo grigio ne tanto meno il contenitore dove dovro scrivere.....per il contenitore, ho fatto in questa maniera...

ho fatto un div che ha come sfondo l'immagine del contenitore alta un pixel e ho messo quelle caratteristiche che si vedono nell immagine (testo_tot), dentro poi ho messo un altro div senza sfondo che sta a sinistra dove c'e la rana (testo_sx) e poi un altro div (testo) che ha quelle caratteristiche dell immagine che ho postato...ma poi si verifica quel problema ........

consigli?

 

[lukeonweb]

prva ad impostare l'height al div bianco, la stessa dell'immagine della rana; magari, sullo stesso div, mettici

overflow: auto;

in modo che compare la barra di scorrimento se ci sono testi più lunghi, stile iframe

oppure metti i due div (immagine a sinistra e testo a destra) all'interno di un div dove imposti il colore di sfondo bianco

mi spiego?

bye

 

[Kerotan]

grazie per la risposta....ma perche in dreamweaver vedo il "contenitore" e nell anteprima no?

 

[lukeonweb]

ma lo disinstalli sto dreamweaver e lavori col notepad?

davvero, solo con sti software maledetti succedono ste cosa

 

[Kerotan]

ehhehehheh

ho ionserito una tabella e sembra funzionare tutto appena ho tempo mi rimetto al lavoro e ti faccio vedere

 

[lukeonweb]

ok, attendo