...

View Full Version : Help adding items to my header



redwagontoy
07-29-2012, 10:59 PM
This is my website:

http://www.rodytoy.com/

I would like to add some additional items to my global header and not sure how add my item in. I would like to add a couple of images to the right of my logo, one which would be my phone# http://www.rodytoy.com/images/phone.jpg

Below is both the csss and code for this header. I just don't know enough css to figure out how to position any additional images I want to place on my header.


Scott


This is my CSS:



#global-header{
background:url() no-repeat top;
}

#logo{
padding-top:20px;
height:59px;
width:213px;
}

#logo a{
background: url(/images/RW-logo4.jpg) no-repeat scroll left top transparent;
cursor:pointer;
display:block;
height:51px;
width: 300px;
}

#logorody{
padding-top:20px;
height: 59px;
width: 250px;
}

#logorody a{
background:url(/images/rodytoy.jpg) no-repeat scroll left top transparent;
cursor:pointer;
display:block;
height: 60px;
width: 250px;
}


#logoh{
padding-top:20px;
height: 59px;
width: 250px;
}

#logoh a{
background:url(/images/hblogo.jpg) no-repeat scroll left top transparent;
cursor:pointer;
display:block;
height:55px;
width: 250px;
}

#logoradioflyertoy{
padding-top:20px;
height: 59px;
width: 250px;
}

#logoradioflyertoy a{
background:url(/images/radioflyertoy-logo-current.jpg) no-repeat scroll left top transparent;
cursor:pointer;
display:block;
height:55px;
width: 250px;
}


#phone{
line-height:22px;
color:#000000;
left: 300px;
top: 45px;
position: relative;
font:16px/1.46 Tahoma, Geneva, sans-serif;

}

#phone a{
color:#646464;

}

/*** Added in new phone image ***/



/*** Added in new phone image ***/
#search{
float:right;
padding:40px 0 4px 0;
}

#header-links{
float:right;
padding:40px 12px 0 0;
line-height:22px;
color:#ededed;
text-align:right;
}
#header-links a{
color:#646464;
}


This is my header code:




<div id="global-header">
<div id="search">
<form method="post" action="http://www.redwagontoy.com/miva/merchant.mvc?Screen=SRCH">
<input type="hidden" name="Store_Code" value="RWTC" />
<input type="text" name="Search" id="searchfield" value="" class="textfield" />
<input type="submit" value="Search" class="button" />
</form>
</div>


<div id="header-links">
<a href="http://www.redwagontoy.com/miva/merchant.mvc?Store_Code=RWTC&amp;Screen=LOGN">Sign In</a>
<span class="grey">|</span>
<a href="http://www.redwagontoy.com/miva/merchant.mvc?Store_Code=RWTC&amp;Screen=ORHL">Order History</a></div>
<div id="logorody"><a href="http://www.rodytoy.com/"></a></div>


</div>


<div id="navigation-bar">

<ul>
<li class="navigation-item-off first-child" id="nav-checkout">
<div class="item-left-side">



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum