[eside-ghost] [OT] Duda CSS
Lady Pain
ladymm en gmail.com
Jue Dic 8 15:48:24 CET 2005
Aupii!!
Es un poco off-topic, pero lo mando tb al ghost porque seguro que hay
alguien que controla y a quien le apetece entretenerse 5 minutos con un
CSS y de paso ayudarme haciendo un Dump de sus conocimientos ^_^ Decidme
que sí.... =D
La verdad es que parece una tontería, pero no acaba de salirme. Resumen:
Estoy preparando mi nuevo tema para el blog, pues me paso a wordpress.
Debajo del título, del header, tiene un menú con pestañitas [1], y lo
único que quiero es que la pestañita activa se diferencie de las otras
con otro color, pero no hay forma. El CSS de las pestañas (que funciona
bien) es este, por si ayudara a aclarar ideas:
/*Espacio Pestañas*/
#navcontainer {margin: 0; padding-top: 0; height: 20px; }
/*Tira de las pestañas*/
#navcontainer ul {margin: 0; padding: 0; list-style-type: none;
text-align: center; }
/*Pestaña*/
#navcontainer ul li {display: block; float: left; text-align: center;
padding: 0; margin: 0;}
/*Texto de cada pestaña del menú*/
#navcontainer ul li a {
background-image: url('images/navbarbg.gif');
width: 78px; height: 22px;
padding-top: 0; margin: 0 0 0px 0;
color: #f784ca; text-decoration: none;
display: block; text-align: center;
font: normal 11px/22px Verdana, Helvetica, sans-serif;
}
#navcontainer ul li a:hover { color: #f784ca; font-weight:bold; }
/==============================================================/
Y aquí viene el problema:
#navcontainer li#active a { color: #f5dbaf; }
No hay forma... no va. Después de mirar muchos ejemplos diferentes, de
alguna forma he conseguido que se viera justo cuando el link estaba
pinchado, pero no permanecía mientras estaba en esa sección. Y en otros
he visto utilizar el #current, pero tampoco he conseguido nada.
Posiblemente sea por mi desconocimiento... Una ayudita?? Porfi 0:)
PD: Que conste que no me gusta enseñarlo antes de acabarlo, ni tampoco
promocionarme, pero si sirve de algo... ^_^ Es que ya me estoy
desesperando, y no quiero tampoco rendirme y dejarlo así =S
Muxus... y gracias ^_^
[1] Mi Blog: http://alucardx.net/~ladypain/wordpress/
[2] El CSS:
http://alucardx.net/~ladypain/wordpress/wp-content/themes/lady/style.css
[3] Tema en el que me he basado: Fading Flowers en
http://themes.wordpress.net/?view_type=filmstrip&item_type=2+column&page_number=59&count_per_page=32&previous_view_type=slideshow&previous_count_per_page=32
--
-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
Geek: Marta Manso
URI: http://ladypain.is.dreaming.org/
----
GCS/E/L d-(---) s+:+ a-- C++ UL P? L+>+++ E->++ W++>+++ N o? K->++ w(---)
O- M V? PS PE Y+ PGP? t- 5? X++(+++) R+ !tv b++ DI+ D+ G++ e h! r++ x+
------END GEEK CODE BLOCK------
Más información sobre la lista de distribución eside-ghost