-
CSS e allineamento testo
Salve,
Ho un box all'interno del quale vorrei riportare un elenco di link, uno per ogni riga. Purtroppo invece l'allineamento viene ignorato e i link vengono riportati tutti uno dopo l'altro senza andare a capo.
Riporto il codice PHP e CSS.
PHP:
echo ("<a href=\"xxx\">Link_x</href></a>\n");
echo ("<a href=\"yyy\">Link_Y</href></a>\n");
echo ("<a href=\"zzz\">Link_Z</href></a>\n");
CSS:
a
{
color: #ffffff;
font-family: verdana, arial;
font-style:oblique;
font-weight: bold;
font-size: 10pt;
text-align: left;
}
Cosa posso fare ? Grazie.
-
Il "\n" corrisponde a un a-capo e infatti se guardi il sorgente è a capo, ma devi aggiungere il tag "<br>" per andare a capo anche nel browser
Codice HTML:
<a href=\"xxx\">Link_x</href></a><br>\n
-
il box dovrebbe essere una lista
Codice:
<ul class="elencolink">
<li><a href="xxx">Link_x</href></a></li>
<li><a href="yyy">Link_x</href></a></li>
<li><a href="zzz">Link_x</href></a></li>
</ul>
e i css dovrebbero essere
Codice:
.elencolink {
width: 240px; /*per esempio*/
overflow: auto; /*per esempio*/
background-color: rgb(255,0,0) /*per esempio*/
}
.elencolink a {
display: block
}
-
Vi ringrazio entrambi per i suggerimenti. Pero' noto una cosa:
- Nel primo caso dovrei aggiungere il tag <br> e questo significherebbe che nel codice PHP dovrei introdurre un elemento di formattazione che invece, logicamente, dovrebbe essere demandato ai CSS
- Nel secondo caso dovrei addirittura aggiungere i vari tag <li> e </li> oltre al relativo codice CSS.
In entrambi i casi quindi non separerei le informazioni dalla relativa rappresentazione, come invece dovrebbe essere nella filosofia dei CSS.
Tanto vale allora formattare il codice con dei semplici <p>, </p>. Otterrei esattamente lo stesso risultato ma, a discapito di quanto sopra precisato.
E comunque continuo a non capire perchà non funziona la definizione di allineamento a sinistra che io ho messo nel CSS.
Grazie.
-
Penso che nel css dovresti creare una classe e specificare per questa un ordinamento con <li>, e poi applicare la classe nel php. In questo modo, richiamando la classe, gli elementi si dispongono secondo le regole del css. Questo in via teoria, ma praticamente non ti saprei dire come farlo a livello di codice.
-
raga mi dite come allineare la chat di altervista a destra ??
<script type="text/javascript"> var av_chat_lang = 'it'; </script>
<script type="text/javascript" src="http://tl.altervista.org/js/chat.js"></script>
questo è lo scirpt potete modificarlo in modo che stia a destra ?