+ Responder Tema
Resultados 1 al 5 de 5

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

  1. #1
    Me va gustando esto... Habitante jmanuel Está en el buen camino
    Fecha de Ingreso
    30 dic, 10
    Ubicación
    Madrid
    Mensajes
    108
    Poder de Reputación
    3

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

    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}

  2. #2
    Moderador CCTW Habitante Yaneth will become famous soon enough Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,461
    Poder de Reputación
    60
    Hola

    cual es tu url??? para ver tu pagina?

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  3. #3
    Me va gustando esto... Habitante jmanuel Está en el buen camino
    Fecha de Ingreso
    30 dic, 10
    Ubicación
    Madrid
    Mensajes
    108
    Poder de Reputación
    3

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

    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>[img]objetos/salleeau.jpg[/img]</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">[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">

    <div id="menu">
    <h1>Photos</h1>
    <ul>[*]Intérieur[*]Extérieur[*]Plages[*]Commerces[/list]</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">[img]objetos/habaneras.jpg[/img]</td><td><A HREF="interior1.html">[img]objetos/immeuble.jpg[/img]</td><td><A HREF="interior1.html">[img]objetos/salondor.jpg[/img]</td><td><A HREF="interior1.html">[img]objetos/salonsof1.jpg[/img]</td></tr>
    <tr><TH>Chambre lit 135cm</TH> <TH>Terrasse</TH> <TH>Couloir</TH><TH>Salon</TH></tr>
    <tr><td><A HREF="interior2.html">[img]objetos/lit135.jpg[/img]</td><td><A HREF="interior2.html">[img]objetos/terrasse.jpg[/img]</td><td><A HREF="interior2.html">[img]objetos/couloirap.jpg[/img]</td><td><A HREF="interior2.html">[img]objetos/salontable.jpg[/img]</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>[img]objetos/lit290.jpg[/img]</center></td><td><A HREF="interior3.html"><center>[img]objetos/lit190.jpg[/img]</center></td><td><A HREF="interior3.html"><center>[img]objetos/cuisine.jpg[/img]</center></td><td><A HREF="interior3.html"><center>[img]objetos/sallebain.jpg[/img]</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>[img]objetos/lit1351.jpg[/img]</center></td><td><A HREF="interior4.html"><center>[img]objetos/douche.jpg[/img]</center></td><td><A HREF="interior4.html"><center>[img]objetos/douche1.jpg[/img]</center></td><td><A HREF="interior4.html"><center>[img]objetos/salleeau.jpg[/img]</center></td></tr>
    </table>
    </div>

    <div id="pie">
    <div id="pieuno">
    <ul>
    [/list]</div>

    <div id="piedos">
    <ul>
    [/list] </div>
    <div id="pietres">
    <ul>
    [/list] </div>
    </div>

    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

  4. #4
    Moderador CCTW Habitante Yaneth will become famous soon enough Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,461
    Poder de Reputación
    60
    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??????


    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
    ______________________________________

    reparacion de rines


    _____________________________________

  5. #5
    Me va gustando esto... Habitante jmanuel Está en el buen camino
    Fecha de Ingreso
    30 dic, 10
    Ubicación
    Madrid
    Mensajes
    108
    Poder de Reputación
    3

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

    Muchas gracias por todo.

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

+ Responder Tema

Temas Similares

  1. veo la web en internet bien, pero no en el HTML-kit.
    Por paxarin en el foro Foro General
    Respuestas: 2
    Último Mensaje: 03/11/2009, 20:11
  2. Se ve bien en Internet pero en Html no
    Por Patricio N en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 1
    Último Mensaje: 21/09/2009, 19:53

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes