Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

the right position


mariusmoisa

Recommended Posts

hi,

 

i can't put the links from the header on the right locations as in the attachment

 

 

 

my stylesheet :

 

#NewHeaderLeftSide {

height :100px;

padding-right:650px;

 

}

#NewHeaderLeftSideTop {

height:10px;

text-align:left;

font-size:14px;

font-weight:bold;

margin-left:2px;

 

}

#NewHeaderRightSide {

height :100px;

padding-left:500px;

 

}

#NewHeaderRightSideTop {

height:10px;

text-align:right;

font-size:14px;

font-weight:bold;

margin-right:5px;

 

}

#NewHeaderFacebookCenter {

height :30px;

padding-left:50px;

padding-right:50px;

width:30px;

float:none;

}

#NewHeaderFacebookCenterTop {

height:30px;

text-align:center;

font-size:14px;

font-weight:bold;

margin:5px;

}

 

and the result since now is : http://soundell.com

 

 

any help is appreciated . thank you .

post-311604-0-38646000-1339619271_thumb.jpg

Link to comment
Share on other sites

now my css is :

 

 

#NewStoreHeader {

background-color:#F00;

height:60px;

width:100%;

}

 

#NewHeaderLeftSide {

height :60px;

background-color:#03F;

width:30px;

padding-right:320px;

border:20px;

}

#NewHeaderLeftSideTop {

text-align:justify;

font-size:14px;

font-weight:bold;

}

 

#NewHeaderFacebookCenter {

height :30px;

width:30px;

background-color:#03F;

padding-right:320px;

padding-left:320px;

 

}

#NewHeaderFacebookCenterTop {

font-size:14px;

font-weight:bold;

font-align:center;

 

}

#NewHeaderRightSide {

height :30px;

background-color:#03F;

width:60px;

padding-left:320px;

}

#NewHeaderRightSideTop {

text-align:right;

font-size:14px;

font-weight:bold;

 

}

 

 

and my header :

 

 

if ($messageStack->size('header') > 0) {

echo '<div class="grid_24">' . $messageStack->output('header') . '</div>';

 

 

}

?>

 

<div id="NewStoreHeader" class="grid_24" width="100%" >

 

 

 

<div id="NewHeaderLeftSideTop" class="grid_6" ><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT) . '">' . 'LOG IN' . ' | ' . '<a href="' . tep_href_link(FILENAME_CREATE_ACCOUNT) . '">' . 'REGISTER It\'s free' . '</a>' ; ?></div>

 

<div id="NewHeaderFacebookCenterTop" class="grid_5" >Facebook</div>

 

<div id="NewHeaderRightSideTop" class="grid_7" ><?php echo '<a href="' . tep_href_link(FILENAME_FAQ) . '">' . 'FAQ' . ' | ' . '<a href="' . tep_href_link(FILENAME_ABOUT) . '">' . 'About' . ' | ' . '<a href="' . tep_href_link(FILENAME_HELP) . '">' . 'Help' . ' | ' . '<a href="' . tep_href_link(FILENAME_CONTACT_US) . '">' . 'Contact us' . '</a>'; ?></div>

 

</div>

<div id="header" class="grid_24">

 

<div id="storeLogo"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'store_logo.png', STORE_NAME) . '</a>'; ?></div>

 

<script type="text/javascript">

$("#headerShortcuts").buttonset();

</script>

</div>

 

 

can someone tell me please where i go wrong ? or is simpler to make a box ? thank you .

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...