baffled by this css, cant seem to get it - GoFuckYourself.com

fris · 03-13-2011, 07:56 AM

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

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 · 03-13-2011, 08:09 AM

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

Code:

.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 · 03-13-2011, 08:28 AM

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 · 03-13-2011, 08:30 AM

Quote:

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 · 03-13-2011, 08:50 AM

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

fris · 03-13-2011, 09:13 AM

thanks for the help, got it ;)

bns666 · 03-13-2011, 10:29 AM

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

Jakez · 03-13-2011, 11:35 AM

Quote:

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 · 03-13-2011, 12:17 PM

Quote:

Originally Posted by bns666

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

just a function to get highest viewed posts.

bns666 · 03-13-2011, 12:29 PM

Quote:

Originally Posted by fris

just a function to get highest viewed posts.

well, how do you that?

fris · 03-13-2011, 02:40 PM

Quote:

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 · 03-13-2011, 03:04 PM

pussy lips

candyflip · 03-13-2011, 03:39 PM

Quote:

Originally Posted by Jakez

Your girl knows CSS?

Yep. But even I can't afford her.

icymelon · 03-13-2011, 03:41 PM

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 · 03-13-2011, 04:58 PM

Quote:

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 !!! · 03-13-2011, 07:10 PM

Quote:

Originally Posted by candyflip

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

Quote:

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.

03-13-2011, 08:50 AM	#5
candyflip Carpe Visio Industry Role: Join Date: Jul 2002 Location: New York Posts: 43,061	I had my girl post that. She has a few other suggestions too, if you're interested. __________________ Spend you some brain. Email Me

03-13-2011, 10:29 AM	#7
bns666 Confirmed Fetishist Industry Role: Join Date: Mar 2005 Location: Fetishland Posts: 11,526	btw, on that site, how do you get those "hot posts" ? __________________ ⭐ CAM SODA ⭐ STRIPCHAT ⭐ ⭐ CHATURBATE ⭐ X LOVE CAM ⭐

03-13-2011, 03:41 PM	#14
icymelon Confirmed User Industry Role: Join Date: Dec 2007 Location: Las Vegas Posts: 3,220	I have been looking to take a night class to really learn css I wish there was a good non-online non adobe option __________________ Network Of Adult Blogs With Hardlink Rentals Available

03-13-2011, 08:28 AM	#3
candyflip Carpe Visio Industry Role: Join Date: Jul 2002 Location: New York Posts: 43,061	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; __________________ Spend you some brain. Email Me

03-13-2011, 09:13 AM	#6
fris Too lazy to set a custom title Industry Role: Join Date: Aug 2002 Posts: 55,372	thanks for the help, got it ;) __________________ Since 1999: 69 Adult Industry awards for Best Hosting Company and professional excellence. WP Stuff

03-13-2011, 03:04 PM	#12
Juicy D. Links So Fucking Banned Industry Role: Join Date: Apr 2001 Location: N.Y. -Long Island -- Posts: 122,992	pussy lips