Visualizzazione dei risultati da 1 a 9 su 9

Discussione: posizione di un titolo

  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2012
    Messaggi
    8

    posizione di un titolo

    Ciao a tutti i ragazzi del forum,
    mi chiamo nico100 e sono alle prime armi sia con il linguaggio html sia con i CSS. Ho seguito vari tutotial e qualcosa ho imparato. Come prova ho creato una tabella con 4. Ciò che non sto riuscendo a capire come posizionare il titolo al centro, della 1 cella, tra il margine superiore e quello inferiore, tenendo conto che dentro la cella 1 a sx e a dx ci sono due immagini.
    Il codice è questo:
    <!DOCTYPE>
    <html>
    <head>
    <style type="text/css">
    table{width:1000px;height:500px;border: solid 2px #0000CC;background:#FFCCFF; margin:auto;}
    td.a{height:80px;border: solid 1px;color:red;font-size:65px;background: yellow;
    font-family: arial;text-align:center;padding:10px;}
    img.b{float: left;margin: 8px;}
    img.c{float:right;margin:8px;}
    </style>
    </head>
    <body>
    <table >
    <tr>
    <td class="a" colspan="3"> [img]images.jpg[/img]
    [img]images.jpg[/img]
    FORZA LECCE!!</td>
    </tr>
    <td>colonna 1</td><td>colonna 2</td><td>Colonna 3</td>
    </tr>
    </table>
    </body>

    p.s. Spero che abbiate pazienza
    Grazie

    Saluti da nico100

  2. #2
    i titoli sono h1 h2 h3 h4 h5 h6
    e puoi usare text-align o margin a seconda dell'esigenza

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2012
    Messaggi
    8
    Ciao ragazzi,
    ho provato ad inserire i margini ma la pagina non si è aggiornata ed il titolo è posizionato sempre vicino al margine superiore della cella.
    Ho scritto così:

    margin-top: 15px;
    margin-bottom:15px;

    perchè non funziona? Il codice è quello che è scritto nel messaggio precedente.

    grazie

    Cioa da nico100

  4. #4
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Quattro cose.

    1) Quando scrivi codice ricordati di racchiuderlo dentro i tag CODE
    2) Mi pare di capire che stai utilizzando una tabella solo per disporre gli elementi all'interno della pagina. Essendo agli inizi, ti conviene imparare da subito a non usare le tabelle in questo modo che è improprio (una tabella serve solo per visualizzare dati per l'appunto tabellari). Impara a disporre gli elementi di una pagina usando solo i css
    3) Non hai aperto il tag tr della seconda riga
    4) Hai provato a togliere le immagini della prima riga per vedere se il testo si allinea come vuoi tu?

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2012
    Messaggi
    8
    Grazie della risposta,
    il terzo punto l'ho corretto è stata una distrazione; ho tolto le immagine ed il titolo si è posizionato come volevo. Quindi, scusate se faccio questo domanda: se voglio inserire un'immagine a sx o a dx in un cella, il titolo non potrà mai posizionarsi tra il margine superiore e quello inferiore? Un' altra cosa i codici possono essere inseriti nei post o meglio di no?

    grazie

    Saluti da nico100

  6. #6
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Non ho ben capito la domanda del margine superiore e inferiore. Potresti fare una immagine di quello che vuoi ottenere?
    Certo che puoi mettere codice, mettilo tra i tag CODE (lo trovi nella barra degli strumenti quando scrivi un post.

  7. #7
    Utente di HTML.it
    Registrato dal
    Aug 2012
    Messaggi
    8

    posizione di un titolo

    Scusate non so come inviare un'immagine per poter capire. Proviamo in questo modo: ho una tabella con width 900px e height 500px nella pagina web. All'interno ho inserito una cella con un titolo "Pagina prova". A sx e a dx della cella ho inserito con i CSS due immagine. Ciò che vorrei che il titolo non rimanesse al centro ed in alto vicino al bordo superiore della cella, ma si posizionasse al centro più giù tra il bordo superiore ed il bordo inferiore della cella. E' possibile ciò?

    Grazie

    Saluti da nico100

    p.s. spero di organizzarmi al più presto con uno spazio web per rendere il tutto più facile per voi.

  8. #8

    Re: posizione di un titolo

    invece di
    codice:
    FORZA LECCE!!
    scrivi
    codice:
    <h1>FORZA LECCE!!</h1>
    poi cancella il font-size dalla regola della cella a
    e scrivi
    codice:
    h1 {
        padding-top: 50px;
        font-size: 50px
    }
    ovviamente i valori che ho scritto li puoi cambiare come vuoi

  9. #9
    Utente di HTML.it
    Registrato dal
    Aug 2012
    Messaggi
    8

    posizione titolo

    Ok, grazie della risposta, appena proverò vi farò sapere.

    Grazie e complimenti per come funziona il forum.

    Saluti da nico100

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.