Jump to content

jackdsargeant

Members
  • Posts

    3
  • Joined

  • Last visited

jackdsargeant's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. Excellent, thanks a lot!
  2. Hi all On my website I'm trying to add a border around the main content. I am coming quite close but there is an annoying problem that the border overhangs slightly, as you can see on the site www.anf1blog.com. My style.css is below - the border is in the #casing bit. It seems that the overhang gets worse as you zoom out. Can anyone help? Thanks /*Theme Name:katanaDescription: A free premium wordpress theme from jinsona designs.Author: jinsona designsAuthor URI: www.web2feel.com*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,blockquote, pre, a, abbr, acronym, address, big,cite, code, del, dfn, em, font, img,ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,center, u, b, i, marquee {margin: 0px;padding: 0px;}body {margin:0 auto;padding:0px 0px 0px 0px;background:#010101 url(images/body.png);font-family:Tahoma,Century gothic, Tahoma,Tahoma,sans-serif;color:#161514;font-size:13px;}img {border:0;margin: 0 0;}a {color:#00aeef;text-decoration:none;outline:none;}a:hover {color:#bbb;text-decoration:none }h1, h2, h3, h4, h5, h6 { }blockquote {padding:10px 10px 10px 10px;color:#444;font-style: normal;}.clear {clear:both;}table{ width:auto; border-collapse: collapse; margin: 10px 0 10px; border-top-style:solid; border-right-style:none; border-bottom-style:solid; border-left-style:none;}table td, table th{ text-align: left; padding: .0em .8em; margin: 0px 0 0px 0; border-top-style:none; border-right-style:none; border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color: #dddddd; border-left-style:none;}img.centered {display: block;margin-left: auto;margin-right: auto;margin-bottom: 10px;padding: 0px;} img.alignnone {padding: 0px 0px;margin: 0px 0px 10px 0px;display: inline;background:#fff;border: 0px solid #DDDDDD;}.aligncenter {display: block;margin-left: auto;margin-right: auto;}.alignleft {float: left;}.alignright {float: right;}img.alignleft {margin-right:10px;margin-bottom:10px;}img.alignright {margin-leftt:10px;margin-bottom:10px;} .wp-caption { border: 0px solid #FFF; text-align: left; background: transparent; padding-top: 0px; margin: 0px }.wp-caption img { margin: 0; padding: 0; border: none }.wp-caption .wp-caption-text { font-size: 11px; font-weight: bold; line-height: 17px; padding: 0 0px 0px; margin: 0 }/* The Outer cover */#wrapper {width:1000px;margin:0 auto;}#casing {padding:0px 0px 10px 0px;background:url(images/wrap.png) ;float:left;width:1000px;border:1px solid} /* The Header */#top {height:0px;margin:auto;background:url(images/top2.jpg);width:1000px;position:relative; }.blogname {width:600px;font-family:Tahoma,Century gothic,Verdana,Tahoma,sans-serif;margin:25px 0 0 0px;height:60px;text-align:left;float:left;}.blogname h1 {font-size:40px;padding:0 0 0px 0;font-weight:normal;color:#fff; }.blogname h1 a:link, .blogname h1 a:visited{color: #111;display:block;margin:10px 0 0 0px;} .blogname h1 a:hover {color: #111;}.blogname h2 {margin:0px 0px 0px 0px;font-size:16px;font-weight:normal;color: #684116;}.head{height:130px;width:1000px;background:url(images/head.jpg);}/* The Search */ #search {width:310px;padding:10px 5px ;float:right;margin-right:0px;height:26px;margin-left:10px;display:inline;}#search form {margin: 0;padding: 0;}#search fieldset {margin: 0;padding: 0;border: none;}#search p {margin: 0;font-size: 85%;}#s {width:210px;margin:0px 0px 0px 0px;padding: 4px 5px 5px 5px;border:none;font: normal 100% "Tahoma", Tahoma, Helvetica, sans-serif;color:#444;float:left;background:#ddd;border:1px solid #bbb;display:inline;}input#searchsubmit{float:left;display:inline;margin:0px 0px 0px 5px;height:27px;background:#00a0d7;color:#fff;border:none;}/* menu*/ #catmenucontainer{height:40px;display:block;padding:0px 0 0px 0px;font: 12px Tahoma,Tahoma,Century gothic,verdana, sans-serif;font-weight:normal;text-transform:uppercase;} #catmenu{margin: 0px;padding: 0px 0px;background:#252525 url(images/menu.png) repeat-x;height:40px;overflow:hidden;} #catmenu ul {float: left;list-style: none;margin: 0px;padding: 0px 10px;} #catmenu li {float: left;list-style: none;margin: 0px;padding: 0px;} #catmenu li a, #catmenu li a:link, #catmenu li a:visited {color:#00aeef;display: block;margin: 0px;padding: 13px 10px 12px 10px;}#catmenu li a:hover, #catmenu li a:active {background:#00aeef ;color: #FFFFFF; margin: 0px;padding: 13px 10px 12px 10px;text-decoration: none;} #catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {background:#00a0d7 ;width: 150px;color:#fff;text-shadow:1px 1px 1px #0182ae;font-weight: normal;float: none;margin: 0px;padding: 9px 10px 10px 10px;border-bottom: 1px solid #000000;} #catmenu li li a:hover, #catmenu li li a:active {background:#0182ae ; color: #000000;padding: 9px 10px 10px 10px;}#catmenu li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 170px;margin: 0px;padding: 0px;}#catmenu li li {}#catmenu li ul a {width: 140px;}#catmenu li ul a:hover, #catmenu li ul a:active {}#catmenu li ul ul {margin: -35px 0 0 170px;}#catmenu li:hover ul ul, #catmenu li:hover ul ul ul,#catmenu li.sfhover1 ul ul, #catmenu li.sfhover1 ul ul ul {left: -999em;}#catmenu li:hover ul, #catmenu li li:hover ul,#catmenu li li li:hover ul, #catmenu li.sfhover ul,#catmenu li li.sfhover1 ul, #catmenu li li li.sfhover1 ul {left: auto;}#catmenu li:hover, #catmenu li.sfhover1 {position: static;} /*Page menu*/ #foxmenucontainer{height:40px;display:block;padding:0px 0 0px 0px;font: 12px Tahoma,Tahoma,Century gothic,verdana, sans-serif;font-weight:normal;text-transform:uppercase;background:url(images/catmen.png) repeat-x;}#menu{margin: 0px;padding: 0px;width:1000px;height:40px;overflow:hidden;} #menu ul {float: left;list-style: none;margin: 0px;padding: 0px;} #menu li {float: left;list-style: none;margin: 0px;padding: 0px;} #menu li a, #menu li a:link, #menu li a:visited {color:#FFFFFF;display: block;margin: 0px;padding: 13px 10px 12px 10px;}#menu li a:hover, #menu li a:active {color: #fff; margin: 0px;padding: 13px 10px 12px 10px;text-decoration: none;background:#0182ae;} #menu li li a, #menu li li a:link, #menu li li a:visited {background:#e6e6e6;width: 150px;color:#00a0d7;font-weight: normal;float: none;margin: 0px;padding: 8px 10px 8px 10px;border-bottom: 1px solid #2e2e2e;} #menu li li a:hover, #menu li li a:active {background: #808080;color: #fff;padding: 8px 10px 8px 10px;}#menu li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 170px;margin: 0px;padding: 0px;}#menu li li {}#menu li ul a {width: 140px;}#menu li ul a:hover, #menu li ul a:active {}#menu li ul ul {margin: -32px 0 0 170px;}#menu li:hover ul ul, #menu li:hover ul ul ul,#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {left: -999em;}#menu li:hover ul, #menu li li:hover ul,#menu li li li:hover ul, #menu li.sfhover ul,#menu li li.sfhover ul, #menu li li li.sfhover ul {left: auto;}#menu li:hover, #menu li.sfhover {position: static;} /* Main Content*/ #content {float:left;width: 640px;height:100%;padding:10px 0px 0px 15px;display:inline;overflow:hidden;} .title{margin: 0 0 0 0px;padding: 0px 0px 0px 0px;}.date {font-size:10px;font-family:Tahoma, century gothic,Tahoma,Verdana,Helvitica,sans-serif;padding:3px 5px 3px 0px; color:#ca680b;text-transform: uppercase;background:#dfdbda;margin:5px 10px;} .author{color:#656565;padding:3px 5px 3px 5px;margin-left:5px;text-shadow:1px 1px 1px #fff;}.clock{color:#656565;padding:3px 5px 3px 5px;margin-left:5px;text-shadow:1px 1px 1px #fff;}.single {width:625px;margin: 10px 5px 20px 0px;height:100%;color:#666;font: 13px Tahoma, century gothic,Tahoma,verdana, sans-serif;background:#fff;padding:5px;border:1px solid #ddd;}.single h2 {margin: 0px 0 0px 0;padding: 10px 0px 10px 10px;text-align: left;font: 24px Tahoma,Tahoma,century gothic,verdana, sans-serif;font-weight:normal;overflow:hidden;}.single h2 a, .single h2 a:link, .single h2 a:visited {color:#00a0d7;background-color: transparent;}.single h2 a:hover {color: #228fc4;background-color: transparent;} .comm{color:#fff;padding:3px 5px 3px 5px;margin-left:5px;}.comm a:link,.comm a:visited {color:#656565; text-shadow:1px 1px 1px #fff;}.comm a:hover{color:#656565; text-shadow:1px 1px 1px #fff;} .singleinfo {font:10px Tahoma, Tahoma, Tahoma,century gothic,verdana, sans-serif;text-transform:uppercase;color:#B98302;padding:5px 0px; }.category{padding:5px 0 5px 5px;color:#000;}.category a:link,.category a:visited{color:#D13914;} .category a:hover{color:#000;}.cover {margin:0 0;padding: 0px 10px ; }.entry {margin:0 0;padding: 0px 0px ; } .entry a:link,.entry a:visited {background-color: transparent;}.entry a:hover {color:#00a0d7;background-color: transparent;text-decoration: none;}.entry ul, .entry ol{ margin: .4em 0 1em; line-height: 150%;} .entry ul li, .entry ol li{ list-style-position:outside; margin-left: 1.6em;}.entry p{margin:5px 0px;padding:5px 0px;line-height:22px;} /* right column */.right{ float:right;width:325px;padding:20px 0px 0px 0;display:inline;margin-right:15px;overflow:hidden;}.blokbox,.twitbox{float:left;width:323px;background:#fff; margin-bottom:10px;border:1px solid #ddd;}.blok{padding:5px 0px 0px 0px;float:left;}.fentry img{max-width:100px;padding-left:6px;padding-bottom:5px;float:left; } h2.bloktitl {width:325px;color:#eee;font-size:18px;background:#00a0d7;height:25px;padding-top:10px;padding-left:10px;}p.twitter-message{color:#666;padding:10px;border-bottom:1px solid #eee;}a.twitter-link{color:#D53E13;}a.twitter-user{ color:#0c7391;}.sidebar{ float:left;width:180px;padding:0px 0px;margin-left:0px;display:inline;}.sidebar2{display:inline;float:right;width:130px;padding:0px 0px;margin-left:10px; }h3.sidetitl{background:#00a0d7;line-height:30px;height:30px;padding-left:10px;color:#fff;}/* The Sidebar */.sidebox1{float:left;width:180px;background:#fff;padding-bottom:10px;font-size:12px;font-family:Tahoma,Century gothic, Tahoma, sans-serif;margin:10px 0px 0px 0px;color:#444;}.sidebox2{float:right;width:130px;background:#fff;padding-bottom:10px;font-size:12px;font-family:Tahoma,Century gothic, Tahoma, sans-serif;margin:10px 0px 0px 0px;color:#444;}.sidebox1 ul,.sidebox2 ul {list-style-type: none;margin: 0px;padding: 0px 0px 0px 0px ;}.sidebox1 li,.sidebox2 li{list-style-type: none;margin: 0 ;padding: 0;}.sidebox2 ul ul {list-style-type: none;margin: 0;padding: 0px 0px 10px 0px;background-repeat:no-repeat; }.sidebox1 ul ul ul ,.sidebox2 ul ul ul{list-style-type: none;margin: 0;padding: 0;border:0;}.sidebox1 ul ul ul ul ,.sidebox2 ul ul ul ul{list-style-type: none;margin: 0;padding: 0;border:0;} .sidebox1 ul li {height:100%;line-height:18px;clear: left;width: 170px;list-style-type: none;}.sidebox2 ul li {height:100%;line-height:18px;clear: left;width: 120px;list-style-type: none;} .sidebox1 ul li a:link, .sidebox1 ul li a:visited,.sidebox2 ul li a:link, .sidebox2 ul li a:visited {color:#6f6f6f;border-bottom:1px dotted #ddd;text-decoration: none;padding: 5px 0px 5px 5px;display:block;}.sidebox1 ul li a:hover ,.sidebox2 ul li a:hover{color: #00a0d7;}.sidebox1 p ,.sidebox2 p{padding: 7px 10px;margin:0;}.sidebox1 table,.sidebox2 table {width:100%;text-align:center;color:#787d7f;} /*calendar*/#wp-calendar{width: 100%;padding: 0px 5px;}#calendar_wrap{width:270px;background:#fff url(images/side.png) repeat-x;border:1px solid #ccc;margin:0px auto;}#wp-calendar caption{padding: 10px 5px 5px 5px ;font-size:16px;color:#843400;font-weight:bold;font-family:Tahoma,Century gothic, Tahoma, sans-serif;text-transform:uppercase;} #wp-calendar th, #wp-calendar td{padding: 5px;text-align:center;color:#fff;background:#843400;}#wp-calendar td a{padding: 0px;border:none;color:#843400;}#wp-calendar td{background:transparent;border:none;color:#444;}#wp-calendar td, table#wp-calendar th{padding: 2px 0;} /* --- FOOTER --- */#footer {height:100px;padding:10px 0 0 0px;color:#DADADA;font-size:11px;font-weight:normal;letter-spacing:1px;font-family: Tahoma,Tahoma,Century gothic, Tahoma, sans-serif;float:left;width:100%;background:url(images/footer.png) no-repeat;text-shadow:1px 1px 1px #5F1600;}#footer a:link , #footer a:visited{ color:#DADADA;}#footer a:hover {color:#fff;}.fleft{float:left;text-align:left;margin-left:10px;margin-top:10px;line-height:16px;}.fright{float:right;text-align:right;margin-right:10px; margin-top:10px;line-height:16px;}/* The Navigation */#navigation{margin:10px 0px 0px 0px;padding:0px 5px 10px 0px;width:700px;} /* The Attachment */.contentCenter {text-align:center;}/* The Page Title */h2.pagetitle {padding:10px 0px;font-size:20px;text-align:center;color:#555;font-family:Tahoma, Tahoma,Century gothic,Helvetica, sans-serif;}h2.pagetitle a { color:#507409;}#comment{height:100%;padding:0px 0px 0px 0px;margin:0px 0px;width:635px;} #comnums h3{padding:10px 10px;margin:10px 0px 10px 0px;font-size:20px;font-weight:normal;color:#444;font-family:Tahoma,Century gothic,Tahoma, Helvetica, sans-serif; } #respond{height:100%;padding:0px 5px;margin:5px 0px 5px 5px;background:#fff ;border:1px solid #ddd; }#respond h3{padding:10px 10px 5px 10px;margin:5px 0px;font-size:22px;font-weight:normal;color:#555;font-family:Tahoma,Century gothic,Tahoma, Helvetica, sans-serif;}#commentform {padding:0px 10px 10px 10px;margin:0px 0px 0px 0px;color:#BFAFA7;font-family:tahoma,Century gothic,Tahoma, Helvetica, sans-serif;}.cancel-comment-reply{font-family:tahoma,Century gothic,Tahoma, Helvetica, sans-serif;margin-left:10px;padding:0px 0px;}#commentform p {color:#777;padding:5px 0px;font-size:10px;}#commentform input {background:#E4E4E4;border:1px solid #ccc;color:#444;padding:3px 10px;}#commentform textarea {background:#eee;border:1px solid #ccc;color:#333;width:95%;padding:5px 5px;}.comments input#submit { padding:2px 5px;background:#00a0d7;border:1px solid #ccc;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;color:#fff;font-family:tahoma,Century gothic,Tahoma, Helvetica, sans-serif;} ol.commentlist {list-style:none;margin:0;padding:0;text-indent:0;}.comment-body{margin-left:80px;padding:10px 10px;background:#fff ; }ol.commentlist li {margin:20px 0 20px 0px;padding:5px 0px 5px 0px;position:relative;} ol.commentlist li div.comment-author {padding:0 10px 0 0;color:#C00808;}ol.commentlist li div.vcard {font:10px Tahoma, helvetica,Tahoma,sans-serif;text-transform:uppercase;color:#444;position: absolute;top:5px;left:0px;height:100px;}ol.commentlist li span.says {display:none;}ol.commentlist li div.vcard cite.fn {font-style:normal;position: absolute;width:70px;text-align:center;background:#fff;padding:2px 0px;top:75px;left:0px;}ol.commentlist li div.vcard cite.fn a:link {color:#444;}ol.commentlist li div.vcard img.avatar {border:5px solid #fff;margin:0px;padding: 0px;}ol.commentlist li div.comment-meta {display:none;}ol.commentlist li p {font:normal 12px Tahoma, helvetica,Tahoma,sans-serif;margin:0 0 1em;line-height:22px;color:#666;padding:5px 5px;} ol.commentlist li ul {font:normal 12px/1.4 helvetica,Tahoma,sans-serif;list-style:square;margin:0 0 1em;padding:0;text-indent:0; } ol.commentlist li div.reply {font:10px Tahoma, helvetica,Tahoma,sans-serif;text-transform:uppercase;padding:0px 0px;text-align:right;margin:0px 5px 5px 0px; }ol.commentlist li div.reply a {color:#fff;text-decoration:none;text-transform:uppercase;padding:3px 10px;background:#00a0d7 ;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; } ol.commentlist li ul.children {list-style:none;margin:1em 0 0;text-indent:0;}ol.commentlist li ul.children li.depth-2 {margin:0 0 0px 90px;}ol.commentlist li ul.children li.depth-3 {margin:0 0 0px 90px;}ol.commentlist li ul.children li.depth-4 {margin:0 0 0px 90px;}ol.commentlist li.even { }ol.commentlist li.odd {} ol.commentlist li.pingback div.vcard {padding:0 0px 0 0;color:#C00808; } ol.pinglist {list-style:none;margin:0;padding:0;text-indent:0;}ol.pinglist .comment-body{margin:0px 0px;padding:10px 10px;background:#060606 url(images/title.png) top repeat-x; }ol.pinglist li {margin:10px 0 10px 0px;padding:10px 0px 10px 0px;position:relative;} ol.pinglist li div.vcard {font-weight:bold;color:#fff;display:block;} ol.pinglist li span.says {display:none;}ol.pinglist li div.vcard cite.fn { }ol.pinglist li div.vcard cite.fn a:link {color:#fff;} ol.pinglist li div.comment-meta {padding:5px 0px;float:left;}ol.pinglist li div.comment-meta a:link { }ol.pinglist li p {font:normal 12px Tahoma, helvetica,Tahoma,sans-serif;margin:0 0 1em;line-height:18px;color:#464646;padding:5px 5px;} ol.pinglist li ul {font:normal 12px/1.4 helvetica,Tahoma,sans-serif;list-style:square;margin:0 0 1em;padding:0;text-indent:0; } ol.pinglist li div.reply {display:none; }.widebanner{height:60px;margin-top:10px;padding:10px 0px;background:url(images/ad1.jpg) repeat-x;text-align:center;}
  3. Hi all, On my website, www.anf1blog.com, all of the boxes of content on the homepage are different sizes. How can I make them all one size, with the box info (the read full post/add comments bit) aligned at the bottom of the box? The box.css code (which I think is relevant) is below. .title{margin: 0 0 0 0px;padding: 0px 0px 0px 0px;}.sidim{float:none;margin:12px 10px 5px 0px;height:113px;width:289px;}.boximage img{border:1px solid #d29903;}.boxtitle{}.boxtitle h2{font-size: 15px ;}.boxtitle h2 a, .boxtitle h2 a:link, .boxtitle h2 a:visited {color:#00aeef;background-color: transparent;}.boxtitle h2 a:hover {color: #0182ae;background-color: transparent;}.box {width:308px;margin: 10px 10px 5px 0px;height:100%;color:#666;font: 13px Tahoma, century gothic,Arial,verdana, sans-serif;float:left;background:#f2f2f2;border:1px solid #ddd;}.box:hover {background:#dddddd;}.boxcover{padding:10px;}.boxinfo{width:308px;height:30px;background:#00aeef;overflow:hidden;position:relative;}.boxmore{float:left;width:100px;margin:5px 0px 5px 10px;display:inline;}.boxmore a:link, .boxmore a:hover,.boxmore a:visited{color:#fff;}.boxcoms{float:right;width:100px;margin:5px 10px 5px 10px;display:inline;text-align:right;}.boxcoms a:link, .boxcoms a:hover,.boxcoms a:visited{color:#fff;}.videopost{margin-bottom:10px;}.videopost embed{width:260px;height:200px;} Thanks!
×
×
  • Create New...