Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1
    Utente di HTML.it L'avatar di grungi
    Registrato dal
    Dec 2002
    Messaggi
    106

    Posizionamento immagine

    Perche' l'immagine (header.jpg) mi si posiziona tutta a dx invece di rimanere centrata??
    ho provato con proprieta' background, center, coi margini ma niente.
    Tks!


    <!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" />

    <title>Untitled Document</title>
    <style>

    html,body {

    margin:0; padding: 0
    }

    body {

    background-color:#666666;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #009900;
    font-size:13px;
    }


    #container {

    width: 830px;
    height:799px;
    background-image:url(img/intBg.gif);
    background-repeat: repeat-x;
    margin: 0px auto;
    position:relative;
    background-color:#FFFFFF
    }


    #h2 {
    width: 817px;
    height: 188px;
    background-image:url(img/header.jpg);
    }


    #linkList {

    margin: 0;
    margin-left:7em;
    padding: 0;
    min-width: 37em;
    list-style-type: none
    }


    #linkList li {
    float:left;
    border-left:1px dashed #bbb;
    height:1em;
    width:8em;
    padding-top: 15px;
    padding-left: 0.5em
    }


    </style>
    </head>

    <body>
    <div id="container">
    <ul id="linkList">
    [*]home[*]soluzioni[*]offerte[*]pacchetto
    [*]pacchetto
    [*]pacchetto[/list]

    <div id="h2"></div>

    </div>
    </body>
    </html>
    Immagini allegate Immagini allegate
    Chiara

    Fun and mental is FUNDAMENTAL

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    153
    Prova ad utilizzare il padding fin quando non centri l'immagine a tuo piacimento...
    Niente è impossibile...

  3. #3
    Utente di HTML.it L'avatar di grungi
    Registrato dal
    Dec 2002
    Messaggi
    106
    mmhmm..con il padding non mi si sposta niente se non in verticale
    Chiara

    Fun and mental is FUNDAMENTAL

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    153
    La sintassi corretta del padding la rispetti?
    Niente è impossibile...

  5. #5
    Utente di HTML.it L'avatar di grungi
    Registrato dal
    Dec 2002
    Messaggi
    106
    quello che ho provato a fare e' usare le diverse proprieta' del padding nel #h2 e quindi padding con i 4 valori, padding left-right-bottom-top.
    Chiara

    Fun and mental is FUNDAMENTAL

  6. #6
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    153
    No sbagli... la regola del padding che dici tu è così:

    padding: top-right-bottom-left;

    ricorda che si parte da sopra in senso anti orario...
    Niente è impossibile...

  7. #7
    Utente di HTML.it L'avatar di grungi
    Registrato dal
    Dec 2002
    Messaggi
    106
    si si, li ho messi cosi' giusto per elencarli. Il problema rimane che l'immagine mi sta a destra
    Chiara

    Fun and mental is FUNDAMENTAL

  8. #8
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    153
    Se l'immagine la hai inserita all'interno di un div come sfondo devi mettere un text-align: left; al body e un margin: 0 auto; al div interessato dall'immagine...
    Niente è impossibile...

  9. #9
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Manca il clear!!

    Il box chiamatao #h2 si posiziona nello spazio libero lasciato dalla lista, dato che gli elementi della lista hanno il float.

    Ti conviene dare dei colori di sfondo ai vari pezzi (colori diversi per pezzi diversi), in modo da vedere lo spazio che i vari elementi adoperano.
    Comunque per andare a capo dopo uno (o piu`) float, e` necessario inserire il clear.
    Nel tuo caso dovresti metterlo nel #h2.

    PS: evita di usare nomi uguali agli oggetti del DOM: si crea confusione e qualche browser non accetta nomi duplicati.
    Ed evita di inserire blocchi vuoti: qualche browser non li visualizza, dato che questo comportamento e` previsto dallo standard.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  10. #10
    Utente di HTML.it L'avatar di grungi
    Registrato dal
    Dec 2002
    Messaggi
    106
    Grazie Nick ma niente..non capisco davvero. credo di averle provate un po' tutte, almeno quelle che conosco
    Chiara

    Fun and mental is FUNDAMENTAL

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.