Foros del Web » Creando para Internet » CSS »

Separador sidebar

Estas en el tema de Separador sidebar en el foro de CSS en Foros del Web. Buenas a tod@s. Estoy intentando poner un separador (imagen) entre varios banner en el tema Demet, y sólo me lo permite si lo enlazo con ...
  #1 (permalink)  
Antiguo 14/01/2012, 22:17
 
Fecha de Ingreso: septiembre-2011
Ubicación: Gran Canaria
Mensajes: 134
Antigüedad: 12 años, 6 meses
Puntos: 1
Separador sidebar

Buenas a tod@s.
Estoy intentando poner un separador (imagen) entre varios banner en el tema Demet, y sólo me lo permite si lo enlazo con una dirección web (http://lacorchera.com/Separador.gif,...lacorchera.com).
Necesitaría poner lo que me interese de una manera u otra.
Gracias.
www.lacorchera.com
  #2 (permalink)  
Antiguo 17/01/2012, 09:59
 
Fecha de Ingreso: septiembre-2011
Ubicación: Gran Canaria
Mensajes: 134
Antigüedad: 12 años, 6 meses
Puntos: 1
Respuesta: Separador sidebar

Lo he solucionado. Pero no se ve en Internet Explorer.
He puesto lo siguiente:
/* SIDEBAR(S) */

.sidebaradbox {
margin-top: 5px;
text-align:center;
}

.ad125 {
background: url(http://lacorchera.com/wp-content/upl....gif)no-repeat 50% 100%;
padding-bottom:30px;
margin: 10px;

}


.sidebar {
margin: 10px;
}

.sidebar-right {
}
}

.sidebar-left {
}


.sidebar a {
text-decoration: none;
color: #615b5b;
}

.sidebar a:hover {
text-decoration: underline;
color:#0099c5;
}


#search {
border: 1px solid #ddd;
height: 26px;
padding: 0;
background: #fff url(images/search-background.png) top left repeat-x;
text-align: right;
margin: 0px;

}

#search input {
border: 0;
background: none;
color: #666;
}


#s {
width: 130px;
padding: 3px;
margin:2px 0 0 0;
background: none;
}


.sidebar h2 {
margin: 0 0 0 0;
padding: 5px 0;
background: url(images/sidebar-tab.png) top left no-repeat;
font-size: 12px;
font-family: Arial, Helvetica, Sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-align: center;
text-shadow: 0 1px 0 #047b9d;
}

.sidebar ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}

.sidebar ul li {
list-style-type: none;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.sidebar ul ul {
list-style-type: none;
margin: 0px;
padding: 0;
}

.sidebar ul li li {
padding: 3px 0px 3px 15px;
margin: 0px;
background: url(images/bullet.gif) no-repeat top left;
}

.sidebar ul li ul li {
background: url(images/bullet.gif) no-repeat top left;
padding: 2px 0px 2px 15px;
margin: 2px 0;
}

( Lo que está en rojo es lo que he añadido )
Saludos.

Etiquetas: separador, sidebar
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 18:09.