Foros del Web » Creando para Internet » CSS »

Menus Css Corta El Texto

Estas en el tema de Menus Css Corta El Texto en el foro de CSS en Foros del Web. Hola estoy utilizando estos CSS gratuitos que encontre ; <style type="text/css"> html,body{margin:0;padding:0} body{background: #FFF; font: 70% Arial,sans-serif} div#menu{float:left;width: 100%;padding-top:0px;background: #BBD9EE} ul#nav,ul#nav li{list-style-type: none; width: 10%;margin:0;padding:0} ...
  #1 (permalink)  
Antiguo 03/11/2006, 07:45
 
Fecha de Ingreso: agosto-2006
Mensajes: 78
Antigüedad: 11 años, 3 meses
Puntos: 0
Menus Css Corta El Texto

Hola estoy utilizando estos CSS gratuitos que encontre ;

<style type="text/css">
html,body{margin:0;padding:0}
body{background: #FFF;
font: 70% Arial,sans-serif}
div#menu{float:left;width: 100%;padding-top:0px;background: #BBD9EE}
ul#nav,ul#nav li{list-style-type: none; width: 10%;margin:0;padding:0}
ul#nav{margin-left: 100px;width:650px}
ul#nav li{float:left;margin-right: 5px;text-align: center}
ul#nav a{float:left;width: 7em;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666}
ul#nav a:hover{background: #FFA826;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}
</style>
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">


<script language='javascript' src='http://127.0.0.1:1031/js.cgi?pa&r=29361'></script>

<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("ul#nav a","small transparent top");
}
</script>
</head>
<body>
<div id="menu">
<img src="/menus/bootn.jpg" width="1004" height="78" align="top">
<ul id="nav">
<li id="home" class="activelink"><a href="#">Home </a></li>

<li id="who"><a href="?go=news">Promociona todos los archivos</a></li>
<li id="prod"><a href="?go=headlines">Titulares</a></li>
<li id="serv"><a href="?go=archives">Archivos</a></li>
<li id="cont"><a href="?go=search">Buscar</a></li>
<li id="cont"><a href="?go=search">Buscar</a></li>
</ul>
</div>
</body>
</html>

He estado trasteandolo pues el problema lo tengo que que cuando me representa los botones del menu es decir

Boton1 Promociona todos los archivos

Este boton en vez de ponerlo en una sola linea lo corta si pasa de 12 caracteres y pone el resto debajo, lo que estoy intentando es que no lo corte es decir que si el texto del boton es largo, lo admita.

GRacias por vuestra ayuda!
  #2 (permalink)  
Antiguo 03/11/2006, 16:02
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Están todos los li limitados a un ancho del 10%
ul#nav,ul#nav li{list-style-type: none; width: 10%;margin:0;padding:0}

Tal vez puedas poner
#who {width: 20%}

Editado: Perame, no funciona, el codigo está un tanto revuelto.

Editado: Pon:
ul#nav #who a {width: 200px}

Lo que se me hace raro es la especifidad de who es mayor a nav, y no funciónó solo
#who a {width: 200px}

Última edición por Rafael; 03/11/2006 a las 16:29
  #3 (permalink)  
Antiguo 05/11/2006, 18:29
 
Fecha de Ingreso: agosto-2006
Mensajes: 78
Antigüedad: 11 años, 3 meses
Puntos: 0
Cita:
Iniciado por Rafael Ver Mensaje
Están todos los li limitados a un ancho del 10%
ul#nav,ul#nav li{list-style-type: none; width: 10%;margin:0;padding:0}

Tal vez puedas poner
#who {width: 20%}

Editado: Perame, no funciona, el codigo está un tanto revuelto.

Editado: Pon:
ul#nav #who a {width: 200px}

Lo que se me hace raro es la especifidad de who es mayor a nav, y no funciónó solo
#who a {width: 200px}
Hola!

Le puesto lo que me has indicado es decir ;

ul#nav #who a {width: 200px}

Y si ahora ya me deja poner el texto largo sin que lo corte, estos CSS los pille gratis creo que de algun post anterior del foro, gracias por tu ayuda!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:09.