Visualizzazione risultati 1 fino 6 di 6

Discussione: CSS e allineamento testo

  1. #1
    Guest

    Predefinito 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.

  2. #2
    Data registrazione
    04-09-2009
    Messaggi
    183

    Predefinito

    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

  3. #3
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    463

    Predefinito

    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
    }

  4. #4
    Guest

    Predefinito

    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.

  5. #5
    Guest

    Predefinito

    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.

  6. #6
    refale non è connesso Neofita
    Data registrazione
    25-01-2011
    Messaggi
    1

    Predefinito

    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 ?

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •