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

- Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)

- - baffled by this css, cant seem to get it (https://gfy.com/showthread.php?t=1013965)

baffled by this css, cant seem to get it

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;

}

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.

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;

Quote:

Originally Posted by candyflip (Post 17976295)

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 ><

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

thanks for the help, got it ;)

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

Quote:

Originally Posted by candyflip (Post 17976317)

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

Your girl knows CSS?

http://i.imgur.com/1mvAm.jpg

Quote:

Originally Posted by bns666 (Post 17976416)

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

just a function to get highest viewed posts.

Quote:

Originally Posted by fris (Post 17976545)

just a function to get highest viewed posts.

well, how do you that?

Quote:

Originally Posted by bns666 (Post 17976563)

well, how do you that?

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

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

Quote:

Originally Posted by Jakez (Post 17976478)

Your girl knows CSS?

http://i.imgur.com/1mvAm.jpg

Yep. But even I can't afford her. :1orglaugh

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

Quote:

Originally Posted by fris (Post 17976756)

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

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

thank you!

Quote:

Originally Posted by candyflip (Post 17976317)

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

Quote:

Originally Posted by candyflip (Post 17976317)

Yep. But even I can't afford her. :1orglaugh

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. :)