Random Colour - Help

Sam! · Feb 25, 2010

http://www.movie-estate.com/

If you look below the Twitter and RSS buttons, there is a thin 2px high bit of grey. I indentified the colour as #7C7C7C, which I can't find in my CSS. I have tried making the images bigger, but this just pushes everything else down while the colour remains.

I can provie the CSS, sidebar etc. codes if it's helpful. Will donate $500 FP and +REP to whoever can fix my problem. Thanks 🙂 .

Raptor · Feb 25, 2010

This is as simple as it is . The problem is that the images itself has those grey borders . I can modify those images and post it here . If you add those images , then the problem will be gone !

EDIT : Changed those buttons . Try it now .

Sam! · Feb 25, 2010

I'm fairly certain that the images don't have a grey border, but if you can modify them then it's worth giving it a go. Cheers.

Raptor · Feb 25, 2010

Edited my previous post . Try those buttons .

Sam! · Feb 25, 2010

Have a look now. You made the background transparent...and it turns out that the problem is with what is behind there, however I change that. Thank you for giving it a go, though.

Raptor · Feb 25, 2010

Okay , let me try once again .

EDIT : Try these . I think they'll work now .

Sam! · Feb 25, 2010

Like I just said, the problem doesn't lie with the images, so if you can offer any suggestion as to how to change this colour (with its code which I can't find), then it can be fixed.

Raptor · Feb 25, 2010

Did you try with the above images ? I mean the second set ?

Sam! · Feb 25, 2010

They're up now. The grey line is still there.

Raptor · Feb 25, 2010

I dont think I can see the grey line now .

Are you referring to the grey line above the "categories" button ? The thin straight line ?

Sam! · Feb 25, 2010

Yes, that grey line.

David · Feb 25, 2010

How wide is the sidebar? And can I see the css please?

Sam! · Feb 25, 2010

The sidebar is, I'm pretty sure, 254px wide.

The CSS:

Code:

/*
Theme Name: Deep Red
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description: A two-column layout with a touch of red. Based on the <a href="http://templates.arcsin.se/deep-red-website-template/">Deep Red website template</a>.
Author: Viktor Persson
Author URI: http://arcsin.se/
Last updated: 2009-05-27
*/


/* standard elements */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #6C1400 url(img/bgbody.gif) repeat-y center top;
	font: normal 0.7em Tahoma,Verdana,sans-serif;
}
div a {
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
}
.commentlist a {
	color: #D91623;
	cursor: pointer;
	text-decoration: none;
}

h1 {
	color: #444;
	font: normal 2em sans-serif;
	margin: 18px 0 0 0;
}
code {
	background: url(img/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #D91623;
	color: #555;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	background: url(img/quote.gif) no-repeat;
	color: #555;
	display: block;
	font: bold 1.2em "Trebuchet MS",serif;
	margin: 6px 0;
	padding-left: 28px;
}

/* structure */
.main {
	width: 680px;
	margin: 0 auto;
}
.main_left {
	float: left;
        padding-top: 0px;
	width: 420px;
}
.main_right {
        background: #FFF
	border-top: 0px;
	float: right;
	width: 254px;
        color: #FFF;
        font-weight: bold;
}

.footer {clear: both;}

/* misc */
.left {
	float: left;
}
.right {
	float: right;
}
.clearer {
	clear: both;
	font-size: 0;
	line-height: 0;
	display: block;
}

.header,.link_projects,.lbl,.link_updates a {
	border-bottom: 6px solid #FFF;
}

div.link_projects a:hover,div.link_updates a:hover,div.sidebar a:hover, .content a:hover, div.footer div.left a:hover {
	background: #D7162C;
	color: #FFF;
}

div.link_subpages {background: #FFF url(img/grdnt_gray.gif) repeat-x;}
div.link_subpages li {list-style: none; border-bottom: 5px solid #FFF;}
div.link_subpages a {
	display: block;
	padding: 15px 5%;
	width: 90%;
	font-weight: bold;
}
div.link_subpages a:hover {
	background: #D7162C;
	color: #FFF;
}

/* logo */
.header {
	background: #D91623 url(img/bgheader.png) repeat-x;
	height: 180px;
}
.header h1 {
	margin: 0;
	padding: 124px 0 0 24px;
	font: normal 2.2em Verdana,sans-serif;
        display: none; 
}



/* main navigation */
.link_menu {
	background: #CC2224 url(img/grdnt_red.png) repeat-x;
}
.link_menu a {
	border-bottom: 1px solid #FFF;
	display: block;
	font: bold 0.9em Verdana,sans-serif;
	height: 18px;
	padding: 6px 0 0 10px;
	text-decoration: none;
}
.link_menu a:hover {background: #444;}

#navMenu li {
	list-style-type:none;
}

/* projects */
.lbl {
	background: #222 url(img/bglbl.gif) repeat-x;
	clear: both;
	color: #FFF;
	font: normal 2em "Lucida Sans Unicode",sans-serif;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-align: center;
}
.link_projects a {
	display: block;
	height: 100px;
	text-align: center;
	color: #FFF;
	padding-top: 24px;
	width: 124px;
	font-size: 0.9em;
	font-family: sans-serif;
}
.link_projects a span {
	font: normal 5em sans-serif;
}
a.g1 {
	background: #888;
}
a.g2 {
	background: #666;
	border-left: 6px solid #FFF;
}

/* updates */
.link_updates {
	background: #222 url(img/grdnt_gray.gif) repeat-x;
}
.link_updates .lbl {
	height: 100px;
	line-height: 100px;
}
.link_updates a {
	clear: right;
	display: block;
	font: normal 1em "Trebuchet MS",sans-serif;
	height: 55px;
	padding: 10px 0;
	text-align: center;
}
.link_updates a span {
	float: left;
	font: bold 1.1em Verdana,sans-serif;
	margin-left: 6px;
	margin-top: 14px;
	padding: 5px;
}

/* content */ 
.content {
	color: #444;
	font-family: Verdana,sans-serif;
	line-height: 1.3em;
	padding: 0 10px 10px; 
}
.content a {
	color: #FD1C24;
}
.content p {
	margin: 4px 0 10px 0;
}
.content .descr {
	color: #666;
	margin-bottom: 6px;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}

/* footer */
.footer {
	color: #666;
	clear: both;
}
.footer .right a {
	background: #2A2A2A;
	color: #555;
	padding: 1px 3px;
}
.footer .right a:hover {
	background: #383838;
	color: #999;
}
.footer .left a {
	color: #777;
}
.footer .left {
	border-top: 1px solid #F0F0F0;
	padding: 9px 0 9px 9px;
	width: 407px;
}
.footer .right {
	margin-right: 8px;
	padding: 9px 0;
	text-align: right;
	width: 220px;
}

/* COMENTS */
.commentlist li {
	background: url(img/bgcode.gif);
	border: 1px solid #F0F0F0;
	border: 1px solid #000;
	color: #555;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
}

.commentmetadata a, #commentform a {
	color:#D91623;
}
#comment {
	width:97%;
	height:15em;
}
.insertando {
	text-align:center;
	font-size:1.5em;
}
img.avatar {float:right; margin-left:3px; border: 1px solid #000;}


/* Widgets */
.widge ul {
	padding: 12px;
	background: #
}

.widget ul {background: #222 url(img/grdnt_gray.gif) repeat-x;}
.widget ul li {list-style: none; border-bottom: 5px solid #FFF;}
.widget ul a {
	display: block;
	padding: 15px 5%;
	width: 90%;
	font-weight: bold;
}
.widget ul a:hover {
	background: #D7162C;
	color: #FFF;
}
.widget form {color: #AAA; padding: 12px;
}

Raptor · Feb 25, 2010

I dont think I can provide a solution to that . It just seems to pop up from nowhere .

Sam! · Feb 25, 2010

Don't worry about it, Raptor. The fact that it seems to pop up out of nowhere is the issue. Thanks for your help anyway 🙂 .

David · Feb 25, 2010

Ok, try going to your css and change this:

Code:

.link_updates .lbl {
   height: 100px;
   line-height: 100px;

to this:

Code:

.link_updates .lbl {
   height: 98px;
   line-height: 98px;

Sam! · Feb 25, 2010

Nope, that doesn't work. It just makes that 'Categories' box shorter.

JamesD31 · Feb 25, 2010

1) You have some pretty HORRIBLE CSS techniques and styles. For example, for borders, padding, etc. They are all in pixels, not points, so change every pt to px.

Code:

.main_right {
   background: #FFF
   border-top: 0px;
   border-bottom: 0px;
   float: right;
   width: 254px;
   color: #FFF;
   font-weight: bold;
}

try replacing that. if not than add this to your code:

Code:

.main_right span a {
   border-bottom: 0px;
}

try that and let me know

EDIT: Also, a great tool for people to use if your a designer would be the Web Developer add-on for FireFox 🙂 it helped me pin-point what DIV that border was in and fix it 🙂

Sam! · Feb 26, 2010

1) I didn't code the CSS, just made some minor alterations 😛 .

And no, neither of those work 🙁 .

Sam! · Mar 26, 2010

Anybody else help? This is still nagging at me.

Random Colour - Help

Resident

Paragon

Resident

Paragon

Resident

Paragon

Resident

Paragon

Resident

Paragon

Resident

Madly Diligent

Resident

Paragon

Resident

Madly Diligent

Resident

Addicted

Resident

Resident

About Us

Sponsors

Affiliates

Stay Connected

We value your privacy