Ciao a tutti.
Ho 3 problemi:
1) Non riesco a centrare il <div id="content"> che contiene tutta la pagina in Internet Explorer (sto testando dalla versione 6.0.2900), mentre su Firefox e' tutto centrato perfettamente.
2) So che i tag <center> non devono essere usati, ma mi date un consiglio per allineare centralmente in un altro modo le tre immagini? Premetto che non posso usare un file CSS esterno alla html, ma solo interno per queste 3 immagini .
3) Cavolo faccio a centrare gli[*] dell'<ul id="lista_bandiere"> al centro del <div id="testo">, affinche' queste siano una vicino all'altra senza andare a capo?
Grazie a tutti,
F.
Codice HTML:
codice:
<HTML>
<HEAD>
<style type="text/css"><!--
@import url(CSS/style.css);
@import url(CSS/flags.css);
--></style>
<BODY>
<div id="content">
<div id="logo"></div>
<div id="foto">
<center>
[img]FELPE/F002-U.gif[/img]
[img]FELPE/F002-D.gif[/img]
[img]FELPE/F002-ILL.gif[/img]
</center>
</div>
<div id="testo">
<ul id="testo_italiano">
[*]Stampa vellutata. Colori vivi, morbida e lucente.
[*]Qualità stampa eccellente ed indistruttibile anche a distanza di anni.
[*]Tessuto Fruit of the Loom.
[*]Quasi ogni capo presenta il marchio/etichetta dietro al collo, sul cappuccio.
[*]100% Feedback positivi! Guarda qui.
[*]Per la descrizione, misure in cm, pagamenti, extra e per la procedura d'acquisto si raccomanda di leggere questo link prima dell'acquisto.
[*]Stampiamo su commissione t-shirt, felpe, e spillette personalizzate.
[*]e-mail: #.</br>
[*]International bidders only Paypal (email us for the Paypal contact). For further informations in your language click here.</br>
[/list]
<ul id="lista_bandiere">
<li id="bandiera1">
<li id="bandiera2">
<li id="bandiera3">
<li id="bandiera4">
<li id="bandiera5">
<li id="bandiera6">
<li id="bandiera7">
<li id="bandiera8">
<li id="bandiera9">
<li id="bandiera10">
<li id="bandiera11">
<li id="bandiera12">
<li id="bandiera13">
<li id="bandiera14">
<li id="bandiera15">
<li id="bandiera16">
<li id="bandiera17">
<li id="bandiera18">
<li id="bandiera19">
<li id="bandiera20">
[/list]
</div>
</div>
</BODY>
</HTML>
Codici css:
codice:
body {
background: #8C0707;
}
div#content {
text-align: left;
font-family: Verdana;
font-size: 10pt;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}
div#logo {
width: 450px;
height: 150px;
background: url('../IMG/FRONTONE.jpg') no-repeat;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 10px;
}
div#foto {
width: 90%;
background-color: #AA1A1A;
background-image: URL('../IMG/BG.jpg');
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
padding: 15px;
border: thin solid #000000;
}
a:link {
color: #FF9E55;
}
a:hover {
color: #FF0000;
}
a:visited {
color: #FF9E55;
}
div#testo {
width: 90%;
background-color: #AA1A1A;
background-image: URL('../IMG/BG.jpg');
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
border: thin solid #000000;
}
div#testo ul#testo_italiano {
list-style: square inside url('../IMG/ARROW.jpg');
}
Altro codice css
codice:
ul#lista_bandiere {
list-style-type: none;
overflow: hidden;
}
ul#lista_bandiere li {
width: 60px;
height: 40px;
margin: 5px;
float: left;
}
ul#lista_bandiere li#bandiera1 {
background: url(../IMG/BANDIERE/UNITED_KINGDOM.gif);
}
ul#lista_bandiere li#bandiera2 {
background: url(../IMG/BANDIERE/GERMANIA.gif);
}
ul#lista_bandiere li#bandiera3 {
background: url(../IMG/BANDIERE/FRANCIA.gif);
}
ul#lista_bandiere li#bandiera4 {
background: url(../IMG/BANDIERE/GIAPPONE.gif);
}
ul#lista_bandiere li#bandiera5 {
background: url(../IMG/BANDIERE/SPAGNA.gif);
}
Rispondi quotando
...il 7 già per molte cose si comporta meglio
