Can't get ssl logo to sit in Header

[hardwiredtemplates]

Hello Fellow Zenners. I tried many things and cant get the ssl to move heigher up in the header. It should be horizontally aligned with the free shipping logo (logo3 in CSS). I should have enough room there.

My header is a 1000px (logo is 604-logo3 starts at 620 and its' 160px) That a total of only 780, with a remainder of 220 px. The sll is only 118px leaving plenty of room but no matter what I cant get it to move up.

Am I missing something here any help is appreciated.

website is www.fashionfavourites.com

[dbltoe]

Again, as I stated in your other post. You're trying to put three divs horizontally in a wrapper thinking they go in 1, 2, 3 sequence. You cannot put divs in that order like you would a table.

If you Google three-column div you will find some ways to do what you are trying to do. Continuing to try and throw margins, padding, etc at it won't work.

The three-column div site will show you how to place them in a 1, 3, 2 sequence that will work.

[hardwiredtemplates]

Again, as I stated in your other post. You're trying to put three divs horizontally in a wrapper thinking they go in 1, 2, 3 sequence. You cannot put divs in that order like you would a table.

If you Google three-column div you will find some ways to do what you are trying to do. Continuing to try and throw margins, padding, etc at it won't work.

The three-column div site will show you how to place them in a 1, 3, 2 sequence that will work.

hmm A little confused about 1,2,3 then 1,3,2. I took your earlier suggestions but guess this part I need to do a little more googling. Thank bud, I will search exatly what you suggested "three-column div" in google. looks like I missed that chapter.

p.s. Wondering if 3 div is the maximum. Is it possible for 4-column divs...just curiosity dont have to answer

[barco57]

you can stack them inline if you make sure they are all inside of another div, then set exact widths on all of the elements you want to stack, then float them all to the left. Once that is done use some margin left on each element to push it out to the right were you want it, start margin-left adjustments with the left most element.

[hardwiredtemplates]

you can stack them inline if you make sure they are all inside of another div, then set exact widths on all of the elements you want to stack, then float them all to the left. Once that is done use some margin left on each element to push it out to the right were you want it, start margin-left adjustments with the left most element.

This was my exact intention, I calculated out everything. This is my tpl_header.php file and you can see all three elements are inside the headerWrapper div

<div id="headerWrapper">

<!--bof-branding display-->
<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT, HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT) . '</a>'; ?></div>
<div id="logo3"><?php echo zen_image($template->get_template_dir(WOWFREE_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . WOWFREE_LOGO_IMAGE, WOWFREE_ALT_TEXT) ; ?></div>

<!-- bof ssl site seal -->
<div id="ssl">
<span id="___sitess__alt_img_wrapper_middle_image">
<a href="http://www.alphassl.com/" target="_blank" title="SSL Certificate" >
</div>

Some more code I dont want to flood the forum

</div>

Then in my stylesheet I used some left margin with the calculated values taking into acccount the size of the images.

I tried floating all there divs left and that is a mess. Guess what i am missing is where you say "stack them inline" hhmmm, Wonder how I can do that. here i come again google.

ps. I am still reading about tbltoe's suggestion about dbltoe's suggestion about three-column div and all I am finding is tutorials on a 3-column template.

[s_t_e_v_e]

Why bother putting your 3 images in 3 divs, then try to get them inline, when you can put 3 images (including relevant links) into 1 div??? or use Span to style them inline..??

[hardwiredtemplates]

Why bother putting your 3 images in 3 divs, then try to get them inline, when you can put 3 images (including relevant links) into 1 div??? or use Span to style them inline..??

Very intresting and a great point. I dont know anything about span nor inline stuff in fact I am reading about them in google for the first time in my life. Pardon me I am a total newbie.

If I am understanding you correct. you are saying I should remove the div tags (1 for logo, 1 for log3 and 1 for ssl) and just put everything (direct code) inside the headerWrapper div?. Then I can use some margin left to style them, is that correct mate?

By the way reason I put them in seperate divs, is so that in my css I can do something like #logo and style it. I am too scared/inexperienced to attempt to put the styling with the code.

thank for the suggestion.

[s_t_e_v_e]

I'd probably change the template and put all 3 items in the logo div... and see how it looks...

as long as you keep a backup and dont change too many things at once, have a go... you may surprise yourself.

plus - there are many here that will offer assistance.

[barco57]

What happened to the logoWrapper div?

<div id="logoWrapper">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

----bunch of tagline and banner code---

</div>
<br class="clearBoth" />
<!--eof-branding display--

[hardwiredtemplates]

What happened to the logoWrapper div?

<div id="logoWrapper">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

----bunch of tagline and banner code---

</div>
<br class="clearBoth" />
<!--eof-branding display--

barco57 I have no idea where you got that from but I have removed it. It seemed useless and I understand what i am doign now (sorta). It was in the headerWrapper. What i've done instead is just put all three images in headerWrapper. I'v just finished reading this http://www.webdesignfromscratch.com/...and-inline.php, And I am considering switching the divs into span... Do you think that would resolve my issues.?

Looks like after I get this working (hopefully soon)I've learned quiet a lot.