23/05/2009, 11:49
|
Usuario no validado | | Fecha de Ingreso: noviembre-2008
Mensajes: 505
Antigüedad: 16 años Puntos: 5 | |
Respuesta: Mostrar categorias en 2 columnas, como? el problema esta en que cuanto agrego eso, la primera columna queda muy a la izquierda, y la segunda columna muy a la derecha.
aqui mi css
Código:
* {
margin:0;
padding:0;
}
abbr[title], acronym[title] {
border-bottom:thin dotted;
cursor:help;
}
body {
background:#BEC3C6 url(img/bg.jpg) repeat-x;
color:#555;
font-family:Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
font-size:12px;
}
h1, h2, h3, h4, h5, h6 {
font-weight:bold;
letter-spacing:-0.05em;
font-family:Arial;
}
h1 {font-size:200%;}
h2 {font-size:170%;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:110%;}
h6 {font-size:100%;}
img {
border:0;
}
img.sided {
background:#FFF;
border:1px solid #CCC;
padding:3px;
}
small {
font-size:10px;
}
a:hover img.sided {
border-color:#A6A6A6;
}
a {
color:#2970A6;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
.wp-caption {
background:#F7F7F7;
border:1px solid #CCC;
padding:5px 0;
margin-bottom:5px;
text-align:center;
}
.wp-caption img {
margin:0 5px;
}
.wp-caption-text {
text-align:center;
padding:0 5px !important;
padding:3px 5px 0;
}
*+html .wp-caption-text {
padding:3px 5px 0 !important;
}
.post .content .wp-caption p {
margin:0;
}
blockquote, pre {
background:#F4F5F7 url(img/blockquote.gif) 3px 3px no-repeat;
border:1px dashed #CCC;
padding:8px 12px 8px 36px;
margin:5px 0;
}
.more-link {
font-size:11px;
}
.alignleft {
float:left;
text-align:left;
margin-right:10px;
}
.alignright {
float:right;
text-align:right;
margin-left:10px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.left {
float:left;
margin-right:10px;
}
.right {
float:right;
margin-left:10px;
}
.fixed, .clear {
clear:both;
}
input.textfield,
textarea {
background:#FFF url(img/textfield.gif) top repeat-x;
border:1px solid #A6A6A6;
padding:2px 1px;
font-size:12px;
}
.boxcaption {
background:#E3E4E6 url(img/box.gif) 0 0 no-repeat;
padding:6px 12px;
border-bottom:1px solid #CCC;
}
.boxcaption h3 {
font-size:12px;
font-family:Verdana,"BitStream vera Sans";
letter-spacing:0em;
}
.box {
background:#F4F5F7 url(img/box.gif) 100% 100% no-repeat;
padding:8px 12px;
margin-bottom:10px;
}
.messagebox,
.errorbox {
background:#EDEFF0 url(img/messagebox.gif) no-repeat;
padding:0 12px;
height:27px;
line-height:27px;
font-size:11px;
}
.w3c {
color:#080;
font-size:10px;
}
/* static END */
/* layout START */
#wrap {
background:url(img/light.gif) center top no-repeat;
padding:20px 0;
}
#container {
margin:0 auto;
width:936px;
}
/* layout END */
/* header START */
#header {
background:url(img/header.jpg) 0 0 no-repeat;
height:90px;
border-bottom:1px solid #A6A6A6;
}
#caption {
padding:25px 30px 0;
}
#title a {
text-decoration:none;
color:#FFF;
height:30px;
display:block;
font-family:"Trajan Pro";
letter-spacing:0;
}
/* image blog title */
/*
#title a {
background:url(img/title.gif) no-repeat;
text-decoration:none;
color:#FFF;
width:250px;
height:30px;
text-indent:-999em;
display:block;
}
*/
#tagline {
color:#FFF;
border-top:1px solid #FFF;
text-decoration:none;
font-size:10px;
float:left;
padding:0 3px;
}
#header .banner {
float:right;
padding:15px 15px 0;
color:#999;
}
/* header END */
/* navigation START */
#navigation {
background:#FFF;
border-bottom:1px solid #A6A6A6;
}
#menus li {
display:inline;
list-style:none;
}
#menus li a {
background:transparent url(img/menu.gif) no-repeat;
display:block;
color:#382E1F;
height:31px;
line-height:31px;
padding:0 20px;
margin-left:-10px;
text-decoration:none;
font-size:11px;
float:left;
z-index:1;
}
#menus li a:hover,
#menus li a.current {
background-position:0 -31px;
}
#menus li.current_page_item a,
#menus li.current-cat a {
background-position:0 -62px;
}
#menus li a.home {
background-position:0 -93px;
width:45px;
padding:0;
margin-left:0;
text-indent:-999em;
}
#menus li a.home:hover {
background-position:0 -124px;
}
#menus li.current_page_item a.home {
background-position:0 -155px;
}
#menus li a.lastmenu:hover {
background-position:0 0;
cursor:default;
}
#searchbox {
background: url(img/searchbox.gif) no-repeat;
width:209px;
height:23px;
display:block;
float:right;
margin-top:4px;
margin-right:10px !important;
margin-right:5px;
padding:2px;
}
#searchbox .textfield {
background:none;
border:0px;
width:185px;
float:left;
margin-right:2px;
padding-left:2px;
}
#searchbox .button {
background:none;
border:0px;
width:18px;
height:18px;
cursor:pointer;
float:left;
margin-top:1px;
}
#searchbox .searchtip {
color:#999;
}
/* navigation END */
/* submenu START */
#menus li ul {
display:none;
background:#F4F5F7;
border:1px solid #CCC;
border-top-color:#A6A6A6;
padding:0 5px;
}
#menus li li {
float:none;
margin:0 !important;
margin:0;
padding:0;
display:block;
list-style:none;
}
#menus li li a {
float:none;
display:block;
padding:7px 5px;
text-decoration:none;
width:200px;
border-style:solid;
border-color:#DDD;
border-width:1px 0 0;
margin:0;
background-image:none;
height:auto;
line-height:145%;
color:#999;
}
#menus li li.first a {
border-top:none;
}
#menus li li a:hover {
color:#382E1F;
}
/* submenu END */
/* content START */
#content {
background:#FFF url(img/sidesep.gif) right repeat-y;
min-height:400px;
}
/* content END */
/* main START */
#main {
background:#FFF url(img/main_shadow.gif) top repeat-x;
width:605px;
padding:13px 15px 15px;
float:left;
overflow:hidden;
}
#notice {
color:#080;
}
#notice a {
text-decoration:underline;
}
.post {
padding-bottom:5px !important;
padding-bottom:15px;
}
*+html .post {
padding-bottom:15px !important;
}
.post h2 {
display:block;
margin-top:10px;
border-bottom:1px solid #CCC;
padding:0 5px 3px;
font-size:16px;
font-family:Verdana,"BitStream vera Sans";
}
.post h2 a.title {
text-decoration:none;
color:#4C4C4C;
}
.post h2 a.title:hover {
color:#2970A6;
}
.post h2 .act a {
font-weight:normal;
}
.post .info {
margin:5px;
}
.post .info span.first {
margin-left:0;
}
.post .date,
.post .author,
.post .editpost,
.post .comments,
.post .addcomment,
.post .addlink,
.post .editlinks {
background:url(img/icons.gif) no-repeat;
padding-left:22px;
height:16px;
line-height:16px;
display:block;
font-size:11px;
}
.post .tags,
.post .categories {
background:url(img/icons.gif) no-repeat;
width:16px;
height:16px;
line-height:16px;
display:block;
text-indent:-999em;
}
.post .under span.tags,
.post .under span.categories {
margin-right:6px;
}
.post .act {
height:16px;
float:right;
}
.post .act span {
float:left;
margin-left:15px;
}
.post .tags {
background-position:0 -400px;
}
.post .categories {
background-position:0 -480px;
}
.post .date {
background-position:0 -48px;
margin-right:15px;
float:left;
}
.post .author {
background-position:0 0;
float:left;
}
.post .editpost {
background-position:0 -64px;
margin-left:15px;
float:right;
}
.post .comments {
background-position:0 -96px;
float:right;
}
.post .addcomment {
background-position:0 -112px;
margin-left:15px;
float:right;
}
.post .addlink {
background-position:0 -176px;
}
.post .editlinks {
background-position:0 -192px;
}
.post .content {
padding:5px 0 0 5px;
line-height:145%;
overflow:hidden;
}
.post .content p {
margin-bottom:10px;
}
.post .under {
height:16px;
line-height:16px;
font-size:11px;
margin-bottom:10px;
}
.post .under span {
float:left;
margin-right:15px;
}
.post .content h4 {
color:#080;
margin-bottom:10px;
}
.post .content img {
max-width:600px;
}
.post .content ul,
.post .content ol {
padding-bottom:10px;
}
.post .content ul li,
.post .content ol li {
list-style-position:inside;
padding-left:20px;
}
.post .content table {
background:#FFF;
border:2px solid #CCC;
border-collapse:collapse;
margin:5px 0 10px;
}
.post .content th,
.post .content td {
border:1px solid #CCC;
padding:3px 10px;
text-align:left;
vertical-align:top;
}
.post .content tr.even td {
background:#F7F7F7;
}
.post .content th {
background:#EDEFF0;
}
.post .content .boxcaption {
background-image:url(img/postbox.gif);
}
.post .content .box {
background-image:url(img/postbox.gif);
}
#postpath {
background:url(img/icons.gif) 0 -320px no-repeat;
line-height:16px;
margin:5px 0;
padding-left:22px;
}
#pagenavi,
#postnavi {
border-top:1px solid #CCC;
margin:10px -5px 0;
padding:10px 5px 0;
}
#pagenavi {
font-size:11px;
}
#pagenavi .newer a,
#postnavi .prev a {
background:url(img/icons.gif) 0 -224px no-repeat;
padding-left:22px;
float:left;
height:16px;
line-height:16px;
}
#pagenavi .older a,
#postnavi .next a {
background:url(img/icons.gif) 100% -240px no-repeat;
padding-right:22px;
float:right;
height:16px;
line-height:16px;
}
/* main END */
/* sidebar START */
#sidebar {
background:#F7F7F7 url(img/sidebar_shadow.gif) top repeat-x;
width:300px;
float:right;
font-size:95%;
line-height:145%;
overflow:hidden;
padding-top:8px;
}
|