Announcement

Collapse
No announcement yet.

Header Allignment

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
    #1

    Header Allignment

    Hi, we've recently upgraded our site into v8 from 7. The site is looking almost the same apart from a few things.

    Our header buttons seem to have come out of allignment and out actual header board now seems to be bigger that the actual .gif inserted into it.

    Anyone know what i need to edit to get my desired result?

    this is out old v7 site which is how i'm wanting it to look | www.classixshop.com

    here the code for the inc_header.php

    HTML Code:
    <!-- Header HTML begin -->
<!-- This file is used to build the page headers including the title, logo, etc. -->


<!-- If customer accounts are in operation following two lines allow displaying -->
<!-- User name and customer account name on every page -->
<Actinic:NOWSERVING/>
<Actinic:CURRACCOUNT/><Actinic:LOGOUT_SIMPLE/>
<!-- The following two lines can be uncommented and moved to include the section image -->
<!-- and description in the section page headers -->
<!-- NETQUOTEVAR:SECTIONIMAGE -->
<!-- NETQUOTEVAR:SECTIONTEXT -->


<table class="main" width="770" cellspacing="1" cellpadding="0" border="0" bgcolor="#757575"><tr><td bgcolor="#000000">


<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td>
<a class="nobg" href="http://www.classixshop.com"><h1><img src="header.gif" width="770" height="80" border="0" alt=""></h1></a></td><td align="center"></td></tr></table>




</td></tr><tr><td bgcolor="#000000">

<table width="100%" cellspacing="0" cellpadding="0" border="0" style="background:url('side_bg.gif');background-position:top;"><tr ><td align="center"><ul><li><a class="menu" href="http://www.classixshop.com">HOME</a></li></ul>
</td><td align="center"><ul><li><a class="menu" href="http://www.classixshop.com/cgi-bin/ca000004.pl?ACTION=SHOWCART">CART</a></li></ul></td>
<td align="center"><ul><li><a class="menu" href="http://www.classixshop.com/cgi-bin/os000004.pl?ACTION=Start">CHECKOUT</a></ul></td><td align="center"><ul><li><a class="menu" href="http://www.classixshop.com/acatalog/faq.php">FAQ</a></ul></td><td align="center">
<ul><li><a class="menu" href="http://www.classixshop.com/acatalog/links.php">LINKS</a></ul></td><td align="center"><ul><li><a class="menu" href="http://www.classixshop.com/acatalog/feedback.php">FEEDBACK</a></ul></td><td align="center"><ul><li><a class="menu" href="http://www.classixshop.com/acatalog/contact.php">CONTACT</a></ul>
</td></tr></table></td></tr></table>






<!-- This file is used to build the page headers including the title, logo, Menu etc. -->
<!-- Header HTML end -->

    Any help appreciated | Cheers FrAz
    Cheers FrAz
    Tags: None
    #2
    for some reason your header image is between <h1> tags which have padding set in the CSS which is giving you the space around it.
    <h1> tags are for text, not images. Remove them from around your header logo and the space will probably close up around the image.
    Tracey

    Comment

      #3
      I c, i did change the banner as it was made up of two pictures at one point, with one liking to our feeback page, but found this a pain when trying to redesign the banner, so changed it to just the one picture. Removing the <hr1> tag had sorted that one out thankyou muchly, any ideas abooot the the buttons allignment? Cheers FrAz
      Cheers FrAz

      Comment

        #4
        I would remove the link to your test site before it is indexed by google

        Comment

          #5
          Originally posted by Classix
          any ideas abooot the the buttons allignment? Cheers FrAz
          compare the margins for your <ul> in your Actinic.css between V7 and V8. They appear to be different which is causing the problem with alignment
          Tracey

          Comment

            #6
            I'll look into the .css ting, but thanks for your help so far FrAz
            Cheers FrAz

            Comment

              #7
              Well i've checked the actinic.css files from v7 to v8 and can't see any differences with the <ul> margin setting, any other ideas?

              Cheers Fraz
              Cheers FrAz

              Comment

                #8
                actually, on looking at it again, I think you might have it declared twice in your CSS in V8?

                Checked your full actinic.css and make sure you don't have a second ul in there because it does appear as though one is overwriting the original.
                Tracey

                Comment

                  #9
                  Well i've checked and edited the actinic.css and can't seem to find the problem. Can anyone else help me!?

                  this is what my *.css file contains

                  HTML Code:
                  html{
height:100%;
margin-bottom:1px;
}

/*cope with inheritance bugs*/
body, table, th, tr, td{
font-size:10px;
font-family:arial,sans-serif;
color:#000000;
}

/*body specific*/
body{background:#000000;
margin:0;
scrollbar-arrow-color:#c8c01c;
scrollbar-3dlight-color:#666666;
scrollbar-highlight-color:#000000;
scrollbar-face-color:#000000;
scrollbar-shadow-color:#666666;
scrollbar-darkshadow-color:#666666;
scrollbar-track-color:#000000; 
scrollbar-base-color:#666666;
}



form,h1,h2{margin:0;}

table.main{margin:5px;}



/*LINKS PAGE*/
p.linktitle{
margin:5px;
font-size:16px;
font-weight:bold;}
p.linktext{
margin:5px;
margin-bottom:15px;
font-size:10px;}
p.linkslink{
margin:5px;
font-weight:bold;}



/*TOP NAVIGATION*/
ul{list-style: none;
margin:0;
margin-top:7px;
margin-bottom:7px;
padding:0;
text-align: center;
width:95px;
font-weight:bold;
font-size:11px;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
/* Styles for Menu Items */
li a.menu,a.menu:visited,a.menu:active {
	list-style: none;
	display: block;
	text-decoration: none;
	color: #b8b01b;
	background: #333; /* IE6 Bug */
	padding: 0px;
	border: 1px solid #757575;
	}
li a.menu:hover {
	list-style: none;
	display: block;
	text-decoration: none;
	color: #c8c01c;
	background: #3b3b3b; /* IE6 Bug */
	padding: 0px;
	border: 1px solid #757575;
	}



/*LINK STYLES*/

a:link,a:visited,a:active{
color:#b8b01b;
text-decoration:none;
font-weight:bold;
}
a:hover{
color:#c8c01c;
background-color:#333333;
}

a.footer:link,a.footer:visited,a.footer:active,a.footer:hover{
color:#666666;
text-decoration:underline;
background-color:#000000;
font-weight:normal;
}

a.nobg:link,a.bg:visited,a.bg:active{
color:#b8b01b;
text-decoration:none;
font-weight:normal;}
a.nobg:hover{
color:#c8c01c;
text-decoration:underline;}

a.asearch:link,a.asearch:visited,a.asearch:hover,a.asearch:active
{color:#ffffff;
font-size:11px;
text-decoration:underline;
margin:0;
margin-left:2px;
font-weight:normal;
}

a.whitebg:hover{background-color:#ffffff;}


/*PARAGRAPHS*/

p{font-size:12px;}

p.footer{margin:2px;color:#666666;font-size:9px;font-family:verdana;}



/*ACTINIC STYLES*/

.actCHECKOUTEM {background-color:NETQUOTEVAR:CHECKOUTEMCSS;}
.actCHECKOUTBG {background-color:NETQUOTEVAR:CHECKOUTBGCSS;}

.actwarningcolor{color:NETQUOTEVAR:REQUIREDCOLORCSS;}
.actrequiredcolor{color:NETQUOTEVAR:REQUIREDCOLORCSS;}
.actsearchhighlightcolor{color:NETQUOTEVAR:SEARCHHIGHLIGHTCOLORCSS;}
.actrequired{color:NETQUOTEVAR:REQUIREDCOLORCSS;}
.actwelcome{font-size:medium;color:NETQUOTEVAR:FGCOLORCSS;}

.actlogotext {font-size: x-small; color: #D9090E; font-style: normal; font-weight: bold; text-align: center}
.actlogout{font-size:x-small;color:NETQUOTEVAR:LINKCOLORCSS;}
.actwarning{font-size:x-large;color:NETQUOTEVAR:REQUIREDCOLORCSS;}
                  Cheers FrAz

                  Comment

                    #10
                    Hi Fraz,

                    I can't actually see what the problem is on your site. Everything looks aligned ok to me but maybe I'm missing something. Can you describe it a bit more or provide a screen shot with the problem please.
                    ********************
                    Tracey
                    SellerDeck

                    Comment

                      #11
                      it's on our test site, same address, but /test/acatalog.

                      but i've spoken to actinic support and they seem to have found the problem, so i'm ftp'in them a snapshot so they can look at it first hand

                      Cheers FrAz
                      Cheers FrAz

                      Comment

                      Previous template Next
                      Working...
                      X