Entrar

Mi página no se ve bien en internet pero si en HTML-kit

jmanuel · · Solicitar retirada
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: [contenido no disponible]

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">[contenido no disponible]</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

    </div>

    <div id="contenido">




    <h1>Soyez les bienvenus à Torrevieja et passez des heureuses vacances</h1>


    [contenido no disponible]


    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

    </div>

    <div id="piedos">
    <ul>
  • <center> Páginas creadas gracias a CCTW</center>


    </div>
    <div id="pietres">
    <ul>

  • OtrosSites

    </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}
    • jmanuel · · Solicitar retirada
    Hola Yaneth,

    He leído hoy las reglas del Foro y creo que utilicé una de las expresiones prohibidas en mi anterior mensaje y por eso no tuve contestación.
    Pido disculpas y te mando parte de mi anterior mensaje.

    Te mando la url :

    http://appartorreviejaalicante.atwebpages.com/

    También me gustaría poner en mi pie de página centrado el logo de CCTW con el enlace, pero quisiera hacerlo un poco más pequeño. Me podéis dar autorización? En la página “Intérior” y en algunas otras donde tengo tablas con fotos horizontales y verticales, el ancho del enlace ocupa toda la celda y la foto solo una parte. Cuando pincho en la foto el fondo del enlace aparece por los lados. Como se resuelve? El problema está en las fotos que son verticales:

    <td><A HREF="interior4.html"><center>[contenido no disponible]</center></td>

    Es posible que no se vean algunas fotos pero no es problema. Acabo de ver como se hacen las marcas de agua y las estoy poniendo. Tengo que quitar todas las fotos y volverlas a poner

    Gracias por todo y un saludo
    jmanuel

    Te mando la página "interior.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">[contenido no disponible]</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

    </div>

    <div id="contenido">

    <div id="menu">
    <h1>Photos</h1>
    <ul>
  • Intérieur
  • Extérieur
  • Plages
  • Commerces
    </div>



    <h1>Photos de l´intérieur de l´appartement</h1>


    </p>
    <table border="" cellspacing="5px"cellpadding="3px">
    <tr><TH>Avenida Habaneras</TH><TH>Immeuble Jules Verne</TH><TH>Salon</TH><TH>Salon</TH></tr>
    <tr><td><A HREF="interior1.html">[contenido no disponible]</td><td><A HREF="interior1.html">[contenido no disponible]</td><td><A HREF="interior1.html">[contenido no disponible]</td><td><A HREF="interior1.html">[contenido no disponible]</td></tr>
    <tr><TH>Chambre lit 135cm</TH> <TH>Terrasse</TH> <TH>Couloir</TH><TH>Salon</TH></tr>
    <tr><td><A HREF="interior2.html">[contenido no disponible]</td><td><A HREF="interior2.html">[contenido no disponible]</td><td><A HREF="interior2.html">[contenido no disponible]</td><td><A HREF="interior2.html">[contenido no disponible]</td></tr>
    <tr><TH>Chambre 2 lits 90cm</TH> <TH>Chambre 1 lit 90cm</TH> <TH>Cuisine</TH><TH>Salle de bain</TH> </tr>
    <tr><td><A HREF="interior3.html"><center>[contenido no disponible]</center></td><td><A HREF="interior3.html"><center>[contenido no disponible]</center></td><td><A HREF="interior3.html"><center>[contenido no disponible]</center></td><td><A HREF="interior3.html"><center>[contenido no disponible]</center></td></tr>
    <tr><TH>Chambre lit 135cm</TH><TH>Cabinet de toilette</TH><TH>Cabinet de toilette</TH><TH>Salle d´eau</TH></tr>
    <tr><td><A HREF="interior4.html"><center>[contenido no disponible]</center></td><td><A HREF="interior4.html"><center>[contenido no disponible]</center></td><td><A HREF="interior4.html"><center>[contenido no disponible]</center></td><td><A HREF="interior4.html"><center>[contenido no disponible]</center></td></tr>
    </table>
    </div>

    <div id="pie">
    <div id="pieuno">
    <ul>


    </div>

    <div id="piedos">
    <ul>


    </div>
    <div id="pietres">
    <ul>


    </div>
    </div>

    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>
    • Yaneth · · Solicitar retirada
    hola

    a veces nos tardamos en responder, pero la mayoria es por falta de tiempo

    tambien debes incluir toda la informacion posible
    asi será mucho mas rapido para nosotros

    bien

    tu página yo la veo en opera i en ie bien, pero realmente no se lo que tu ves mal

    deberias ser´ más especifico, incluso nos ayuda que nos muestres capturas de pantalla de como lo ves en los difernetes navegadores, y señalarnos que no debe estar ahi

    muchas de las veces, lo que yo veo bien, tu lo vez mal jejej
    asi que trata de ser muuuuuy especifico,

    ok, ahora lo que yo veo

    en el index, la curva superior la veo "mocha") es decir le falta un pedazo
    esto se debe a que en la hoja de estilos pusiste esto:

    #curva-superior {background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat;width:800px ;
    height: 12px; overflow : hidden}

    pero realmente la imagen mide 950px de ancho, entonces por eso no se ve completa, aqui lo que puedes hacer es:
    o modificas la imágen, o bien la insertas directo en html
    cualquiera de las dos opciones te funciona
    eso mismo tambien para la curva inferior

    lo del pié de página, puedes poner lo que desees, incluso si deseas modificar el logo, no le veo ningun problema

    del color de fondo, en las fotografias....para que poner un color de fondo que no deseas que se vea??????
    :roll:

    yo lo que haría es quitarselo


    mira esto de los enlaces debes tener algo claro, las caracteristicas que tu pongas aqui

    a {color: black ; text-decoration: none ; display: block}
    a:link {}
    a:visited {}
    a:hover {color: blue ; text-decoration: underline ; background-color: silver}
    a:active {}

    es para tooodos los enlaces que tenga tu web, a menos que desees algo diferente, como lo hiciste aqui

    #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}

    que hago yo....

    creo mi grupo de a, con las caracterisiticas básicas, sin color de fondo, sin subrayado, etc etc

    luego si deseo algun efecto especial para algun div, pues lo hago como lo hiciste con el pie,

    y si deseo un enlace en especifico sin importar la capa en la que se encuentre lo hago asi


    a.algo {color: black ; text-decoration: none ; display: block}
    a.algo:link {}
    a.algo:visited {}
    a.algo:hover {color: blue ; text-decoration: underline ; background-color: silver}
    a.algo:active {}

    <a class="algo" href"#">xxxxx</a>

    me explico??????

    mira si respondi a todas las dudas, si me qedó algo pendiente me avisas
    (es otra de las normas del foro, un mensaje por pregunta)

    saludos
    jmanuel · · Solicitar retirada
    Muchas gracias por todo.

    Compruebo todos los puntos que me has indicado.
    un saludo
    jmanuel