PDA

View Full Version : Need a few bits of my blog tweaking



chrisw87
Jul 21st, 2009, 08:35 AM
Hi,

I have a few small tweaks and problems which I need some help with if possible.

My blog can be viewed over at http://www.indiescreet.com/ it uses a modified Wordpress Theme called Elegant Grunge http://rubayathasan.com/apps/elegant-grunge-mod/

The first problem is the thick grey line running under the navigation menu (home, about... etc) I'm not sure why this is appearing and why it appears larger on some browsers than others. I want to get rid of the line totally if possible.

The second issue I have is I want to make my header image a link, pretty simple I thought, but whatever I have tried has failed miserably.

My third and hopefully final issue is in each post. When viewing in IE the social icon links below Share This Post have a grey circle around each of them which should not be there. These icons are part of a plugin called Sociable, I believe it may be something to do with them highlighting when the mouse is over them but I am not sure.

All help is much appreciated. I won't supply any code as of yet but can on request no problem.

Regards,

Chris

abduraooft
Jul 21st, 2009, 10:06 AM
The first problem is the thick grey line running under the navigation menu (home, about... etc) I'm not sure why this is appearing and why it appears larger on some browsers than others. I want to get rid of the line totally if possible.

body {style.css (line 56)
background:#4C4C4C none repeat scroll 0 50%;
color:#606060;
font-family:"Palatino","Georgia","Baskerville",serif;
margin:0;
padding:0;
}
It's the background applied to body element.

The second issue I have is I want to make my header image a link, pretty simple I thought, but whatever I have tried has failed miserably.
I'd say, you've some kinda divitis (http://csscreator.com/?q=divitis)!
It's better to cut your header image to seperate the title and add it as an <img> tag, which would be more semantic (http://http://boagworld.com/technology/semantic-code-what-why-how)


My third and hopefully final issue is in each post. When viewing in IE the social icon links below Share This Post have a grey circle around each of them which should not be there. These icons are part of a plugin called Sociable, I believe it may be something to do with them highlighting when the mouse is over them but I am not sure. Might be those dish water grey effect (http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/) :p (google for IE+png+transparency for more links to read)