Foros del Web » Creando para Internet » CSS »

linea de division

Estas en el tema de linea de division en el foro de CSS en Foros del Web. hola masters: mi preg es algo simple (espero) deseo poner lineas de divsion para cada contenido o item (articulo) de un bloque hecho en css. ...
  #1 (permalink)  
Antiguo 09/07/2009, 19:17
 
Fecha de Ingreso: junio-2009
Ubicación: lima
Mensajes: 139
Antigüedad: 8 años, 5 meses
Puntos: 0
linea de division

hola masters:
mi preg es algo simple (espero) deseo poner lineas de divsion para cada contenido o item (articulo) de un bloque hecho en css. segun pienso eso sedeeb hacerel layout pero no encuentro que esl oque debo modificar o que debo agregar.
Agradeceria meresponder este post
este es mi codigo

Código:
/***
 *** Blocks
 ***/

/*Accessibility: Skip block link, for keyboard-only users. */
a.skip-block, a.skip {
  position: absolute;
  top: -1000em;
  font-size: 0.85em;
  border-bottom: 4px;
}

a.skip-block:focus, a.skip-block:active,
a.skip:focus, a.skip:active {
  position: static;
  display: block;
}
.skip-block-to, #maincontent {
  display: none;
  height: 1px;
  border:3px;
}

.sideblock {
  border-width: 1px;
  border-style: solid;
  margin-bottom:1em;
  width: 100%;
}

.sideblock .header, .sideblock h2.header {
  text-align: center;
  margin:0;
  padding:4px;
  padding-top:3px;
  border-style: solid;
  border-width: 1px;
}
.sideblock h2 {
  margin:0;
  padding:1px;
}

.sideblock .header .hide-show-image {
  float:right;
  height:11px;
  width:11px;
  margin-top:0.25em;
}

.sideblock .header .commands {
  margin-top: 0.3em;
  clear: both;
  height: 16px;
}

.sideblock .header .commands a {
  margin: 0px 9px;
}

#left-column .hidden .header,
#right-column .hidden .header
{
  border-bottom-width: 1px ;
  border-bottom-style: solid;
}

#left-column .hidden .content,
#right-column .hidden .content
{
  display: inline;
  border: 2px;
}

.sideblock .header .icon.hide,
.sideblock .header .icon.edit {
  margin-right: 3px;
}

.sideblock .content {
  padding: 7px;
  border-width: 3px;
  border-style: solid;
}

.sideblock .content h3,
.sideblock .content h2 {
  text-align: left;
}

.sideblock .content h2 {
  margin:5em 3em 8em;
  padding:4px;
}

.sideblock .content .head {
  margin-top: 10px;
}

.sideblock .content hr {
  height:1px;
  margin-top:4px;
  margin-bottom:3px ;
  border:2px;
  border-top:1px solid;
}

.sideblock div.column {
  margin:2px;
  margin-right:4px;
  padding:3px;
}

.sideblock div.column.c0 {
  float: left;
}

.sideblock div.column.c1 {
  display: inline;
}

.sideblock .content .c0 img.icon {
  margin:5px;
}

.sideblock .content .list, .unlist, .inline-list {
  list-style:none;
  padding:5px;
  margin:2px;
}

.sideblock .content .list {
  width: 100%;
}

.sideblock .content .list li {
  clear: left;
}

.sideblock .content .inline-list li, .inline-list li {
  display: inline;
}

.sideblock .content ul.list li.listentry {
  clear:both;
}

.sideblock .content div.info {
  text-align:center;
}

.sideblock .footer {
  margin-bottom: 2px;
  text-align:center;
  clear:both;
}

.sideblock img.userpicture {
  width:10px;
  height:10px;
  margin-right:4px;
}

.blockconfigtable {
  margin-top: 3px;
  margin-right: auto;
  margin-left: auto;
  margin.bottom: 3px;
}

.blockconfigtable td.label {
  text-align: right;
  width: 50%;
}

.blockconfigtable td.value {
  text-align: left;
  width: 50%;
}

.blockconfigtable td.submit {
  text-align: center;
}

.blockconfiginstancecontent .tabs {
  margin-bottom: 2px;
  margin-left: auto;
  margin-right: auto;
}

.block_adminblock {
  width: 180px;
}

.block_messages .content {
  text-align:left;
  font-size:0.75em;
  padding-top:7px;
}

.block_recent_activitysideblock .h3 {
  padding-top:5px;
}

.block_online_users .listentry div.user,
.block_messages .listentry div.user {
  float:left;
}

.block_online_users .listentry div.message,
.block_messages .listentry div.message {
  float:right;
}

.block_course_list .footer {
  margin-top: 5px;
}

#rssfeeds {
  margin-left: auto;
  margin-right: auto;
}

#block_rss {
  text-align: center;
  border-bottom: 4px;
  
}

.block_search_forums .invisiblefieldset {
  display: none;
}

.block_tag_youtube .youtube-thumb {
  padding: 3px;
  padding-bottom: 3em;
  display: inline;
  float: left;
}
.block_tag_youtube .yt-video-entry li {
  clear: left;
}

.block_tag_flickr .flickr-photos {
 padding:3px;
}
  #2 (permalink)  
Antiguo 09/07/2009, 19:36
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: linea de division

Hola Lobbys
Como no aclaras qué selector es el que llamas "contenido o item", una respuesta genérica:
Añade la propiedad 'border: Xpx solid #000;' a él
(sustituye la X por el valor expresado en un número entero, solid por cualquiera de los valores posibles y #000 por el color deseado)
También puedes añadir al final de cada "contenido o item" un 'hr' y darle las propiedades que necesites en el css.
Para más información:
border
hr

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 09/07/2009, 20:11
 
Fecha de Ingreso: junio-2009
Ubicación: lima
Mensajes: 139
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: linea de division

una linea que divida los contenidos de un bloque
  #4 (permalink)  
Antiguo 11/07/2009, 08:56
 
Fecha de Ingreso: junio-2009
Ubicación: lima
Mensajes: 139
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: linea de division

ok puse mis lineas de division y me salio bien pero hay una linea que dese o quitarla y es la que estaen novedades del "menu principal! ayuda please..!!!!!!!!!!!. Para un mejor entendimiento mando el link de la pag web y el codigo: uigvvirtual.org/pruebas/

/***
*** Blocks
***/

/*Accessibility: Skip block link, for keyboard-only users. */
a.skip-block, a.skip {
position: absolute;
top: -1000em;
font-size: 0.85em;
}

a.skip-block:focus, a.skip-block:active,
a.skip:focus, a.skip:active {
position: static;
display: block;
border-bottom: 0px;
}

.skip-block-to, #maincontent {
display: block;
height: 1px;
border-bottom: 0px;
}

.sideblock {
border-width: 1px;
border-style: solid;
margin-bottom:1em;
width: 100%;
}

.sideblock .header, .sideblock h2.header {
text-align: center;
margin:0px;
padding:4px;
padding-top:2px;
border-style: solid;
border-width: 0px;
}
.sideblock h2 {
margin:0;
padding:1px;
}

.sideblock .header .hide-show-image {
float:right;
height:11px;
width:11px;
margin-top:0.25em;
border-bottom:0px;
}

.sideblock .header .commands {
margin-top: 0.3em;
clear: both;
height: 16px;
}

.sideblock .header .commands a {
margin: 0px 9px;
}

#left-column .hidden .header,
#right-column .hidden .header
{
border-bottom-width: 0px ;
border-bottom-style: none;
}

#left-column .hidden .content,
#right-column .hidden .content
{
display: inline;
border: 1px;
}

.sideblock .header .icon.hide,
.sideblock .header .icon.edit {
margin-right: 3px;
}

.sideblock .content {
padding: 7px;
border-width: 0px;
}

.sideblock .content h3,
.sideblock .content h2 {
text-align: left;
}

.sideblock .content h2 {
margin:0em 0em 0em;
padding:2px;
}

.sideblock .content .head {
margin-top: 10px;

}

.sideblock .content hr {
height:1px;
margin-top:2px;
margin-bottom:0px ;
border-bottom: 0px;
border:2px ;
border-top:1px solid;



}

.sideblock div.column {
margin:2px;
margin-right:4px;
padding:3px;
}

.sideblock div.column.c0 {
float: left;
}

.sideblock div.column.c1 {
display: inline;
}

.sideblock .content .c0 img.icon {
margin:2px;

}

.sideblock .content .list, .unlist, .inline-list {
list-style:none;
padding:5px;
margin:1px;

}

.sideblock .content .list {
width: 100%;
}

.sideblock .content .list li {
clear: left;
border-bottom-style:solid;
border-width: 1px;
margin-right: 10px;
color: #D4D4D5;

}

.sideblock .content .inline-list li, .inline-list li {
display: inline;
}

.sideblock .content ul.list li.listentry {
clear:both;
}

.sideblock .content div.info {
text-align:center;
}

.sideblock .footer {
margin-bottom: 1px;
text-align:center;
clear:both;
}

.sideblock img.userpicture {
width:10px;
height:10px;
margin-right:4px;

}

.blockconfigtable {
margin-top: 3px;
margin-right: auto;
margin-left: auto;
margin.bottom: 3px;
border-style: 0px;
}

.blockconfigtable td.label {
text-align: right;
width: 50%;

}

.blockconfigtable td.value {
text-align: left;
width: 50%;
}

.blockconfigtable td.submit {
text-align: center;
}

.blockconfiginstancecontent .tabs {
margin-bottom: 2px;
margin-left: auto;
margin-right: auto;
}

.block_adminblock {
width: 180px;

}

.block_messages .content {
text-align:left;
font-size:0.75em;
padding-top:7px;
}

.block_recent_activitysideblock .h3 {
padding-top:5px;

}

.block_online_users .listentry div.user,
.block_messages .listentry div.user {
float:left;
}

.block_online_users .listentry div.message,
.block_messages .listentry div.message {
float:right;
}

.block_course_list .footer {
margin-top: 5px;
}

#rssfeeds {
margin-left: auto;
margin-right: auto;
}

#block_rss {
text-align: center;
}

.block_search_forums .invisiblefieldset {
display: none;
}

.block_tag_youtube .youtube-thumb {
padding: 3px;
padding-bottom: 2em;
display: inline;
float: left;
}

.block_tag_youtube .yt-video-entry li {
clear: left;
}

.block_tag_flickr .flickr-photos {
padding:3px;
}
  #5 (permalink)  
Antiguo 11/07/2009, 13:10
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: linea de division

Hola Lobbys
Si es la primera opción del sidebar izquerdo, ese div tiene aplicada la clase:
Cita:
<div class="block_site_main_menu sideblock"
Así que la tendrás que buscar entre las 6000 líneas del css para añadirle:
Cita:
border-bottom: none;
Pero personalmente creo que deberías mantener la uniformidad de esos bloques.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #6 (permalink)  
Antiguo 11/07/2009, 14:24
 
Fecha de Ingreso: junio-2009
Ubicación: lima
Mensajes: 139
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: linea de division

ok te comprendo pero no la tnego. See puede agregar al css verdad?
  #7 (permalink)  
Antiguo 11/07/2009, 14:26
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: linea de division

sí, claro.
Si no está se debe haber quedado por el camino.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #8 (permalink)  
Antiguo 11/07/2009, 14:31
 
Fecha de Ingreso: junio-2009
Ubicación: lima
Mensajes: 139
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: linea de division

amigo no tendras msn parahablar mejor?
  #9 (permalink)  
Antiguo 13/07/2009, 14:15
 
Fecha de Ingreso: junio-2009
Ubicación: lima
Mensajes: 139
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: linea de division

mi estimado kseso:

tu rpta me parece correcta pero no la encuentro en mi css. me podrias decir si va asi:

.sideblock .site .mainmenu{
border-bottom: none;
}
  #10 (permalink)  
Antiguo 13/07/2009, 15:56
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: linea de division

Hola Lobbys
Antes de nada, disculpa mi falta de respuesta al #8. Se me pasó.
Lo poquito que puedo aportar lo hago directamente en el foro, más concretamente, diréctamente en el tema en cuestión .No por otros medio. Es más, tampoco por los mensajes privados. Pero en este caso, si hay algún aspecto que creas que no es conveniente hacerlo público usa la mensajería privada del foro.

Sobre tu consulta última, no me carga la página que pusiste (uigvvirtual.org/pruebas/). En el momento que pueda acceder a ella ya te comentaré algo.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #11 (permalink)  
Antiguo 14/07/2009, 14:15
 
Fecha de Ingreso: junio-2009
Ubicación: lima
Mensajes: 139
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: linea de division

bueno Kseso
en q demora en cargar si a veces sucede eso . Para algun otro prob con la pagina y css usare la mensajeria privada.
Sobre el problema en cuestion de los bloques lo solucioné y gracias por la rpta. Tenia
que agregar ese codigo y se soluciono. Gracias
  #12 (permalink)  
Antiguo 14/07/2009, 14:45
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: linea de division

Cita:
Iniciado por lobbys Ver Mensaje
bueno Kseso
en q demora en cargar si a veces sucede eso . Para algun otro prob con la pagina y css usare la mensajeria privada.
Sobre el problema en cuestion de los bloques lo solucioné y gracias por la rpta. Tenia
que agregar ese codigo y se soluciono. Gracias
Me alegra saber que arribaste a buen puerto.
Aprovecho para aclararte que no atiendo por m. privado cuestiones propias del foro.
Cita:
Pero en este caso, si hay algún aspecto que creas que no es conveniente hacerlo público usa la mensajería privada del foro
Mi ofrecimiento era para este tema en concreto.
Espero sepas aceptarlo.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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:02.