formattazione testo ma non solo!

[fatturi]

ed allora dopo essere riuscito a dominare l'header e il navigation, ritorno sul forum per un'altra questione....ho fatto uno schema a grandi linee che e' questo:



sto incontrando alcune difficoltà nella gestione del testo all'interno del rettangolo CONTENT a cui ho dedicato i contenuti appunto.

vediamo in pratica cosa vorrei fare:

prima di tutto sulla sinistra di questo box CONTENT ho una jpg, che ho inserito sul codice HTML (giusto vero? non volendola usare come background nel css) quindi img src="images/mondo.jpg" align="left"

primo problema che il testo che dovrebbe seguire sulla destra dell'immag e' troppo attaccato alla stessa! vorrei distanziarlo....

ed ancora, per questo testo vorrei fare un paragrafo H1, un altro H2 e il resto "normale" in ogni caso testo giustificato.

ma vediamo le anomalie:

quello in H1 vorrei grassettare solo alcune parole, ma lui lo fa per tutte!

inoltre la dimensione per tutto il testo vorrei che fosse la stessa, (il fatto che nel body ho messo il font-size al 76% non mi aiuta?) ma invece ho diverse dimensioni.

come fare?

[H5N1_Aviaria]

Una cosa alla volta!

Per l'immagine contenuta nel contenuto basta impostare i margini:
CSS:

#contenuto img{
margin : 0 2em 0 0;
}

O addirittura potresti assegnarle un ID:

#ID{
margin : 0 2em 0 0;
}

per h1, h2,h3 etc...
CSS :

h1,h2,h3,h4,h5,h6{
font-weigth : normal;
}
strong {
font-weigth : bold;
}

(X)HTML:

<h1>Queste parole sono normalie queste in grassetto</h1>

[fatturi]

grazie H5N1_Aviaria!!! (proprio il virus dell'influenza aviaria :-) )

allora per quanto riguarda il distanziamento dell'immagine ci siamo!

ho provato ad applicare il tuo suggerimento per il testo, ma ancora non funziona, sia in IE che in FF h1 e h2 hanno una dimensione maggiore rispetto al testo "normale" sotto

diciamo.....

ti copio il codice CSS relativo a questo problema così tu stesso lo puoi vedere:

 
body 
{
 font-family: verdana,arial,sans-serif;
 font-size: 76%;
 color: navy;
}

..................cut cut

h1,h2
{
font-weigth : normal;
text-align : justify;
}
strong {
font-weigth : bold;
}

e relativamente alle altre questioni del mio post iniziale?

[H5N1_Aviaria]

aggiungi anche
font-size : 1em;
e tutto funzionerà!

[fatturi]

H5N1_Aviaria e' vero in effetti ha funzionato la dimensione e' correttamente la stessa per tutti, ma il grassetto come mi avevi scritto non funziona proprio...



inoltre sto cercando di validare la mia pagina, ma ottengo due errori, uno perche' uso align nella immagine che ti ho scritto sopra ho inserito ALIGN a sinistra, ed il validatore di w3c protesta!

ed anche per un border = 0 che sto usando per una immagine di header.

quindi le domande sono due:

come togliere il valore border sull'html e invece metterlo a zero ma sul CSS.
come inserire l'allineamento a sinistra per il testo, ma sul CSS.

grazie ancora...

posso inserire l'url della pagina che devo validare?? se no, la tolgo subito:

http://www.gftraduzioni.it/prova.html

grazie ancora a tutti per l'aiuto.

[H5N1_Aviaria]

text-align : left; per il testo
border : none: per nessun bordo;
font-weight : 100; oopure font-weight : normal; per togliere il grassetto.

[fatturi]

sei online come me e grazie della dispo! sto provando in tempo reale,

allora ho tolto sull'html il border =0 ed ho messo su header come mi avevi detto il border NONE così

div#header 
{
 no-repeat top center;
 border: none;
 height: 102px;
}

e purtroppo mi fa un border!

se tolgo l'align sull'html mi mette il testo NON affiancato all'immagine, ma esattamente sotto la stessa....mi pare che si dice che non fa il float ma scende sotto (scusa non so se mi spiego bene)

infine ho messo il font weight normal ed anche a 100 ma il risultato non cambia, il paragrafo h1 e h2 e' + scuro....

puoi infatti controllare sul link qui http://www.gftraduzioni.it/prova.html

ho lasciato volutamente le cose così puoi verificare (ma ho messo l'align di nuovo)

grazie ancora

[H5N1_Aviaria]

aggiungi questo all'inizio del css:

img{
border : none;
}

Per default le immagini hanno tutte un bordo.
Col codice da te inserito togli il bordo al DIV e non all'immagine.
Eric Meyer ha scritto qualche linea di codice utile utlie che serve a resettare tutte le impostazioni di default per tutti i Browser
Lo trovi qui:
http://meyerweb.com/eric/thoughts/20...eset-reloaded/

[fatturi]

yes!!

ottimo! ottimo!

e' vero, il border e' sistemato, tolto dall'html e messo a NONE sul CSS...ed allora secondo la tua politica dei piccoli passi, mi restano due cose: align e testo, vediamo la prima:

ti volevo chiedere per questo discorso del testo a fianco dell'immagine e quindi togliere l'align sull'html che il w3c NON permette!

Line 54, Column 66: there is no attribute "ALIGN".
…s/mondo.jpg" alt="" width="196" height="293" align="left">✉
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

hai qualche idea ?

[H5N1_Aviaria]

#content img{float : left} e puoi togliere tranquillamente quello schifo di ALIGN
E l'immagine è sistemata!
Per il testo in grassetto ho visto che h1 e h2 nel css non hanno font-weight : normal:

h1 
{
 font-size: 1em;
 margin-top: 1px;
 margin-right: 0;
 margin-bottom: 1px;
 margin-left: 3px;
 text-align: justify;
}

h2 
{
 font-size: 1em;
 margin-right: 0;
 margin-bottom: 1.67em;
 margin-left: 0;
}

aggiungi queste linee al css:
h1, h2{
font-weight : normal;
}