CSS/Header help please.
2 posters
Page 1 of 1
CSS/Header help please.
Hi, I'm looking for some help as I appear to have run out of ideas.
Been fiddling with the CSS a bit and managed to change the clolour of the header. Now I'm stuck and have 2 questions.
1) In the red circle in the top left of the screenshot, how do I get rid of the 2 grey bars and make it completely black? What do I need to change in the CSS that is posted with the screenshot (albeit rather small, sorry)?
2) If I was to put a small image in the same corner, would the image automatically resize itself and woud the text move over automatically.
Been trying to do this myself the entire day but I have to admit defeat. Thanks.
Been fiddling with the CSS a bit and managed to change the clolour of the header. Now I'm stuck and have 2 questions.
1) In the red circle in the top left of the screenshot, how do I get rid of the 2 grey bars and make it completely black? What do I need to change in the CSS that is posted with the screenshot (albeit rather small, sorry)?
2) If I was to put a small image in the same corner, would the image automatically resize itself and woud the text move over automatically.
Been trying to do this myself the entire day but I have to admit defeat. Thanks.
Last edited by baker.simon on March 23rd 2010, 6:12 pm; edited 1 time in total (Reason for editing : Additional comment)
baker.simon- New Member
- Posts : 14
Reputation : 0
Language : English
Re: CSS/Header help please.
Hmm ...
1- Let's try with a "width" and a "border none" in your CSS :
If it's an image, there is no other way than through a software for images.
2- Nope, it is'nt automatically resized. We need to use also a software, or putting the style in its tag or in the CSS with an attribute "class", as well for the padding (even if the text will shift to the right) :
Ypx >(top) Xpx >(right) Ypx >(bottom) Xpx >(left)
(Of course X (width) and Y (height) should be replaced by values).
1- Let's try with a "width" and a "border none" in your CSS :
- Code:
.headerbar {background: #000000 url('') top center repeat-y;
width: 100%; /*or a width "auto"------------------*/
border: none!important;
padding: 0pt 5px;
}
If it's an image, there is no other way than through a software for images.
2- Nope, it is'nt automatically resized. We need to use also a software, or putting the style in its tag or in the CSS with an attribute "class", as well for the padding (even if the text will shift to the right) :
- Code:
<img src="image_url" height="YY" width="XX" style="padding: Ypx Xpx Ypx;" border="0" alt="Image Title" />
Or in the CSS :
.class_name {width: XXpx; height: YYpx;
padding: Ypx Xpx Ypx;
}
and reclling in HTML so :
<img src="image_url" class="class_name" border="0" alt="Image Title" />
Ypx >(top) Xpx >(right) Ypx >(bottom) Xpx >(left)
(Of course X (width) and Y (height) should be replaced by values).
Similar topics
» I can't see the category header and header background color!
» Header Pic
» Header
» help with header changes
» Header
» Header Pic
» Header
» help with header changes
» Header
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum