Pagina 2 di 2 primaprima 1 2
Visualizzazione dei risultati da 11 a 15 su 15

Discussione: centrare testo

  1. #11
    si ho visto il link ma sono una neofita con i css e non esendoci riuscita ho postato il codice qui per vedere cosa sbagliavo___è tra l'altro ho fatto quello che avete detto ma in entrambi i browser non mi si posiziona al centro ne verticalmente ne orizzontalmente____non capisco quale sia l'errore

  2. #12
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    allora è meglio se posti un link alla pagina (preferibile) oppure tutto il codice per intero sia (x)html che css. Può darsi che il problema sia altrove
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #13
    si forse è meglio..eccolo:


    @charset "utf-8";
    /* CSS Document */


    body {
    background-color:white no-repeat;
    position:absolute;
    color:white;
    font-family:helvetica;
    font-weight:bold;
    letter-spacing: -1px;
    word-spacing: -3px;
    text-align:left;
    }


    #contenitore {
    width:1000px;
    position:absolute;
    top: 0px;
    left: 200px;
    text-align:left;
    margin:auto;
    }


    ul {
    position:relative;
    }

    li {list-style-type: none;
    position:absolute;
    }

    #home {height:10,6px;
    width:52,6px;
    top: 100px;
    left: 100px;
    border:solid 3px red;
    }




    a { whidth:100%;
    display:block;
    color:white;
    font-family:helvetica;
    font-size: 20px;
    text-align:center;
    }

    a:hover {
    color:black;
    }

    a:visited {
    color:silver;
    }


    span {display:none;}












    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link href="styleweb.css" rel="stylesheet" type="text/css"/>
    <title>minimal-baroque portfolio</title>
    </head>

    <body>
    <div id="contenitore">
    <h1><span>minimal-baroque portfolio</span></h1>
    <h2><span>minimal-baroque index</span></h2>


    [img]img_web/template.jpg[/img]

    <ul id="indexul">
    <li id="home"> <span> home </span>
    <li id="about"> <span> about </span>
    <li id="portfolio"> <span> portfolio </span>
    <li id="link"> <span> link </span>
    <li id="contact"> <span> contact </span> [/list]







    <span>this is the box</span>

    </p>
    </div>
    </body>
    </html>

  4. #14
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    o hai sbagliato a postare il codice oppure c'è qualcosa che non torna

    Questa è la tua prima versione di #contenitore
    codice:
    #contenitore
    {
    margin-top: -300px;
    position: absolute;
    margin-left: -350px;
    width:700px;
    height:600px;
    left: 50%;
    top: 50%;
    }

    Questa quella che hai appena postato
    codice:
     #contenitore {
    width:1000px;
    position:absolute;
    top: 0px;
    left: 200px;
    text-align:left;
    margin:auto;
    }


    :master:
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #15
    ce l'ho fatta

    posto il codice corretto:


    CSS:


    @charset "utf-8";
    /* CSS Document */




    body
    {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color:white;
    color:#000;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 17px;
    font-weight: bold;
    }



    #contenitore
    {
    margin-top: -300px;
    position: absolute;
    margin-left: -350px;
    width:700px;
    height:600px;
    left: 50%;
    top: 50%;
    }



    a {
    text-decoration: none;
    color:black;
    font-size:25px;
    }


    a:hover {
    color:black;
    }


    a:visited {
    color:black;
    }


    p#parole {
    width:350px;
    height: 100px;
    margin: 250px 175px;
    padding: 0;
    }

    p#parole span#frase {
    display: block;
    float: left;
    width: 100%;
    height: 34px



    }

    p#parole span#link {
    display: block;
    float: left;
    margin: 13px 144px;
    width: 62px;

    }

    p#parole a {
    display: block;
    width: 31px;
    height: 31px;
    line-height:31px;
    float: left;
    }




    h1, h2, span {display:none;}








    HTML:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="stylezen.css" rel="stylesheet" type="text/css"/>
    <title>zen web</title>
    </head>

    <body>

    <div id="contenitore">

    <h1><span>zen web</span></h1>
    <h2><span>zen index</span></h2>
    <p id="parole">
    <span id="frase">This is a break</span>
    <span id="link"><></span>
    </p>
    </div>
    </body>
    </html>

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 © 2026 vBulletin Solutions, Inc. All rights reserved.