problemi posizionamento su foglio di stile [perchè??]

**Certe Notti** · 03-07-2005, 03:50

salve a tutti,

sotto consiglio di alcuni ragazzi del forum sto riproducendo la homepage del mio sito fatta attualmente in html con tabelle e con una marea di righe di comando mediante i fogli di stile e xhtml.

http://www.ro76.it/homepage.asp

è la versione tabellare mentre

http://www.ro76.it/homepage-css.asp

è quella che sto sviluppando, solo che avendo io un pessimo rapporto coi fogli di stile ottengo che spesse volte batto la testa per nulla.
ora vedete facilmente quale sia il mio problema e quindi qualcuno mi potrebbe dire come risolverlo perchè veramente non riesco a capire cosa non vada al mio codice per causarmi il problema in questione...

grazie

**andrea.paiola** · 03-07-2005, 10:56

devi specificare il character encoding tanto per cominciare
http://validator.w3.org/check?verbos...mepage-css.asp
poi i nomi di id e class non dovresti darli in base al layout
non usare i caratteri di spazio per la grafica: usa i padding, i margin e i border

**Certe Notti** · 03-07-2005, 15:52

Originariamente inviato da andrea.paiola
devi specificare il character encoding tanto per cominciare
http://validator.w3.org/check?verbos...mepage-css.asp
poi i nomi di id e class non dovresti darli in base al layout
non usare i caratteri di spazio per la grafica: usa i padding, i margin e i border

ho visto la pagina del w3c che mi rilascia gli errori di sintassi, ma a parte che non capisco di che natura possano essere questi errori se in rosso mi vengonoindicati doppi apici, aperture o chiusure di comandi.... :master:
Mi rimane il fatto che la riga bianca subito sotto a quella blu in realtà viene sottopopsta a quella blu e non capisco perchè....

per quanto dici tu invece...

- devi specificare il character encoding tanto per cominciare [che sarebbe?]

poi i nomi di id e class non dovresti darli in base al layout [ossia?]

non usare i caratteri di spazio per la grafica: usa i padding, i margin e i border [e qui ti seguo!]

grazie

**andrea.paiola** · 03-07-2005, 16:16

Originariamente inviato da Certe Notti
per quanto dici tu invece...

- devi specificare il character encoding tanto per cominciare [che sarebbe?]

poi i nomi di id e class non dovresti darli in base al layout [ossia?]

non usare i caratteri di spazio per la grafica: usa i padding, i margin e i border [e qui ti seguo!]

grazie

1) http://www.w3.org/International/O-charset.html
2) i nomi di id e classi li devi dare rispetto al contenuto (class="parte_sinistra" per esempio è meglio evitarlo... chessò "contenutiprincipali", la sto sparando eh...)
perchè il CSS può cambiare in qualsiasi momento (anche dall'utente) ed è buona progettazione dividere contenuto e presentazione.

**awd** · 03-07-2005, 16:25

diciamo che sei partito col piede sbagliato, ancora con la mentalità al passato!
tanto per cominciare, visto che usi la dtd strict, non puoi definire nessun attributo di <body>, quindi quelli che hai messo devi metterli nel css
body {
background-color:#98b4c1;
margin:0;
padding:0;
...
}

encoding usa pure questo
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
va messo nell'head!

nomi di id e class non dovresti darli in base al layout, significa che devi basarti su ciò che contengono (menu, contenuto, header, footer...) e non sulla posizione che occupano. questo serve a rendere descrittivo il markup

il validator ti segnala l'errore sulla riga in cui si trova, quindi devi correggere il codice che sta prima del segno rosso!

in quanto ai problemi, beh ti arrangi così impari!

[bastard inside mode]

**Certe Notti** · 03-07-2005, 17:13

credo che piano piano sto tornado a riordinare le idee.. se non fosse per un errore che non comprendo...

se controllate la validazione della pagina ora troverete un solo errore solo che non so proprio da cosa possa dipendere..

inoltre qualcuno potrebbe indicarmi il comando che devo usare per sostituire la fuinzione del carattere per spaziare i testi

perchè con margin o paddin si spazia certo ma mi viene sfas<ato anche verticalmente... ovviamente per dare dello spazio prima di "siete in..." e dopo la data...

grazie

**andrea.paiola** · 03-07-2005, 17:19

1) togli sto language dal tag script
2) correggi i warning che ti da il validatore CSS
3) non hai ancora sistemato i nomi di id e class
4) studiati border, margin e padding e anche il resto
http://www.html.it/css/

**awd** · 03-07-2005, 17:23

esistono anche margin-left, margin-right... ma hai letto qualche guida?

**Certe Notti** · 03-07-2005, 17:36

Originariamente inviato da awd
esistono anche margin-left, margin-right... ma hai letto qualche guida?

tecnicamente si, ma ricirdarsi tutti i comandi a memoria è dura soprattutto per chi come me è da un pezzo che ha abbandonato la progettazione web e soprattutto non ha mai avuto un buon feelling coi fogli di stile...

non è che qualcuno conosce un editor solo ed esclusivamente dedicato ai fogli di stile in modo che come con dreamweaver quando uno edita un comando html gli vengono proposti i suggerimenti dei comandi da utilizzare...?

Grazie

**andrea.paiola** · 03-07-2005, 17:41

TopStyle
CSSED

Discussione: problemi posizionamento su foglio di stile [perchè??]

Strumenti discussione

Ricerca discussione

Visualizza

problemi posizionamento su foglio di stile [perchè??]

Permessi di invio