Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    4

    riempimentoi immagini su IE

    Salve a tutti.

    Ho un problema con il riempimento delle immagini.
    Ho dato, tramite CSS un riempimento di 10 px in ogni direzione alle mie immagini, in modo che il testo che le circonda non risulta appiccicato.
    Questa impostazione funziona perfettamente con Mozilla o Opera, ma non con IE.

    Avete possibili soluzioni?
    Grazie
    nicola

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Cosa intendi per riempimento? Un margin? un padding? :master:

    codice o link?

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    4
    per riempimento intendevo padding.
    Ecco il css.

    #contenuto img { padding: 10px;
    list-style-image: url();
    max-width: 100%;
    }

  4. #4
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Al momento non ho modo di testare il codice, ma se la memoria non mi inganna ti posso dire che max-width non è supportato da IE. ma non so ancora dirti se dipende da quello, vedrò stasera

  5. #5
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Puoi postare il link ai codici completi?

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    4
    CSS

    body { font-size: 100%;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    }

    a img { border-style: none;
    }

    #box { height: 100%;
    width: 100%;
    background-color: rgb(255, 255, 255);
    }

    #testata { border-style: solid solid none;
    border-color: rgb(102, 51, 0) rgb(102, 51, 0) rgb(255, 255, 255);
    border-width: 1px 1px 2px;
    background-attachment: fixed;
    background-position: left top;
    padding-top: 0pt;
    font-weight: bold;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    font-family: verdana;
    background-repeat: no-repeat;
    font-size: 2em;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 214, 51);
    height: 151px;
    width: 100%;
    }

    #barretta { border-left: 1px solid rgb(102, 51, 0);
    border-right: 1px solid rgb(102, 51, 0);
    border-bottom: 1px none rgb(51, 51, 255);
    font-size: 0.8em;
    text-align: right;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    color: rgb(255, 255, 255);
    font-style: normal;
    background-color: rgb(102, 51, 0);
    line-height: 1.3em;
    font-family: verdana;
    width: 100%;
    min-height: 1.3em;
    }

    .centrato { text-align: center;
    }

    .destra { text-align: right;
    }

    #contenuto { border-style: none solid;
    border-left: 1px solid rgb(102, 51, 0);
    border-right: 1px solid rgb(102, 51, 0);
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    height: auto ! important;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    min-height: 60%;
    }

    #contenuto p { padding-left: 10px;
    padding-right: 10px;
    }

    #contenuto img { padding: 10px;
    list-style-image: url();
    max-width: 100%;
    }

    #menu2 { border-style: none solid solid;
    border-left: 1px solid rgb(102, 51, 0);
    border-right: 1px solid rgb(102, 51, 0);
    border-bottom: 1px solid rgb(102, 51, 0);
    color: rgb(0, 0, 0);
    font-family: verdana;
    background-position: left top;
    background-repeat: no-repeat;
    background-color: rgb(255, 204, 51);
    font-size: 110%;
    text-align: center;
    width: 100%;
    clear: none;
    min-height: 1em;
    }

    #menu2 a { text-decoration: none;
    font-weight: normal;
    color: rgb(0, 0, 0);
    }

    #menu2 a:hover, #menu2 a:focus, #menu2 a:active { text-decoration: none;
    font-weight: normal;
    color: rgb(102, 51, 0);
    }

    #footer { border-style: solid solid none;
    border-color: rgb(102, 51, 0) rgb(102, 51, 0) rgb(51, 51, 255);
    border-width: 1px;
    color: rgb(0, 0, 0);
    text-align: center;
    width: 100%;
    line-height: 17px;
    clear: none;
    background-position: center;
    background-repeat: repeat-x;
    background-color: rgb(255, 204, 51);
    background-attachment: fixed;
    font-size: 1em;
    font-weight: bold;
    font-family: verdana;
    }

    #footer2 { border: 1px solid rgb(102, 51, 0);
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 0.8em;
    width: 100%;
    float: left;
    clear: none;
    text-decoration: none;
    background-color: rgb(102, 51, 0);
    padding-top: 1px;
    }

    #testata a:hover, #testata a:focus, #testata a:active { font-weight: bold;
    text-transform: none;
    text-align: left;
    text-decoration: none ! important;
    color: rgb(153, 102, 51);
    }

    h3 { text-align: left;
    background-color: rgb(255, 255, 255);
    text-transform: none;
    font-weight: bold;
    font-family: verdana;
    font-size: 20px;
    color: rgb(102, 51, 0);
    border-right-color: rgb(102, 51, 0);
    border-right-style: none;
    margin-left: 7px;
    }

    p { font-weight: normal;
    text-transform: none;
    font-style: normal;
    font-family: verdana;
    font-size: 97%;
    }

    #testata a { text-decoration: none;
    color: rgb(0, 0, 0);
    }

    #footer2 a:hover, #footer2 a:focus, #footer2 a:active { font-family: verdana;
    font-style: normal;
    text-transform: none;
    color: rgb(255, 204, 51);
    }

    #footer2 a { color: rgb(255, 255, 255);
    text-decoration: none;
    }

    #footer a { text-decoration: none;
    font-family: verdana;
    color: rgb(0, 0, 0);
    }

    #footer a:hover, #footer a:focus, #footer a:active { font-family: verdana;
    color: rgb(102, 51, 0);
    }

    HTML
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html><head><meta
    content="text/html; charset=ISO-8859-1"
    http-equiv="content-type"><title>Home</title><link
    title="foglio di stile" rel="stylesheet" href="stile.css"
    type="text/css"></head>
    <body style="color: rgb(0, 0, 0);" alink="#ee0000"
    link="#0000ee" vlink="#551a8b"><div id="box"><div
    style="text-align: left; background-color: rgb(255, 204, 51);"
    id="testata"><div style="text-align: center;"><a
    href="index.html"><span
    style="text-decoration: underline;"></span></a><a
    href="index.html"><span
    style="text-decoration: underline;"></span></a><span
    style="text-decoration: underline;"></span>[img]immagini/logo.gif[/img][img]immagini/logo2.gif[/img]<small
    style="color: rgb(255, 204, 51);">.</small></div><div
    style="text-align: center;"><a href="index.html">Riserva
    Cinghiali</a>
    <small><small>Corso
    Garibaldi, 81
    </small></small></div><div
    style="text-align: center;"><small><small>61048
    Sant'Angelo in Vado
    </small></small>
    </div><div
    style="text-align: center;"><small><small>Tel.
    0722 88086 - Fax. 0722 88086
    </small></small></div></div><div
    id="barretta">Ultimo
    aggiornamento: 21 febbraio 2007</div><div id="menu2">Dove Siamo
    <a href="GalleriaFotografica.html">Galleria
    Fotografica</a>
    Prodotti</div><div
    id="contenuto">

    </p>



    </p></div><div
    id="footer">Contattaci</div><div
    id="footer2"><a href="mailto:coloc86@hotmail.com">&copy;
    2007- Webmaster -
    Nicola Giovagnoli </a>[img]immagini/madewithnvu.jpg[/img]
    </div><script
    type="text/javascript" language="JavaScript"
    src="http://codice.shinystat.com/cgi-bin/getcod.cgi?USER=coloc86"></script><noscript><A
    HREF="http://www.shinystat.com" target="_top">
    </A>
    </noscript></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 © 2025 vBulletin Solutions, Inc. All rights reserved.