problema con il margin

[blur]

ciao,

dunque, io ho un box con un form e sotto una classe <a> per un link.

html:

<form method="post" action="">
<div id="box">	
<span style="text-decoration:underline"> Iscriviti alla Newsletter</span>

Inserisci qui la tua email:
<input type="text" name="email" value="" size="13" />
<input type="submit" name="invia" value="invia" />
</div>
</form>
Scarica l'eBook

come vedete per validarmi il codice, il <form> deve stare fuori dal div box. questo mi crea problemi di interpretazione del margin tra i vari browser con il div box e la classe <a> del link.

il css:

  a.book, a.book:link, a.book:active{
                               
        display:block;
        text-align: left;
        color:#000;
        text-decoration:none;
        border: 1px solid #ccc;
        margin-top:-7px;
        margin-bottom:5px;
        padding-left:3px;
        background:#F5F5F5;
        Height:2em;line-height:2em;
        background-image: url(../immagini/cd_rom.gif); 
        background-position:center right; 
        background-repeat: no-repeat;
                               }


        a.book:hover{
                                 
       color:#FF870F;
       margin-bottom:5px;
       height:2em;line-height:2em;
                                   
                               }
       #box { 
	line-Height:2em;
	text-align:center;
	margin-top:5px;
	padding-left:3px;
	padding-bottom:5px;
	border: 1px solid #ccc;
        background-color:#F5F5F5;
                                 
			 }

nella casse "a.book" sono costretto a tenere il margin-top negativo (-7px) per separare i due elementi. se invece metto nella pagina il <form> dentro al div, allora va tutto bene e il margin viene interpretato nella stessa maniera da tutti i browser.
come potrei risolvere sta cosa?

grazie

[Mich_]

Non specifichi che validazione vuoi avere.

Comunque dentro il <div> non puo` starci testo direttamente, e neppure link: ci deve essere un altro tag, ad esempio un

, che formatta il testo.

Non so se questo risolve il tuo problema.

[blur]

dunque io devo validare xhtml 1.1

avevo già provato a formattare il testo con il

, ma non funziona lo stesso. l'ho tolto perchè così mi non mi crea inutili spazi, e inoltre il codice mi viene validato lo stesso..

:master:

[Mich_]

Ma che validatore usi? non mi risulta che in XHTML 1.1 si possa scrivere del testo o dei link dentro un div (salvo che il div abbia display:inline).

Il div puoi metterlo anche fuori dal form (purche` i tag siano correttamente innestati).

[blur]

Originariamente inviato da Mich_
Ma che validatore usi? non mi risulta che in XHTML 1.1 si possa scrivere del testo o dei link dentro un div (salvo che il div abbia display:inline).

http://validator.w3.org/

e cmq non c'è un link..il link è fuori dal <div>

[QUOTE]
Il div puoi metterlo anche fuori dal form (purche` i tag siano correttamente innestati).



cioè? volevi dire che il <form> può stare all'interno del <div>? e come? intendo dire con il codice validato.

[Mich_]

Originariamente inviato da blur
cioè? volevi dire che il <form> può stare all'interno del <div>? e come? intendo dire con il codice validato.

Ad esempio:

<div id="box">
  <form method="post" action="">
    


      <span style="text-decoration:underline"> Iscriviti alla Newsletter</span>

      Inserisci qui la tua email: 
      <input type="text" name="email" value="" size="13" />
      &amp;nbsp;<input type="submit" name="invia" value="invia" />

      puoi mettere il link qui
    </p>
  </form>
  

il link puoi metterlo anche qui</p>
</div>
Scarica l'eBook

Mi risulta che questo pezzo sia valido (io mi riferisco a XHTML 1.0 Strict; credo che XHTML1.1 sia la stessa cosa.

[bagu]

Originariamente inviato da blur
ciao,

dunque, io ho un box con un form e sotto una classe <a> per un link.


grazie

dai un occhio a come ho formattao il form di questa pagina , è validata e penso possa darti spunto su come risolvere il tuo problema

ciao paolo