Hola, he seguido el tutorial paso a paso y he logrado un buen trabajo, pero me faltan algunos detalles y me gustaria que por favor me ayudaran.
La pagina se ve super mal en firefox y bien en explorer y digo bien por que cuando cuando la abro en monitores muy grandes se desconfiguran algunas cosas y en algunos equipos me cambia el tipo de letra que estoy utilizando.
Esta es mi pagina:
www.sicasistencia.com
Mil gracias por toda su ayuda.
Aqui pongo los codigos.
PAGINA PRINCIPAL
* {margin: 0px ; padding: 0px ; border: 0px}
body {text-align: center ; background-image:url(objetos/fonndo.png) ;
background-repeat:no-repeat}
#global {width:800px ; margin: 4px auto }
#cabecera {}
#cabecera li{float:right ; list-style:none ;
text-align:right}
#entrada {float: right; font: bond ;
height: 10px ; text-aling:left; padding-bottom:25px}
#entrada li {float:left ; list-style:none
; margin: 0px 4px 0px 5px ; width: auto}
#logotipo{}
#navegacion {font: bold ; font-size:14px ;
font-family:shazbot ; width:650px; float: left }
#navegacion li {float:left ; list-style:none ;
padding: 0px 41px 0px 41px; ; text-aling: center; }
#contenido {text-align:center;padding:20px}
#contenido p {font-family:hall fetica; font-size:
16px; color: white;margin:15px 75px 30px 0px}
#contenidoinicial {text-align:left;padding:20px 0px
25px 0px}
#contenidoinicial p {font-family:hall fetica;
font-size:17px; color: white;margin:15px 25px
20px 0px; text-aling:center }
#contenidotro {padding:45px;float:left ; text-align:justify;}
#contenidotro p {font-family:hall fetica; font-size:
17px; color: white; margin: 22px 0px 15px 0px;
width:450px }
#menu {float:right ;text-align:center; width: auto ; }
#menu li { list-style:none ; }
#navegacionuno {font: bold ; font-size:14px ; font-family:
shazbot ; text-aling: center;float:left ;padding:15px }
#navegacionuno li { list-style:none ;
padding:17px 22px 0px 22px; text-align:left ; }
#navegacionunotro {font: bold ; font-size:14px ;
font-family:shazbot ; text-aling:
center;float:left ; padding:25px}
#navegacionunotro li { list-style:none ;
text-align:left ;padding:0px 25px 120px 0px}
#frase {float:center; text-align:center;padding:
0px 0px 0px 40px}
#pie {font-family: Fatboy Slim BLTC BRK ;
background-color: white ; width:800px; color:black;
font-size:8px}
#pie li {list-style:none;width:450px;
text-align:left;float:right }
#pieuno {border-top: black 8px double;
background-color:white;margin:12px ;text-align:right}
p {text-align:justify ; width: 350px; font-size:8px}
h1 {color:green ; padding:19px ; font-family: shazbot ; font: bond ;
text-align:center;font-size:14px }
a {text-decoration: none ; display: block ; color: orange}
a link: { }
a visited: { }
a hover: { text-decoration:underline ; background-color: silver }
a active: { }
h1 {font: bond ; text-align: justify; font-size: 14px ; color: orange ;
padding: 10px 5px 10px 5px ;}
h2 {width:750px; margin:10px 10px 100px
10px; text-alin: justify ; font-size: 16px bold}
h3 {font-size: 14px ; color: white ;
float:left ; text-align:left ; font-family:
hall fetica ; width:205px ; padding: 0px 5px 0px 5px}
h4 {font-family:hall fetica ; }
--------------------------------------------------------------------------
PAGINA 1
* {margin: 0px ; padding: 0px ; border: 0px}
body {text-align: center ;background-image:url(objetos/fonndo.png)}
#global {width:800px ; margin: 4px auto ; }
#cabecera { }
#cabecera li{float:right ; list-style:none ;
text-align:right}
#entrada { font: bond;
width:800px ;float:left; padding: 0px 0px 35px 0px }
#entrada li { list-style:none ;float:left}
#logo {float: left ; padding: 0px 0px 10px 0px ;
border-right:black 0px double ; width:auto; height:80px}
#logo li {padding: 30px 15px 0px 15px ; list-style:none;
float:left }
#navegacion { float:right ; margin: 70px 80px 5px 0px ; }
#navegacion li { list-style:none ; padding: 0px 20px
0px 20px ;width: auto ; float: right;}
#contenido {width: 650px ; float:right ; border-bottom:
black 0px double ; padding-left:12px }
#contenido li {float:left ; text-align:center ;
padding-bottom: 15px ; }
#servicio {width: 600px ; float:left ; padding:
40px 0px 0px 0px ; text-aling:center}
#servicio li {float:left ;margin: 5px 30px 5px 30px ; }
#serviciobasico {width: 600px ; float:left ; padding:
40px 0px 30px 0px ;text-aling:center; }
#serviciobasico li {float:left ;margin: 0px 10px 5px
50px ; }
#serviciobasico p {font-size: 15px ; color: white ;
float: center ; text-align:justify ; padding: 20px
5px 0px 5px; font-family: hall fetica ; width:auto ;}
#servicioplus {width: 600px ; float:left ; padding:s
40px 0px 30px 0px ;text-aling:center; }
#servicioplus li {float:left ;margin: 5px 10px 5px
50px ; }
#servicioplus p {font-size: 15px ; color: white ;
float: center ; text-align:justify ; padding: 20px
5px 0px 5px; font-family: hall fetica ; width:auto ;}
#planes {;float: right ;width : 200px ;
padding : 0px 0px 100px 0px; text-align:center}
#planes li {list-style:none;
text-align: center ;padding : 20px 0px 40px 0px}
#planesbasico { float: right ;width : 200px ; padding :
0px 0px 350px 0px;}
#planesbasico li {list-style:none; text-align: center ;
padding : 20px 0px 40px 0px}
#planesplus { float: right ;width : 200px ; padding :
0px 0px 350px 0px;}
#planesplus li {list-style:none; text-align: center ;
padding : 20px 0px 40px 0px}
#masser {width: 600px ; float:left;}
#masser li {float:left ;margin: 10px 0px 10px 30px ; list-style:none }
#masservi {width: 600px ; float:left}
#masservi li {float:left ;margin: 10px 0px 10px
30px ; list-style:none}
#massermot {width: 600px ;float: left ;}
#massermot li {float:left ;margin: 10px 0px 10px 30px ; list-style:none}
#pie {font-family: Fatboy Slim BLTC BRK ;
background-color: white ; width:800px; color:black;
font-size:8px}
#pie li {list-style:none;width:450px;
text-align:left;float:right }
#pieuno {border-top: black 8px double;
background-color:white;margin:12px ;text-align:right}
p {font-size: 15px ; color: white ;
float: center ; text-align:justify ; margin: 5px
5px 20px 5px; font-family: hall fetica ; width:128px ;}
a {text-decoration: none ; display: block ; color:orange ;
font-family: shazbot; text-align: center ; }
a link: { }
a visited: { }
a hover: { text-decoration:underline ; background-color: silver }
a active: { }
h1 {font: bond ; font-size: 14px ;
color: orange ;text-align:left}
h2 {width:750px; margin:10px 10px 100px
10px; text-alin: justify ; font-size: 16px bold}
h3 {font-size: 14px ; color: white ;
float:left ; text-align:left ; font-family:
hall fetica ; width:205px ; padding: 0px 5px 0px 5px}
h4 {font-family:hall fetica ;}
h6 {font-size: 15px ; color: white ;
float: center ; text-align:justify ; margin: 5px
5px 20px 5px; font-family: hall fetica ; width:150px ;}
a.button:hover{
border-top:2px solid #333;
border-left:2px solid #333;
border-right:2px solid #999;
border-bottom:2px solid #999;
color:white;}
---------------------------------------------------------------------------
PAGINA 2
* {margin: 0px ; padding: 0px ; border: 0px}
body {text-align: center ; background-image:url(objetos/fonndo.png)}
#global {width:800px ; margin: 4px auto }
#cabecera { }
#cabecera li{float:right ; list-style:none ;
text-align:right}
#entrada { font: bond;width:800px ;float:left;
padding: 0px 0px 35px 0px }
#entrada li { list-style:none ;float:left}
#logo {float: left ; padding: 0px 0px 10px 0px ;
width:auto; height:80px;}
#logo li {padding: 30px 15px 0px 15px ; list-style:none;
float:left }
#navegacion { float:right ; margin: 70px 55px 5px 0px ;
font-size:13px ;font:bond}
#navegacion li { list-style:none ; padding: 0px 20px
0px 20px ;width: auto ; float: right;}
#contenido {width: 600px ; float:right ;
padding-left:18px ; }
#contenido li {float:right ; text-align:center ;
padding-bottom: 15px }
#servicio { padding: 20px 0px 45px 0px ; width:800px;
text-align:center ; float:center; color:orange;
font-family:shazbot; font:bond }
#serviciopoliza { width:800px; float:right ;
text-align: center ; font-size: 10px ; margin: 0px
0px 25px 0px}
#serviciopoliza p {font-size: 17px ; color: white ; font-family:
hall fetica ;width: auto ; text-align: justify;
margin : 15px;}
#serviciopoliza h4 {text-align:justify; font-family: shazbot; color:orange;
margin:40px}
#serviciouno { width:350px; float:right ;
text-align: center ; font-size: 10px; }
#serviciodos {Width:350px; float:left ;
text-align: center ;margin: 0px 0px 30px 0px;
font-size: 10px }
#planes { padding: 20px 0px 45px 0px ; width:800px;
text-align:center ; float:center;color:orange;
font-family:shazbot; }
#planesuno {text-align:center}
#planesuno li {list-style:none ;float:left; padding:
0px 29px 25px 39px }
#pie {font-family: Fatboy Slim BLTC BRK ;
background-color: white ; width:800px; color:black;
font-size:8px ;}
#pie li {list-style:none;width:450px;
text-align:left;float:right }
#pieuno {border-top: black 8px double;
background-color:white;margin:12px ;text-align:right}
p {font-size: 15px ; color: white ; font-family:
hall fetica ;width: 300px ; text-align: justify;
padding-top: 15px; float:center}
a {text-decoration: none ; display: block ; color:orange ;
font-family: shazbot; text-align: center ; }
a link: { }
a visited: { }
a hover: { text-decoration:underline ; background-color: silver }
a active: { }
h1 {font: bond ; text-align: justify
; width: auto ; font-size: 14px ; color: orange ;
padding: 10px 5px 10px 5px }
h2 {width:750px; margin:10px 10px 100px
10px; text-alin: justify ; font-size: 16px bold}
h3 {font-size: 14px ; color: white ;
float:left ; text-align:left ; font-family:
hall fetica ; width:205px ; padding: 0px 5px 0px 5px}
h4 {font-family:hall fetica ;}
h6 {font-size: 15px ; color: white ;
float: center ; text-align:justify ; margin: 5px
5px 20px 5px; font-family: hall fetica ; width:150px ;}
a.button:hover{
border-top:2px solid #333;
border-left:2px solid #333;
border-right:2px solid #999;
color:white}
La pagina se ve super mal en firefox y bien en explorer y digo bien por que cuando cuando la abro en monitores muy grandes se desconfiguran algunas cosas y en algunos equipos me cambia el tipo de letra que estoy utilizando.
Esta es mi pagina:
www.sicasistencia.com
Mil gracias por toda su ayuda.
Aqui pongo los codigos.
PAGINA PRINCIPAL
* {margin: 0px ; padding: 0px ; border: 0px}
body {text-align: center ; background-image:url(objetos/fonndo.png) ;
background-repeat:no-repeat}
#global {width:800px ; margin: 4px auto }
#cabecera {}
#cabecera li{float:right ; list-style:none ;
text-align:right}
#entrada {float: right; font: bond ;
height: 10px ; text-aling:left; padding-bottom:25px}
#entrada li {float:left ; list-style:none
; margin: 0px 4px 0px 5px ; width: auto}
#logotipo{}
#navegacion {font: bold ; font-size:14px ;
font-family:shazbot ; width:650px; float: left }
#navegacion li {float:left ; list-style:none ;
padding: 0px 41px 0px 41px; ; text-aling: center; }
#contenido {text-align:center;padding:20px}
#contenido p {font-family:hall fetica; font-size:
16px; color: white;margin:15px 75px 30px 0px}
#contenidoinicial {text-align:left;padding:20px 0px
25px 0px}
#contenidoinicial p {font-family:hall fetica;
font-size:17px; color: white;margin:15px 25px
20px 0px; text-aling:center }
#contenidotro {padding:45px;float:left ; text-align:justify;}
#contenidotro p {font-family:hall fetica; font-size:
17px; color: white; margin: 22px 0px 15px 0px;
width:450px }
#menu {float:right ;text-align:center; width: auto ; }
#menu li { list-style:none ; }
#navegacionuno {font: bold ; font-size:14px ; font-family:
shazbot ; text-aling: center;float:left ;padding:15px }
#navegacionuno li { list-style:none ;
padding:17px 22px 0px 22px; text-align:left ; }
#navegacionunotro {font: bold ; font-size:14px ;
font-family:shazbot ; text-aling:
center;float:left ; padding:25px}
#navegacionunotro li { list-style:none ;
text-align:left ;padding:0px 25px 120px 0px}
#frase {float:center; text-align:center;padding:
0px 0px 0px 40px}
#pie {font-family: Fatboy Slim BLTC BRK ;
background-color: white ; width:800px; color:black;
font-size:8px}
#pie li {list-style:none;width:450px;
text-align:left;float:right }
#pieuno {border-top: black 8px double;
background-color:white;margin:12px ;text-align:right}
p {text-align:justify ; width: 350px; font-size:8px}
h1 {color:green ; padding:19px ; font-family: shazbot ; font: bond ;
text-align:center;font-size:14px }
a {text-decoration: none ; display: block ; color: orange}
a link: { }
a visited: { }
a hover: { text-decoration:underline ; background-color: silver }
a active: { }
h1 {font: bond ; text-align: justify; font-size: 14px ; color: orange ;
padding: 10px 5px 10px 5px ;}
h2 {width:750px; margin:10px 10px 100px
10px; text-alin: justify ; font-size: 16px bold}
h3 {font-size: 14px ; color: white ;
float:left ; text-align:left ; font-family:
hall fetica ; width:205px ; padding: 0px 5px 0px 5px}
h4 {font-family:hall fetica ; }
--------------------------------------------------------------------------
PAGINA 1
* {margin: 0px ; padding: 0px ; border: 0px}
body {text-align: center ;background-image:url(objetos/fonndo.png)}
#global {width:800px ; margin: 4px auto ; }
#cabecera { }
#cabecera li{float:right ; list-style:none ;
text-align:right}
#entrada { font: bond;
width:800px ;float:left; padding: 0px 0px 35px 0px }
#entrada li { list-style:none ;float:left}
#logo {float: left ; padding: 0px 0px 10px 0px ;
border-right:black 0px double ; width:auto; height:80px}
#logo li {padding: 30px 15px 0px 15px ; list-style:none;
float:left }
#navegacion { float:right ; margin: 70px 80px 5px 0px ; }
#navegacion li { list-style:none ; padding: 0px 20px
0px 20px ;width: auto ; float: right;}
#contenido {width: 650px ; float:right ; border-bottom:
black 0px double ; padding-left:12px }
#contenido li {float:left ; text-align:center ;
padding-bottom: 15px ; }
#servicio {width: 600px ; float:left ; padding:
40px 0px 0px 0px ; text-aling:center}
#servicio li {float:left ;margin: 5px 30px 5px 30px ; }
#serviciobasico {width: 600px ; float:left ; padding:
40px 0px 30px 0px ;text-aling:center; }
#serviciobasico li {float:left ;margin: 0px 10px 5px
50px ; }
#serviciobasico p {font-size: 15px ; color: white ;
float: center ; text-align:justify ; padding: 20px
5px 0px 5px; font-family: hall fetica ; width:auto ;}
#servicioplus {width: 600px ; float:left ; padding:s
40px 0px 30px 0px ;text-aling:center; }
#servicioplus li {float:left ;margin: 5px 10px 5px
50px ; }
#servicioplus p {font-size: 15px ; color: white ;
float: center ; text-align:justify ; padding: 20px
5px 0px 5px; font-family: hall fetica ; width:auto ;}
#planes {;float: right ;width : 200px ;
padding : 0px 0px 100px 0px; text-align:center}
#planes li {list-style:none;
text-align: center ;padding : 20px 0px 40px 0px}
#planesbasico { float: right ;width : 200px ; padding :
0px 0px 350px 0px;}
#planesbasico li {list-style:none; text-align: center ;
padding : 20px 0px 40px 0px}
#planesplus { float: right ;width : 200px ; padding :
0px 0px 350px 0px;}
#planesplus li {list-style:none; text-align: center ;
padding : 20px 0px 40px 0px}
#masser {width: 600px ; float:left;}
#masser li {float:left ;margin: 10px 0px 10px 30px ; list-style:none }
#masservi {width: 600px ; float:left}
#masservi li {float:left ;margin: 10px 0px 10px
30px ; list-style:none}
#massermot {width: 600px ;float: left ;}
#massermot li {float:left ;margin: 10px 0px 10px 30px ; list-style:none}
#pie {font-family: Fatboy Slim BLTC BRK ;
background-color: white ; width:800px; color:black;
font-size:8px}
#pie li {list-style:none;width:450px;
text-align:left;float:right }
#pieuno {border-top: black 8px double;
background-color:white;margin:12px ;text-align:right}
p {font-size: 15px ; color: white ;
float: center ; text-align:justify ; margin: 5px
5px 20px 5px; font-family: hall fetica ; width:128px ;}
a {text-decoration: none ; display: block ; color:orange ;
font-family: shazbot; text-align: center ; }
a link: { }
a visited: { }
a hover: { text-decoration:underline ; background-color: silver }
a active: { }
h1 {font: bond ; font-size: 14px ;
color: orange ;text-align:left}
h2 {width:750px; margin:10px 10px 100px
10px; text-alin: justify ; font-size: 16px bold}
h3 {font-size: 14px ; color: white ;
float:left ; text-align:left ; font-family:
hall fetica ; width:205px ; padding: 0px 5px 0px 5px}
h4 {font-family:hall fetica ;}
h6 {font-size: 15px ; color: white ;
float: center ; text-align:justify ; margin: 5px
5px 20px 5px; font-family: hall fetica ; width:150px ;}
a.button:hover{
border-top:2px solid #333;
border-left:2px solid #333;
border-right:2px solid #999;
border-bottom:2px solid #999;
color:white;}
---------------------------------------------------------------------------
PAGINA 2
* {margin: 0px ; padding: 0px ; border: 0px}
body {text-align: center ; background-image:url(objetos/fonndo.png)}
#global {width:800px ; margin: 4px auto }
#cabecera { }
#cabecera li{float:right ; list-style:none ;
text-align:right}
#entrada { font: bond;width:800px ;float:left;
padding: 0px 0px 35px 0px }
#entrada li { list-style:none ;float:left}
#logo {float: left ; padding: 0px 0px 10px 0px ;
width:auto; height:80px;}
#logo li {padding: 30px 15px 0px 15px ; list-style:none;
float:left }
#navegacion { float:right ; margin: 70px 55px 5px 0px ;
font-size:13px ;font:bond}
#navegacion li { list-style:none ; padding: 0px 20px
0px 20px ;width: auto ; float: right;}
#contenido {width: 600px ; float:right ;
padding-left:18px ; }
#contenido li {float:right ; text-align:center ;
padding-bottom: 15px }
#servicio { padding: 20px 0px 45px 0px ; width:800px;
text-align:center ; float:center; color:orange;
font-family:shazbot; font:bond }
#serviciopoliza { width:800px; float:right ;
text-align: center ; font-size: 10px ; margin: 0px
0px 25px 0px}
#serviciopoliza p {font-size: 17px ; color: white ; font-family:
hall fetica ;width: auto ; text-align: justify;
margin : 15px;}
#serviciopoliza h4 {text-align:justify; font-family: shazbot; color:orange;
margin:40px}
#serviciouno { width:350px; float:right ;
text-align: center ; font-size: 10px; }
#serviciodos {Width:350px; float:left ;
text-align: center ;margin: 0px 0px 30px 0px;
font-size: 10px }
#planes { padding: 20px 0px 45px 0px ; width:800px;
text-align:center ; float:center;color:orange;
font-family:shazbot; }
#planesuno {text-align:center}
#planesuno li {list-style:none ;float:left; padding:
0px 29px 25px 39px }
#pie {font-family: Fatboy Slim BLTC BRK ;
background-color: white ; width:800px; color:black;
font-size:8px ;}
#pie li {list-style:none;width:450px;
text-align:left;float:right }
#pieuno {border-top: black 8px double;
background-color:white;margin:12px ;text-align:right}
p {font-size: 15px ; color: white ; font-family:
hall fetica ;width: 300px ; text-align: justify;
padding-top: 15px; float:center}
a {text-decoration: none ; display: block ; color:orange ;
font-family: shazbot; text-align: center ; }
a link: { }
a visited: { }
a hover: { text-decoration:underline ; background-color: silver }
a active: { }
h1 {font: bond ; text-align: justify
; width: auto ; font-size: 14px ; color: orange ;
padding: 10px 5px 10px 5px }
h2 {width:750px; margin:10px 10px 100px
10px; text-alin: justify ; font-size: 16px bold}
h3 {font-size: 14px ; color: white ;
float:left ; text-align:left ; font-family:
hall fetica ; width:205px ; padding: 0px 5px 0px 5px}
h4 {font-family:hall fetica ;}
h6 {font-size: 15px ; color: white ;
float: center ; text-align:justify ; margin: 5px
5px 20px 5px; font-family: hall fetica ; width:150px ;}
a.button:hover{
border-top:2px solid #333;
border-left:2px solid #333;
border-right:2px solid #999;
color:white}