Hola,
No he tenido respuesta a mi anterior mensaje y como acabo de leer las normas del foro, es posible que sea por incumplir alguna. Si es así pido disculpas.
He realizado todo el curso de CCTW y después he creado mi propia página siguiendo el modelo, con un subdominio en Razihosting. Cuando abro el HTML-kit se ve todo perfecto y cuando pincho en la carpeta index.html de mi escritorio también se ve perfecta.
Cuando pincho el enlace en Mozilla, Opera, explorer 8, la página se ve deformada por el lado derecho. tiene que ser algo de los márgenes o de los px del ancho de página o de las fotos pero no lo localizo.
O mando foto de mi carpeta azul y index.html y estilo-general.css por si me podéis ayudar. Quiero comentar que soy bastante novato en todo esto de informática e internet y me está costando horas y horas lo que he conseguido hasta ahora
Gracias y un saludo a todos.
Jmanuel
Foto:
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Portada</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[img]objetos/logo-gaviota.jpg[/img]</div>
<div id="publicidad">Location appartement Torrevieja, Costa blanca, Alicante, Espagne </div>
</div>
<div id="navegacion">
<ul>[*]Accueil[*]Appartement[*]Activités[*]Alentours[*]Autres Photos[*]Contacter [/list]</div>
<div id="contenido">
<h1>Soyez les bienvenus à Torrevieja et passez des heureuses vacances</h1>
[img]objetos/paseomarinero.jpg[/img]
Torrevieja est une ville de la province d´ Alicante dans la Communauté Valencienne, Espagne. Elle est située au sud de la province, dans la région de la Vega Baja del Segura. Elle se trouve dans un parage d´une haute valeur paysagistique et écologique dans la côte Méditerranée et près des lacunes de sel de La Mata et Torrevieja. Grâce aux lacunes de sel c´est beaucoup moins humide que les autres villes de la côte. L´appartement se trouve à 300 mètres des plages "del Cura" et " de los Locos" </p>
</div>
<div id="pie">
<div id="pieuno">
<ul>[*]Foro Ejemplo[/list]</div>
<div id="piedos">
<ul>[*] <center> Páginas creadas gracias a CCTW</center>
[/list] </div>
<div id="pietres">
<ul>
[*]OtrosSites[/list] </div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
estilo-general.css
* {text-indent:0px; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
#global {width:800px ; margin: 4px auto}
#curva-superior {background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat;width:800px ;
height: 12px; overflow : hidden}
#cabecera {background-color: white ; border-left: black 1px solid ;border-right: black 1px solid ; height:85px}
#logotipo {margin:0px 0px 0px 6px;width:150px; float:left}
#publicidad {width:642px ; float:right ; margin-top:5px;font-size: 30px}
#navegacion {background-color: #FFE4E1;border: black 1px solid;height:22px}
#navegacion li {float:left;list-style:none;font-size: 18px;margin: 0px 20px 0px 20px}
#navegacion ul { margin-left:40px }
#contenido {background-color: #FF7F50 ;border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {margin: 5px 10px 0px 10px; text-indent: 15px}
#menu {width: 100px ; float:left ; text-align:left;margin:3px 10px 3px 3px; background-image: url(objetos/menu-parte-inferior.gif);background-position: bottom;padding-bottom:5px}
#menu li {list-style:none; margin: 4px 4px 4px 8px}
#menu h1 {text-decoration:none ;font-size: 20px;padding-top:0px;background-image: url(objetos/menu-parte-superior.gif)}
#pie {background-color: white;border-left: black 1px solid;border-right: black 1px solid; border-top: black 1px solid;height:40px}
#pie li {list-style:none;font-size: 14px}
#pieuno { float:left; width:150px}
#piedos {float:left; width:498px}
#pietres {float:left; width:150px}
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat;width:800px ;
height:12px; overflow : hidden}
a {color: black ; text-decoration: none ; display: block}
a:link {}
a:visited {}
a:hover {color: blue ; text-decoration: underline ; background-color: silver}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
.enlacemenu {color: red ;background-color: #FFFF00}
Citar
Marcadores