baffled by this css, cant seem to get it

[fris]

the css i am talking about is the source code post, im trying to get the right border to be solid, but cant figure out where to add it.

here is the example (first post)

http://90mb.com

and the css code

.wp_syntax {
	margin-bottom:10px;
	overflow:auto;
	overflow-x:auto;
	overflow-y:hidden;
	width:100% !important;
	width:99%;
	background:#F7F7F7;
	padding-bottom:0 !important;
	padding-bottom:15px;
	border:1px solid #CCC;
	border-width:1px 0;
}

.comment .content .wp_syntax {
	margin-top:10px;
}

*+html .wp_syntax {
	padding-bottom:15px !important;
}

.wp_syntax div, .wp_syntax td {
	vertical-align:top;
	padding:2px 4px;
}

.wp_syntax .code {
	color:#333;
}

.wp_syntax pre {
	border:none;
	background:none;
	margin:0;
	padding:0;
	width:auto;
	float:none;
	clear:none;
	overflow:visible;
	font-size:12px;
	line-height:1.333;
}

.line_numbers pre {
	padding-left:10px;
}

.wp_syntax table, .post .content .wp_syntax table {
	border-collapse:collapse;
	background:#F7F7F7;
	border:none;
	margin:0;
}

.wp_syntax td, .post .content .wp_syntax td {
	border-top:none;
	padding:2px 4px;
	border:none;
}

.wp_syntax .line_numbers, .post .content .wp_syntax .line_numbers {
	text-align:right;
	color:#666;
	overflow:visible;
	background:#E3E4E6;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}

[vdbucks]

I didn't clean it all up, but try this and see what you get...

.wp_syntax {
	margin-bottom:10px;
	/*overflow:auto;
	overflow-x:auto;
	overflow-y:hidden;*/
	/*width:100% !important;
	width:99%;*/
	width: 600px;
	background:#F7F7F7;
	padding-bottom:0 !important;
	padding-bottom:15px;
	border:1px solid #CCC;
	/*border-width:1px 0;*/
}

.comment .content .wp_syntax {
	margin-top:10px;
}

*+html .wp_syntax {
	padding-bottom:15px !important;
}

.wp_syntax div, .wp_syntax td {
	vertical-align:top;
	padding:2px 4px;
}

.wp_syntax .code {
	color:#333;
}

.wp_syntax pre {
	border:none;
	background:none;
	margin:0;
	padding:0;
	/*width:auto;
	float:none;
	clear:none;
	overflow:visible;*/
	font-size:12px;
	line-height:1.333;
}

.line_numbers pre {
	padding-left:10px;
}

.wp_syntax table, .post .content .wp_syntax table {
	border-collapse:collapse;
	background:#F7F7F7;
	border:none;
	margin:0;
}

.wp_syntax td, .post .content .wp_syntax td {
	/*border-top:none;*/
	padding:2px 4px;
	/*border:none;*/
}

.wp_syntax .line_numbers, .post .content .wp_syntax .line_numbers {
	text-align:right;
	color:#666;
	overflow:visible;
	background:#E3E4E6;
	/*border-right:1px solid #CCC;
	border-left:1px solid #CCC;*/
}

Also, I skimmed through the rest of your css files and you're doing 2 things pretty wrong.. too much usage of "overflow".. and you're using % based (fluid) width/heights on a static width theme. If you set the proper widths/heights based on your static width theme, then you won't really need the "overflow" entries.

Hit me up on ICQ if you want.. I'm invis but online.

[candyflip]

It looks like you just need to update div class=wp_syntax.

In .wp_syntax, you have border-width: 1px 0; This shorthand css means top and bottom borders will have a width of 1 px, and left/right have zero. Try changing this line to:

border-width: 1px 1px 1px 0;

[vdbucks]

Originally Posted by candyflip

It looks like you just need to update div class=wp_syntax.

In .wp_syntax, you have border-width: 1px 0; This shorthand css means top and bottom borders will have a width of 1 px, and left/right have zero. Try changing this line to:

border-width: 1px 1px 1px 0;

I'd considered that.. but then he tries to add the left & right borders further down in the css.. he should just border the whole wp_syntax div itself, then adjust the inner contents from there ><

[candyflip]

I had my girl post that. She has a few other suggestions too, if you're interested.

[fris]

thanks for the help, got it ;)

[bns666]

btw, on that site, how do you get those "hot posts" ?

[Jakez]

Originally Posted by candyflip

I had my girl post that. She has a few other suggestions too, if you're interested.

Your girl knows CSS?

[fris]

Originally Posted by bns666

btw, on that site, how do you get those "hot posts" ?

just a function to get highest viewed posts.

[bns666]

Originally Posted by fris

just a function to get highest viewed posts.

well, how do you that?

[fris]

Originally Posted by bns666

well, how do you that?

using post views plugin then just call it via widget or template tag

<?php get_most_viewed('post',5);?>

[Juicy D. Links]

pussy lips

[candyflip]

Originally Posted by Jakez

Your girl knows CSS?

Yep. But even I can't afford her.

[icymelon]

I have been looking to take a night class to really learn css I wish there was a good non-online non adobe option

[bns666]

Originally Posted by fris

using post views plugin then just call it via widget or template tag

<?php get_most_viewed('post',5);?>

thank you!

[DangerX !!!]

Originally Posted by candyflip

I had my girl post that. She has a few other suggestions too, if you're interested.

Originally Posted by candyflip

Yep. But even I can't afford her.

Is she the one from your sig? If so then I might be interested with her suggestions too... I have lotsa CSS/HTML work to be done. Can you give me her number? I would like to take a look at her pricing.