hola,primero dar las gracias por esta peazo de pagina, soy un novato total en esto y tengo una pequeña empresa de antenas y esas cosas, quiero hacer una pagina web y estoy aqui leyendo y he sido capaz de hacer esto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Telecomunicaciones Luna</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">TELECOMUNICACIONES LUNA</div>
<div id="menu">Menu</div>
<ul>
<a href=#">Marcas</a>
<a href=#">TDT</a>
<a href=#">Satelite</a>
<a href=#">Porteros Automáticos</a>
<a href=#">Decodificadores</a>
<a href=#">Mantenimiento</a>
<a href=#">Presupuesto</a>
<a href=#">Ofertas</a>
</div>
</body>
</html>
sin embargo no consigo quitar los puntos del menu lateral, gracias
estilo - general.css:
body {text-align: center}
#cabecera {background-color: red }
#global {width:800px ; margin: 4px auto }
#contenido {background-color: orange ; width: 800px ; float:left}
#Menu {background-color: yellow; width: 150px ; float:left }
#menu li { ...propiedades..... }
#menu li { list-style:none }
Hola, en primer lugar decirte que no tienes la capa (div) contenido en la hoja llamada plantilla.. tu tienes:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Telecomunicaciones Luna</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">TELECOMUNICACIONES LUNA</div>
<div id="menu">Menu</div>
<ul>
<a href=#">Marcas</a>
<a href=#">TDT</a>
<a href=#">Satelite</a>
<a href=#">Porteros Automáticos</a>
<a href=#">Decodificadores</a>
<a href=#">Mantenimiento</a>
<a href=#">Presupuesto</a>
<a href=#">Ofertas</a>
</div>
</body>
</html>
Si te fijas no tienes esa capa y sin ella ya me dirás tu donde metes el texto que quieras mostrar..., deberia ser así:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Telecomunicaciones Luna</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">TELECOMUNICACIONES LUNA</div>
<div id="contenido">
<div id="menu">Menu</div>
<ul>
<a href=#">Marcas</a>
<a href=#">TDT</a>
<a href=#">Satelite</a>
<a href=#">Porteros Automáticos</a>
<a href=#">Decodificadores</a>
<a href=#">Mantenimiento</a>
<a href=#">Presupuesto</a>
<a href=#">Ofertas</a>
</div>
</div>
</body>
</html>
te lo he puesto en verde, tambien comentarte que la capa menu la tienes mal cerrada, tu tienes...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Telecomunicaciones Luna</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">TELECOMUNICACIONES LUNA</div>
<div id="menu">Menu</div>
<ul>
<a href=#">Marcas</a>
<a href=#">TDT</a>
<a href=#">Satelite</a>
<a href=#">Porteros Automáticos</a>
<a href=#">Decodificadores</a>
<a href=#">Mantenimiento</a>
<a href=#">Presupuesto</a>
<a href=#">Ofertas</a>
</div>
en rojo te he marcado lo que has de quitar.
Ya de paso te recomendaria que pongas texto en la capa contenido para que no se te deforme todo debido al menu que estas poniendo que te ocupará mucho y además deberias ponerlo todo seguido para que no tengas una separación entre los diferentes enlaces que componen el mismo, seria algo así:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Telecomunicaciones Luna</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">TELECOMUNICACIONES LUNA</div>
<div id="contenido">
<div id="menu">Menu
<ul><a href=#">Marcas</a><a href=#">TDT</a><a href=#">Satelite</a><a href=#">Porteros Automáticos</a><a href=#">Decodificadores</a><a href=#">Mantenimiento</a><a href=#">Presupuesto</a><a href=#">Ofertas</a>
</div>
<h1>Aqui el titulo de lo que vas a describir debajo</h1>
A partir de aquí puedes poner el texto que quieras.</p>
Puedes poner lo que desees.</p>
Recuerda poner todo lo que necesites para explicar de que trata tu web o comercio.</p>
Si quieres poner un hueco entre lineas puedes hacerlo como te muestro.</p>
</p>
Eso de arriba es un codigo para que nos abra un hueco entre la linea anterior y esta.</p>
Espero que te sirva de ayuda.</p>
</div>
</div>
</body>
</html>
Eso en cuanto a la plantilla.html , en cuanto a la hoja de estilos...
tu tienes:
body {text-align: center}
#cabecera {background-color: red }
#global {width:800px ; margin: 4px auto }
#contenido {background-color: orange ; width: 800px ; float:left}
#Menu {background-color: yellow; width: 150px ; float:left }
#menu li { ...propiedades..... }
#menu li { list-style:none }
Para empezar decir que la capa menu la tienes con M mayuscula y ha de ser minuscula, te la marqué en rojo.
Deberia estar así:
* {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 }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#menu {background-color: orange ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px ;background-position: bottom ;padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
Seguramente me abré dejado algo, como consejo te recomiendo que vuelvas a empezar el curso y que vayas poco a poco, un saludo.
gracias, ya he solucionado eso volviendo a empezar desde el principio, ahora estoy con lo del hosting, se me queda " loading" y no me pone lo de index
Hola
confirma que tus datos son correctos
o bien muestranos como lo estás haciendo
saludos
Madrid :: 24/06/08 16:14:34
esto es lo que tengo y es loque pongo en añadir servidor ftp:
Estimado cliente:
Mediante este correo le informo de los datos de acceso del producto adquirido: HOSTING PRESENCIA
Panel de Control del Hosting (cPanel):
URL:
http://telecomunicacionesluna.com/cpanelURL provisional:
http://ns47.dnsenred.net/cpanelUsuario: telecomu
Contraseña: xxxxxxxxxx
Acceso FTP al Hosting:
Servidor FTP: telecomunicacionesluna.com
Servidor FTP provisional: ns47.dnsenred.net
Usuario: telecomu
Contraseña: xxxxxxx
Hola, para relacionar el Html-kit con tu hosting los datos han de ser así:
[contenido no disponible]
Un saludo.