View Full Version : Move header image away from toplinks
abaheforums
10-18-2012, 12:53 PM
Hello,
I uploaded a header image to my vb forum , I need to get it a little down from toplinks..
I mean toplinks then a little space then my header image .
I tried changing header padding and margins from style vars editor (top = 20 px) ,both of image and toplinks moved 20 pixels
How to move the image without moving top links ???
Thanks
Lynne
10-18-2012, 01:48 PM
Can we get a link to the page and an image of what you want it to look like.
abaheforums
10-18-2012, 01:59 PM
I attached it .
Thanks
RipperJack
10-18-2012, 06:22 PM
You can do something like this:
Find in your header template:
<div id="header" class="floatcontainer doc_header">
Add:
style="padding-top: 20px;"
so your finished code will look like this:
<div id="header" class="floatcontainer doc_header"style="padding-top: 20px;">
You can change the padding to whatever works for you
Lynne
10-18-2012, 09:50 PM
Or, if you posted a link to your site, then we could just write some simple CSS for you to add.
abaheforums
10-19-2012, 07:21 AM
You can do something like this:
Find in your header template:
<div id="header" class="floatcontainer doc_header">
Add:
style="padding-top: 20px;"
so your finished code will look like this:
<div id="header" class="floatcontainer doc_header"style="padding-top: 20px;">
You can change the padding to whatever works for you
Many big thanks to you ,it worked !
Thanks a lot.
abaheforums
10-19-2012, 11:43 AM
I found a strange issue :
forum is ok on google chrome and firefox
but on explorer :
toplinks bar went down to the header image and when I move the mouse over it ,it jumbs to the left !!! as attachment !!!
How to come over that ???
abaheforums
10-23-2012, 05:44 PM
Hello ?
Lynne
10-23-2012, 08:49 PM
Sorry, but I told you I needed a link to your site in order to help. If you won't post one, then you will need to wait for somebody else to help that doesn't need a link to your site.
abaheforums
10-31-2012, 08:02 PM
My link is HERE (http://www.gulfjobsdirectory.com/forum/) please try in Explorer .
Thanks
Lynne
10-31-2012, 08:32 PM
I don't have explorer, so I can't view it in explorer, but have you tried adding "float: left" to the CSS for it?
abaheforums
11-01-2012, 07:57 PM
I tried adding it to the same line of header template like that :
<div id="header" class="floatcontainer doc_header"style="padding-top: 50px;" float: left>
but it didn't work
The main css file displays this message :
"This CSS file is closed and old, and is available here for reference purposes only."
Lynne
11-01-2012, 09:08 PM
No, don't add it to the div - add it to the CSS for that area. (And, you should have added it inside the quotes for the style, and there should be a space between the quote and the word style.) And, you no longer use the Main CSS page - that is there for archival purposes only - you would use the Template called additional.css
abaheforums
11-03-2012, 08:38 AM
Thanks for reply
I added those lines
.toplinks {
float: left;
}
to additional.css template
but the problem is still present !
Lynne
11-03-2012, 03:45 PM
Sorry, but as I said previously, I don't have IE so I can't really help.
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.