Foros del Web » Creando para Internet » CSS »

Incompatibles CSS

Estas en el tema de Incompatibles CSS en el foro de CSS en Foros del Web. Hola Foristas, tengo la barra de navagación con un código y una Tabs con otro y se me hacen incompatibles. El del Tabs hace que ...
  #1 (permalink)  
Antiguo 14/03/2008, 15:44
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 12 años, 3 meses
Puntos: 3
Incompatibles CSS

Hola Foristas, tengo la barra de navagación con un código y una Tabs con otro y se me hacen incompatibles. El del Tabs hace que falle la barra. Ambos son de CSS PLAY.
Me darían una ayudita a ver si puedo hacerlos compartible para colocarlos en mi página a ambos.

CSS DE LA BARRA
Cita:
/* ================================================== ==============
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
================================================== ================= */

.nav {
height:35px;
background: url(../gif2/pro_line_0.gif) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
width:1000px;
z-index: 80;
}

.nav .table {
display:table;
margin:0;
float:left;
}

.nav .select,
.nav .current {
margin:0;
padding:0;
list-style:none;
display:table-cell;
white-space:nowrap;
}

.nav li {
margin:0;
padding:0;
height:auto;
float:left;
position:left;
}

.nav .select a {
display:block;
height:35px;
float:left;
background: url(../gif2/pro_line_0.gif);
padding:0 30px 0 30px;
text-decoration:none;
line-height:35px;
white-space:nowrap;
color:#ddd;
}

.nav .current a {
display:block;
height:35px;
float:left;
background: url(../gif2/pro_line_2.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:35px;
white-space:nowrap;
color:#fff;
}

.nav .current a b {
display:block;
padding:0 30px 0 15px;
background:url(../gif2/pro_line_2.gif) right top;
}

.nav .select a:hover,
.nav .select li:hover a {
background: url(../gif2/pro_line_1.gif);
padding:0 0 0 15px;
cursor:pointer;
color:#fff;
}

.nav .select a:hover b,
.nav .select li:hover a b {
display:block;
float:left;
padding:0 30px 0 15px;
background:url(../gif2/pro_line_1.gif)right top;
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse;
margin:-1px;
font-size:1em;
width:0;
height:0;
}

.nav .sub {
display:table;
margin:0 auto;
padding:0;
list-style:none;
}

.nav .sub_active .current_sub a,
.nav .sub_active a:hover {
background:transparent;
color:#f00;
}

.nav .select :hover .select_sub,
.nav .current .show {
display:block;
position:absolute;
width:1000px;
top:35px;
background:url(../gif2/back_0.gif);
padding:0;
z-index:100;
left:0;
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a,
.nav .current .show .sub li a {
display:block;
float:left;
background:transparent;
padding:0 10px 0 10px;
margin:0;
white-space:nowrap;
border:0;
color:#444;
}

.nav .current .sub li.sub_show a {
color:#088;
cursor:default;
background:url(../gif2/back_1.gif);
}

.nav .select :hover .sub li a:hover,
.nav .current .sub li a:hover {
visibility:visible;
color:#088;
background:url(../gif2/back_1.gif);
}
BARRA DEL TABS

Cita:
#gallery {font:11px verdana,arial,sans-serif; width:750px; padding:15px 0 0 0; line-height:15px;}
#gallery div.off {color:#000; height:33px; margin-right:2px; line-height:33px; padding:0 20px; float:left; background:url(../gif2/tabs_0.gif) repeat-x left bottom; border:1px solid #ddd; border-bottom-color:#000; cursor:pointer; position:relative; z-index:20;}
#gallery div.on {color:#c00; padding:0 20px; margin-right:2px; margin-top:1px; float:left; background:url(../gif2/tabs_2.gif) repeat-x left bottom; border:1px solid #000; cursor:pointer; border-bottom:0; height:33px; line-height:32px; position:relative; z-index:80;}

div.hide {display:none; width:0; overflow:hidden;}
div.show {clear:left; background:#fff; width:708px; margin-top:0; top:-1px; border:1px solid #000;padding:20px; position:relative; z-index:50; font:11px verdana, arial, sans-serif; line-height:18px;}
div.show img {float:left; margin:0 10px 10px 0;}
.clear {clear:both;}
Foristas, como siempre, muchas gracias por su paciencia y tiempo.
Admoro
  #2 (permalink)  
Antiguo 14/03/2008, 16:39
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: Incompatibles CSS

Pues veo que en los dos hay un .show, así que cámbiale el nombre al .show de la barra de tabs y pon por ejemplo .mostrar.
  #3 (permalink)  
Antiguo 15/03/2008, 20:12
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 12 años, 3 meses
Puntos: 3
Re: Incompatibles CSS

Hola Raulmmmm, muchisimas gracias!. Ha funcionado
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 15:35.