..sto faticosamente costruendo la mia prima pagina.
Ho scopiazzato i codici di una pagina che costruisce un menu orizzontale e
lo ho inserito nell'esempio del layout liquido mostrato nelle lezioni css di questo
fortissimo sito . L 'unico problema e' che i pulsanti del menu' sono raddoppiati
di dimensione e ...non riesco a capire il perche' !!!
Mi potete dare un ' occhiata ? Grazie.
http://it.geocities.com/landolini/index.html
Ci sono gravi errori nel codice HTML: tag posizionati dove non potrebbero stare.
Per poter vedere cosa non va nel CSS, e` necessario prima sistemare il codice HTML.
validatore HTML
validatore CSS
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Dava una serie di errori perche' avevo tolto i tag meta......
Piu' una serie di errori dovuti all ' inserimento da parte di Yahoo
di tabelle con la pubblicita' (e non posso toglierla ! ) .
Nel test locale comunque mi da solo (e anche nel test online ) l'errore
sull'immagine che ho inserito ....
Non capisco cosa non gli va !!!
Error Line 96 column 37: document type does not allow element "img" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "address", "fieldset", "ins", "del" start-tag.
[img]pianta3.png[/img]</img>
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a block-level element (such as "
" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
Ma l'errore e` chiaro: Non puoi inserire l'immagine in quel posto.
Hai inserito un'immagine direttamente nel body. Non si puo`.
Nel body ci devi mettere un <div>.
Poi se l'immagine e` definta display: block; dovrebbe poter stare direttamente nel div; altrimenti essendo un elemento di tipo inline, deve stare dentro un
, o altro elemento che puo` contenere elementi inline (vedi lista).
Comunque ci sono altri errori di XHTML:
Lo stile non puo` stare dentro il file HTML
Una <dl> deve contenere una serie di COPPIE di <dt> e <dd>, mentre hai usato le <dl> per fare una lista innestata: e` un uso improprio di un elemento HTML
Poi devi risolvere il problema del JS che ti inserisce blocchi di codice in posti assurdi: Se e` il provider, devi prendere provvedimenti: se non sistemano i bachi ti conviene cambiare provider.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Grazie.
Tra i
va bene ! Lo script che mi segnali ,lo ho tolto.La pagina e' stata validata ! (sia Css che Html ).
( solo localmente perche' online ci sono le tabelle di pubblicita' di yahoo che rompono..).
I pulsanti rimangono il doppio di quelli del sito originale !(e della
pagina relativa che ho scaricato ) >>>
http://www.cssplay.co.uk/menus/drop_definition.html
Questo dopo che vi ho inserito il codice del layout liquido preso
da un articolo in Css.Html.it che ora non riesco piu' a trovare e lo
attacco sotto .
L 'errore sparisce se cancello il file di text/css .
Quale parametro sara ?
(E' un DOCTYPE HTML, che inserisco in un XHTML....alla fine comunque validato) >>>>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>Layout fluido a tre colonne percentuali</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% Verdena,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;background: #EEE;color: #79B30B}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#wrapper{float:left;width:100%}
div#content{margin: 0 25%}
div#navigation{float:left;width:25%;margin-left:-25%}
div#extra{float:left;width:25%;margin-left:-100%}
div#footer{clear:left;width:100%}
</style>
<script type="text/javascript" src="LiquidLayout2_files/filler.js"></script></head><body>
<div id="container">
<div id="header"><h1>Header</h1></div>
<div id="wrapper">
<div id="content">
1) Content here. column long long column very long
fill fill fill long text text column text silly very make long very
fill silly make make long make text fill very long text column silly
silly very column long very column filler fill long make filler long
silly very long silly silly silly long filler make column filler make
silly long long fill very.</p>
very make make fill silly long long filler column long make silly
silly column filler fill fill very filler text fill filler column make
fill make text very make make very fill fill long make very filler
column very long very filler silly very make filler silly make make
column column </p>
fill long make long text very make long fill column make text very
silly column filler silly text fill text filler filler filler make make
make make text filler fill column filler make silly make text text fill
make very filler column very </p>
column text long column make silly long text filler silly very very
very long filler fill very fill silly very make make filler text filler
text make silly text text long fill fill make text fill long text very
silly long long filler filler fill silly long make column make silly
long column long make very </p>
Add Text to this section</div>
</div>
<div id="navigation">
2) Navigation here. long long fill filler very fill
column column silly filler very filler fill fill filler text fill very
silly fill text filler silly silly filler fill very make fill column
text column very very column fill fill very silly column silly silly
fill fill long filler </p>
Add Text to this section</div>
<div id="extra">
3) More stuff here. very text make long silly make
text very very text make long filler very make column make silly column
fill silly column long make silly filler column filler silly long long
column fill silly column very </p>
Add Text to this section</div>
<div id="footer">
Here it goes the footer</p></div>
</div>
<script>AddFillerLink("content","navigation","extr a")</script>
</body></html>
Non so come abbia fatto il validatore a dartela buona.
C'e` ancora il CSS dentro la pagina HTML
Ci sono gravi errori semantici nelle liste
Il codice HTML 4 Strict e XHTML 1.0 Strict non sono poi molto diversi: qualche attributo che in XHTML e` sparito, qualche tag che non esiste piu`; ma se si usano bene i CSS si possono fare pagine valide per ambedue le DTD.
Il fatto dei pulsanti piu` grandi: probabilmente hai sbagliato qualche parametro nel CSS, o non hai usato qualche trucco: loro usano bordi arrotondati e puo` anche darsi che l'arrotondamento modifichi il CSS dei pulsanti. Ma non ho analizzato come hanno arrotondato. In rete ci sono alcuni trucchi "standard" per realizzarli: alcuni sono presenti anche nei "link utli" del forum. Pero` loro potrebbero aver usato qualcosa di diverso.
Nota che hai usato gli stessi colori del loro sito: potrebbe essere vilazione di copyright (e comunque e` di cattivo gusto): almeno i colori dovrsti cambiarli.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Ciao .
togliendo > a{display:block;color: #981793;padding:10px}
i pulsanti diventano della dimensione giusta...anche se non arrotondati !
Non ho molto tempo per studiare... e questa sara' la mia prima e ultima
pagina probabilmente (quindi procedo empiricamente ! ).
Cosa comporta l ' assenza di questo statement (..o come si chiama !? ) ?
PS- la pagina finale e' XHTML .
E' il codice della pagina Html che ho inserito nella XHtml ...
Permessi di invio
Rispondi quotando