Indentazione e eventuali consigli codice Xhtml 1.1

**nomade_k** · 23-02-2010, 22:54

Buona sera a tutti.

Ho eseguito l'indentazione tramite spazi ma il rendering mi considera uno spazio, uno solo, dell'indentazione, come un "&bnsp;".
Perché? Come posso porvi rimedio?

In seguito, una volta terminato, userò questo 3d per chiedere suggerimenti a proposito del codice della pagina, come da titolo.

Grazie in anticipo.

**miki003** · 23-02-2010, 23:00

Originariamente inviato da nomade_k
Buona sera a tutti.

Ho eseguito l'indentazione tramite spazi ma il rendering mi considera uno spazio, uno solo, dell'indentazione, come un "&bnsp;".
Perché? Come posso porvi rimedio?

In seguito, una volta terminato, userò questo 3d per chiedere suggerimenti a proposito del codice della pagina, come da titolo.

Grazie in anticipo.

Ci posti il codice usato?

**nomade_k** · 23-02-2010, 23:13

Certo e domando scusa se non l'ho fatto prima ma non pensavo ce ne fosse bisogno.

codice:

<div class="credits">
    <a class="credlink" href="...">
     Accessibility
    </a>
     &brvbar;
    <a class="credlink" href="...">
     About
    </a>
     &brvbar;
    <a class="credlink" href="...">
     Legal
    </a>
    

    Contents, design, graphic and codes by
    
     Nomade Kalafro
    
    &brvbar;
    For complete references use
    <a class="credlink" href="http://www.google.com/">
     Google
    </a>
   </div>

Provando ad essere maggiormente chiaro, nella visualizzazione tramite browser mi aggiunge uno spazio (che io noto perché sottolineato) dopo "Accessibility" e "About". Perché? E perché non lo fa anche con "Legal" visto che il codice non cambia?

Grazie di nuovo.

P.S.: la "barretta verticale" sarebbe un "& brvbar;" che questa board interpreta.

**miki003** · 24-02-2010, 00:26

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

<body>
<div class="credits">
    <a class="credlink" href="...">
     Accessibility</a>
    &amp;brvbar;
    <a class="credlink" href="...">
     About</a>
    &amp;brvbar;
    <a class="credlink" href="...">
     Legal</a>
    

    Contents, design, graphic and codes by
    
     Nomade Kalafro
    
    &amp;brvbar; 
    For complete references use
    <a class="credlink" href="http://www.google.com/">
     Google</a>
   </div>

</body>
</html>

**nomade_k** · 24-02-2010, 01:00

Sta cosa mi sta facendo innervosire...

Ho provato a copiare ed incollare il tuo codice e funziona. L'ho allora sistemato e adattato nella pagina e siamo punto e a capo.

O è l'indentazione, o i css (ma non credo).

Mi spieghi tu cosa hai fatto, per favore?

P.S.: vi posto il sorgente della pagina (home) di seguito, nella speranza che il forum la riporti come l'ho scritta.
Ah, non badati agli "errori" per un eventuale pubblicazione (come la mancanza di Meta Tag; è in lavorazione.

codice:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 <head>
  <title>
   Index &minus; Lorem Ipsum
  </title>
  <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
  <meta http-equiv="cache-control" content="no-cache" />
  <meta http-equiv="pragma" content="no-cache" />
  <meta name="dc.title" content="Index &minus; Lorem Ipsum" />
  <meta name="generator" content="gedit" />
  <meta name="author" content="NomadeKalafro" />
  <link rel="stylesheet" type="text/css" media="screen,projection,handheld,tty,tv" href="styles/general.css" />
  <link rel="stylesheet" type="text/css" media="aural" href="styles/aural.css" /> 
  <link rel="stylesheet" type="text/css" media="print" href="styles/print.css" />
  <!--[if IE]>
   <link rel="stylesheet" type="text/css" media="screen,projection,handheld,tty,tv" href="styles/ie.css">
  <![endif]--> 
 </head>
 <body>
  <div id="base">
   <div id="titdiv">
    <h1>
     Lorem Ipsum &minus; evolution notes
    </h1>
   </div>  
   <div id="iealign">
    <h2>
     web
    </h2>
    <ul>[*]
      <a class="linkor" title="..." hreflang="en" tabindex="2" 

href="...">
       
        <acronym title="...">
	 ...
        </acronym>
       
      </a>
     [*]
      <a class="linkye" title="..." hreflang="en" tabindex="3" 

href="...">
       ...
      </a>
     [*]
      <a class="linkor" title="..." hreflang="en" tabindex="4" 

href="...">
       ...
      </a>
     [*]
      <a class="linkye" title="..." hreflang="en" tabindex="5" 

href="...">
       
        <acronym title="...">
	 ...
        </acronym>
       
      </a>
     [/list]
   </div>
   


   </p>
   <div class="credits">
    <a class="credlink" href="...">
     Accessibility
    </a>
    &brvbar;
    <a class="credlink" href="...">
     About
    </a>
    &brvbar;
    <a class="credlink" href="...">
     Legal
    </a>
    

    Contents, design, graphic and codes by
     
      Nomade Kalafro
     
    &brvbar; 
    For complete references use
     <a class="credlink" href="http://www.google.com/">
      Google
     </a>
    </div>
  </div>
 </body>
</html>

Anche rileggendolo ora, mi sono reso conto di alcuni errori, ma un problema alla volta. Poi è mezza notte e ho appena "finito" (diciamo, mi mancano ancora un paio di cose) di sistemare l'accessibilità.

Grazie. Di nuovo.

**fcaldera** · 24-02-2010, 01:26

suggerisco di cercare sul forum css "liste orizzontali pipe", magari può esserti utile.

**miki003** · 24-02-2010, 01:44

Ora ti posto il codice corretto, che funziona, a te tocca solo capire dove stà il trucco.

Non te la faccio questa cosa per farti arabbiare, ma solo per farti ragionare e non cadere più in simili errori

codice:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 <head>
  <title>
   Index − Lorem Ipsum
  </title>
  <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
  <meta http-equiv="cache-control" content="no-cache" />
  <meta http-equiv="pragma" content="no-cache" />
  <meta name="dc.title" content="Index − Lorem Ipsum" />
  <meta name="generator" content="gedit" />
  <meta name="author" content="Nomade Kalafro" />
  <link rel="stylesheet" type="text/css" media="screen,projection,handheld,tty,tv" href="styles/general.css" />
  <link rel="stylesheet" type="text/css" media="aural" href="styles/aural.css" /> 
  <link rel="stylesheet" type="text/css" media="print" href="styles/print.css" />
  <!--[if IE]>
   <link rel="stylesheet" type="text/css" media="screen,projection,handheld,tty,tv" href="styles/ie.css">
  <![endif]--> 
 </head>
 <body>
  <div id="base">
   <div id="titdiv">
    <h1>
     Lorem Ipsum − evolution notes
    </h1>
   </div>  
   <div id="iealign">
    <h2>
     web
    </h2>
    <ul>[*]
      <a class="linkor" title="..." hreflang="en" tabindex="2" 

href="...">
        
        <acronym title="...">
	 ...
        </acronym>
        
      </a>
     [*]
      <a class="linkye" title="..." hreflang="en" tabindex="3" 

href="...">
        ... 
      </a>
     [*]
      <a class="linkor" title="..." hreflang="en" tabindex="4" 

href="...">
        ... 
      </a>
     [*]
      <a class="linkye" title="..." hreflang="en" tabindex="5" 

href="...">
        
        <acronym title="...">
	 ...
        </acronym>
        
      </a>
     [/list]
   </div>
   


   </p>
   <div class="credits">
    <a class="credlink" href="...">
     Accessibility</a>
    ¦
    <a class="credlink" href="...">
     About</a>
    ¦
    <a class="credlink" href="...">
     Legal</a>
    

    Contents, design, graphic and codes by
     
      Nomade Kalafro
     
    ¦ 
    For complete references use
     <a class="credlink" href="http://www.google.com/">
      Google</a>
    </div>
  </div>
 </body>
</html>

Se non lo trovi ti svelerò io il particolare

**miki003** · 24-02-2010, 01:56

Ha! Dimenticavo di dirti che il consiglio di fcaldera è la soluzione migliore, io mi sono limitato solo a sistemare il tuo codice

**nomade_k** · 24-02-2010, 11:04

Intanto, sentiti ringraziamenti ad entrambi.

Poi...

@ miki003:
sto di fretta che devo andare a lavoro ma ho confrontato i codici (la parte incriminata) e l'unica differenza che ho notato è che tu hai messo, per la seconda volta, la chiusura del tag "<a>" di seguito al suo contenuto; mentre io l'avevo mandata a capo.
Infatti ho provato a scriverla dove lo hai fatto tu e funziona.

Ma a questo punto mi chiedo: si tratta di una sorta di bug? Cioè, mi è vietato indentare il tag di chiusura "</a>"?!

@ fcaldera:
questo può essere anche in risposta ad entrambi.
Vi ringrazio per il suggerimento sull'uso di una lista. Ne conosco quella potenzialità e stupidamente non ci ho pensato... sarà l'inesperienza. :master:

Ovviamente opterò per quest'ultima possibilità.

P.S.: stupende le faccine di questa board.

[edit]
Quasi dimenticavo: standing-ovation per fcaldera per il post.

Modifica #2: sto leggendo il 3d suggerito da fcaldera. Questo forum è una miniera di informazioni e utilità!
Avete da suggerirmi delle letture "aggiuntive" e mirate per acquisire conoscenze "extra" e professionali sui Css (poi se avete anche su Xhtml tanto meglio)?

Leggevo nel thread riferimenti come "easyclearing" che mi secca non conoscere.
C'è da dire che non sono web developer/designer per professione ma solo in quanto autodidatta quindi cerco di imparare il più possibile e al meglio possibile.
Ovviamente ora cerco anche questa cosa sul caro vecchio Google.
[/edit]

**nomade_k** · 24-02-2010, 20:12

Up.

Discussione: Indentazione e eventuali consigli codice Xhtml 1.1

Strumenti discussione

Ricerca discussione

Visualizza

Indentazione e eventuali consigli codice Xhtml 1.1

Re: Indentazione e eventuali consigli codice Xhtml 1.1

Permessi di invio