Forums / Addon Templates / menubar won't center... EStore Now

menubar won't center... EStore Now

Views: 1,843

Results 1 to 7 of 7
13 Feb 2012, 11:39 PM
#1
rainbow_pixie_star avatar

rainbow_pixie_star

Zen Follower

Join Date:
Feb 2012
Posts:
427
Plugin Contributions:
0

menubar won't center... EStore Now

Hello,
I am using the estorenow template on my site craftjam.co.uk/directory

The menu bar that says- press competition etc, I would like this text to be centered and it wont. I have looked in the css but it seems ok. can anyone help me?

ezpages bar header...

<?php /** * Page Template * * Displays EZ-Pages Header-Bar content.<br /> * * @package templateSystem * @copyright Copyright 2003-2006 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license <http://www.zen-cart.com/license/2_0.txt> GNU Public License V2.0 * @version $Id: tpl_ezpages_bar_header.php 3377 2006-04-05 04:43:11Z ajeh $ */ /** * require code to show EZ-Pages list */ include(DIR_WS_MODULES . zen_get_module_directory('ezpages_bar_header.php')); ?> <?php if (sizeof($var_linksList) >= 1) { ?> <ul class="topmenu"> <li> <?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a> </li> <?php for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) { ?> <li> <a href="<?php echo $var_linksList[$i]['link']; ?>"><?php echo $var_linksList[$i]['name']; ?></a> </li>

style sheet...
/**

  • Main CSS Stylesheet
  • @package templateSystem
  • @copyright Copyright 2003-2007 Zen Cart Development Team
  • @copyright Portions Copyright 2003 osCommerce
  • @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
  • @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
    */
    /*******init/

/*************************************************************/
*{
margin:0;
padding:0;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent
}

ul{
list-style:none
}

blockquote,q{
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after{
content:'';content:none
}

:focus{
outline:0
}

ins{
text-decoration:none
}

del{

text-decoration:line-through

}

table{
border-collapse:collapse;
border-spacing:0
}
.clear{
clear:both
}
.right {
clear:right;
}
.left {
clear:left;
}
.center{
text-align:center;
}
/end of init*/

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #555555;
background:url(../images/background.png) repeat-x 0 0 #FFF ;
}

a{
color:#000000;
text-decoration: none;
}
a:link {
color: #000000;
text-decoration: none;
}

a:visited {
color: #000000;
text-decoration: none;
}

a:hover {
color: #21303c;

}

a:active {
color: #21303c;
}

h1 {
font-size: 1.5em;
}

h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.3em;
}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
font-size: 1.1em;
}

.biggerText {
font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
margin: 0.3em 3px;
}

CODE {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 1em;
}

FORM, SELECT, INPUT {
display: inline;
font-size: 1em;
margin: 0.1em;
}

TEXTAREA {
/* float: left;*/
margin: auto;
display: block;
width: 95%;
}

input:focus, select:focus, textarea:focus {
background: #F0F8FF;
}

FIELDSET {
padding: 0.5em;
margin: 0.5em 0em;
border: 1px solid #cccccc;
}

LEGEND {
font-weight: bold;
padding: 0.3em;
}

LABEL, h4.optionName {
line-height: 1.5em;
padding: 0.2em;
}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
margin: 0.5em 0.3em;
}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}
#logo{
width:300px;
overflow:hidden;
float:left;

}
#logo img{

}
#taglineWrapper{
float:right;
width:495px;
margin-right:20px;
margin-top:20px;
}

LABEL.inputLabel {
width: 11em;
float: left;
}

LABEL.inputLabelPayment {
width: 15em;
float: left;
}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
width: 12em;
float: left;
}

P, ADDRESS {
padding: 0.5em;
}

ADDRESS {
font-style: normal;
}

.clearBoth {
clear: both;
}

HR {
height: 1px;
margin-top: 0.5em;
border: none;
border-bottom: 1px solid #9a9a9a;
}

/Header*********************/

/topmenu*****/

.topmenu{
background:url(../images/menu_bg.png) no-repeat scroll left center;
display:block;
height:32px;
width:960px;
list-style:none;
border-bottom:
}
.topmenu li{
list-style:none;
float:left;
height:24px;
text-align:right;
padding:4px 5px 4px 5px;
display:inline;
}
.topmenu li a{
margin:0;
padding:0;
display:block;
font-size:14px;
font-weight:normail;
padding:4px 5px 4px 5px;
}

.topmenu li a:link,.topmenu li a:visited{
color:#333333;
font-weight:normal;

}

.topmenu li a:hover,.topmenu li a:active{
color:#666666;
font-weight:normal;
background:

}

Thankyou
Amy

14 Feb 2012, 4:05 PM
#2
rainbow_pixie_star avatar

rainbow_pixie_star

Zen Follower

Join Date:
Feb 2012
Posts:
427
Plugin Contributions:
0

Re: menubar won't center... EStore Now

Has anyone used this template and got the menu to center?

Amy

14 Feb 2012, 4:27 PM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: menubar won't center... EStore Now

I can't see why it won't center, but you could do something like this:

.topmenu {padding: 0 0 0 30em;}

I was expecting a site selling homemade fruit jam.

15 Feb 2012, 7:46 PM
#4
rainbow_pixie_star avatar

rainbow_pixie_star

Zen Follower

Join Date:
Feb 2012
Posts:
427
Plugin Contributions:
0

Re: menubar won't center... EStore Now

AHA! you legend!

Nope, no jams here, just laser cutting.

Don't suppose you know how to turn an ezpage into a competition page? I have code for a form but cant get it to work. I just need to be able to collect their name and email address and insert images of what they can win.

Thanks
Amy

16 Feb 2012, 12:13 PM
#5
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: menubar won't center... EStore Now

Forms can be placed in EZ pages. If you post the form code, and let us know what it isn't doing that you expect it to, we might be able to spot something.

16 Feb 2012, 9:48 PM
#6
rainbow_pixie_star avatar

rainbow_pixie_star

Zen Follower

Join Date:
Feb 2012
Posts:
427
Plugin Contributions:
0

Re: menubar won't center... EStore Now

This is the code I was going to use from my current website unles anyone knows any others? Also, stupid question, where do i insert the actual code? as it doesnt go in the main box

</p> <p> <script type="text/javascript">var host = (("https:" == document.location.protocol) ? "https://secure." : "http://");document.write(unescape("%3Cscript src='" + host + "wufoo.com/scripts/embed/form.js' type='text/javascript'%3E%3C/script%3E"));</script> <script type="text/javascript"> var m7x3p9 = new WufooForm(); m7x3p9.initialize({ 'userName':'craftjam', 'formHash':'m7x3p9', 'autoResize':true, 'height':'322'}); m7x3p9.display(); </script> </p> <p>

Thanks

16 Feb 2012, 9:49 PM
#7
rainbow_pixie_star avatar

rainbow_pixie_star

Zen Follower

Join Date:
Feb 2012
Posts:
427
Plugin Contributions:
0

Re: menubar won't center... EStore Now

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Wufoo : Competitions </title> <style type="text/css"> *{margin:0;padding:0;} html{overflow:hidden;} #wufoo{position:absolute;width:100%;height:100%;} body{margin-bottom:-17px;} iframe{height:100%;width:100%;border:none;} </style> </head> <body> <div id="wufoo"> <iframe title="Competitions" frameborder="0" src="http://craftjam.wufoo.com/forms/m7x3p9/"> <a href="http://craftjam.wufoo.com/forms/m7x3p9/" title="HTML form">Fill out my Wufoo form!</a> </iframe> </div> </body> </html>