menu horizontal pliss ayuda por favor, help ,SOS ,socorro

Blaziken4455 · 10 Jul 2009, 21:46 · Solicitar retirada

hola ayuda cuando coloco el menu horizontal y luego agrego un poco de texto, este se pega al menu en vez de colocarse abajo de este.
esta es mi plantilla:
#menu ul {margin: 0; padding: 0;
list-style-type: none; list-style-image: none; }
#menu li {display: inline; }
#menu ul li a {font-family: Arial; font-size: 11px; text-decoration: none; float: left; padding: 10px; color: #fff;
background: #2175bc; }

#menu ul li a:hover {background-color: #2586d7;
margin-top:-2px;
padding-bottom:12px;
#menu{margin: 0px; }
Y esta mi plantilla(experimental):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>gfe</title>
<link rel="stylesheet" href="kaka.css" type="text/css" media="all">
</head>
<body>
<div id="menu">
<ul>

<a"]Videos locos

<a href=”#”>Juegos locos

<a href=”#”>Anecdotas de autor

<a"]comunicate</div>

hola</p>

</body>
</html>
Desde ya ,gracias.

peugeot · 11 Jul 2009, 18:17 · Solicitar retirada

Hola,

eso sucede porque el texto:

hola</p>

no está dentro de ninguna capa, sino el el aire. Crea una capa o div para el texto, ejemplo:

<div id="texto">

hola</p>
</div>

Así de fácil compañero, saludos, :wink:

Blaziken4455 · 12 Jul 2009, 22:25 · Solicitar retirada

peugeot escribió:Hola,

eso sucede porque el texto:

hola</p>

no está dentro de ninguna capa, sino el el aire. Crea una capa o div para el texto, ejemplo:

<div id="texto">

hola</p>
</div>

Así de fácil compañero, saludos, :wink:

GRACIAS POR TU CPNSEJO PERO PRUEVO PONER
<div id=''texto>

hola</p>
</div>
pero el texto se me sigue pegando, fijate si necesito agregar algo a mi index o a mi plantilla.

aqui te las dejo: plantilla:

#menu ul {margin: 0; padding: 0;
list-style-type: none; list-style-image: none; }
#menu li {display: inline; }
#menu ul li a {font-family: Arial; font-size: 11px; text-decoration: none; float: left; padding: 10px; color: #fff;
background: #2175bc; }

#menu ul li a:hover {background-color: #2586d7;
margin-top:-2px;
padding-bottom:12px;
#menu{margin: 0px; }

index.htlm:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>gfe</title>
<link rel="stylesheet" href="kaka.css" type="text/css" media="all">
</head>
<body>
<div id="menu">
<ul>

<a"]Videos locos

<a href=”#”>Juegos locos

<a href=”#”>Anecdotas de autor

<a"]comunicate</div>
<div id="texto">

hola</p>
</div>

</body>
</html>

Blaziken4455 · 12 Jul 2009, 22:25 · Solicitar retirada

ayuda por favor es urgente

CanalRojiblanco · 12 Jul 2009, 23:52 · Solicitar retirada

Definiste texto? Y luego mete el menu dentro de texto. Deberías de llamarlo de otra manera, como contenido

peugeot · 13 Jul 2009, 00:53 · Solicitar retirada

simple compañero, ahora tienes que darle las características que quieras a la capa texto (ojo, el nombre no importa) en tu hoja de estilos. cualquier cosa, por aquí andamos de paseo. saludos, :wink:

Blaziken4455 · 14 Jul 2009, 17:21 · Solicitar retirada

peugeot escribió:simple compañero, ahora tienes que darle las características que quieras a la capa texto (ojo, el nombre no importa) en tu hoja de estilos. cualquier cosa, por aquí andamos de paseo. saludos, :wink:

Por favor no quisiera ser molesto pero aun soy un novato con esto y no se que estilo darle por favor me pueden dar las indicaciones o mostrarme como debería quedarme la hoja de estilos.

Blaziken4455 · 14 Jul 2009, 17:21 · Solicitar retirada

CanalRojiblanco escribió:Definiste texto? Y luego mete el menu dentro de texto. Deberías de llamarlo de otra manera, como contenido

Por favor no quisiera ser molesto pero aun soy un novato con esto y no se que estilo darle por favor me pueden dar las indicaciones o mostrarme como debería quedarme la hoja de estilos.

JorGens · 15 Jul 2009, 19:19 · Solicitar retirada

Amos allá Blazi.

Index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>gfe</title>
<link rel="stylesheet" href="kaka.css" type="text/css" media="all">
</head>
<body>
<div id="menu">
<ul>

<a"]Videos locos
<a href=”#”>Juegos locos
<a href=”#”>Anecdotas de autor
<a"]comunicate

</div>
<div id="contenido">

hola.</p>
</div>
</body>
</html>

kaka.css

#menu ul {margin: 0; padding: 0;list-style-type: none; list-style-image: none; }
#menu li {display: inline; }
#menu ul li a {font-family: Arial; font-size: 11px; text-decoration: none; float: left; padding: 10px; color: #fff;
background: #2175bc; }
#menu ul li a:hover {background-color: #2586d7; margin-top:-2px; padding-bottom:12px; }
#menu{ margin: 0px;}
#contenido {background-color:yellow ; padding-top:10px; clear:both;}
#contenido p { color:red}

Tu hoja de estilo es una mierda... no es que sea horrible, es que la has llamado kaka, no es por otra cosa, ja ja ja.

Qué he hecho? Colocarte un corchete de cierre ue te faltaba en la linea del estilo #menu ul li a:hover

Encerrar el contenido en una capa con ese nombre.

Darle propiedades a esa capa, por ejemplo, color rojo, margen superior y la propiedad clear:both que hace que no permita que haya ninguna otra cosa a ninguno de los lados de esa capa. Es por eso que ya no aparece justo a la derecha del menú.

Hey, muy guapo el menú horizontal que has hecho. Sencillo, pero muy guapo, de veras.

Un abrazo!

Blaziken4455 · 15 Jul 2009, 20:57 · Solicitar retirada

jorgens escribió:Amos allá Blazi.

Index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>gfe</title>
<link rel="stylesheet" href="kaka.css" type="text/css" media="all">
</head>
<body>
<div id="menu">
<ul>

<a"]Videos locos
<a href=”#”>Juegos locos
<a href=”#”>Anecdotas de autor
<a"]comunicate

</div>
<div id="contenido">

hola.</p>
</div>
</body>
</html>

kaka.css
#menu ul {margin: 0; padding: 0;list-style-type: none; list-style-image: none; }
#menu li {display: inline; }
#menu ul li a {font-family: Arial; font-size: 11px; text-decoration: none; float: left; padding: 10px; color: #fff;
background: #2175bc; }
#menu ul li a:hover {background-color: #2586d7; margin-top:-2px; padding-bottom:12px; }
#menu{ margin: 0px;}
#contenido {background-color:yellow ; padding-top:10px; clear:both;}
#contenido p { color:red}

Tu hoja de estilo es una mierda... no es que sea horrible, es que la has llamado kaka, no es por otra cosa, ja ja ja.

Qué he hecho? Colocarte un corchete de cierre ue te faltaba en la linea del estilo #menu ul li a:hover

Encerrar el contenido en una capa con ese nombre.

Darle propiedades a esa capa, por ejemplo, color rojo, margen superior y la propiedad clear:both que hace que no permita que haya ninguna otra cosa a ninguno de los lados de esa capa. Es por eso que ya no aparece justo a la derecha del menú.

Hey, muy guapo el menú horizontal que has hecho. Sencillo, pero muy guapo, de veras.

Un abrazo!

Gracias.

Blaziken4455 · 15 Jul 2009, 20:59 · Solicitar retirada

Gracias por lo del menu , pero lo saqué de http://www.cssblog.es/disenando-un-bonito-menu-vertical-con-css/.
Gracias

JorGens · 16 Jul 2009, 16:51 · Solicitar retirada

Igualmente te está quedando muy bien, je je je

Kangui3 · 3 Sep 2009, 12:15 · Solicitar retirada

Pues a mi e seguido todos los cursillos paso a paso, incluso de cctw y de esa del menu vertical y no me ha salido ninguno. Si me pudierais explicar de una manera facil como hacer el menu vertical y el horizontal de esa web.
Agrairia que me lo explicasen.

Yaneth · 3 Sep 2009, 17:48 · Solicitar retirada

kangui

para poder ayudarte
debes mostrarnos todos tus codigos

saludos