Announcement

Collapse
No announcement yet.

Center Storefront Welcome

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Center Storefront Welcome

    I can't figure out why my Storefront Welcome won't center. All my category and product pages center nicely but my storefront welcome keeps aligning left.

    Anybody know why?

    www.harpkit.com
    Matt E.
    www.harpkit.com

    #2
    Re: Center Storefront Welcome

    Start with correcting the doctype issue:

    This:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>


    Is located about a third down the page. It should be the VERY first line of the page. (It usually goes into the Profile template which is then the first line in each page template.

    Then, look at this area:

    <link href="/mm5/css/main.css" rel="stylesheet" type="text/css" />

    <table width="600" border="0" align="center" cellpadding="2" cellspacing="2">
    <tr align="center">

    First, links should go in the head tag/css area. Secondly, centering with tables is "deprecated" meaning who knows what will happen. At least, replace the width=600 with width=100%, but better yet replace the table with:

    <div style="text-align:center; float:left; width:360px"> <p>Your paragraphs here</p></div>
    <div style="text-align:center; float:right; width:240px"><img of harp here></div>
    Bruce Golub
    Phosphor Media - "Your Success is our Business"

    Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
    phosphormedia.com

    Comment


      #3
      Re: Center Storefront Welcome

      Thanks Bruce. That is helpful. I know my code is a bit messy. I'm trying to clean it up as I go but I'm struggling.

      About the style sheet. I had originally put it in the Head Tag/CSS section but I edit in dreamweaver and if I don't link to the the style sheet in dreamweaver I can't see how my pages are actually going to look while I am editing. I'd welcome a work around to that issue if anyone has one.
      Matt E.
      www.harpkit.com

      Comment


        #4
        Re: Center Storefront Welcome

        So I changed my table width from 600px to 80% and that fixed the problem...

        I also moved my DOCTYPE from the HTML Profile in MIVA into my global header. That moved it closer to the top but not all the way.
        Matt E.
        www.harpkit.com

        Comment


          #5
          Re: Center Storefront Welcome

          Moving closer wont help. It HAS TO BE the very first line. What does the first line of the Storefront Page template read?
          Bruce Golub
          Phosphor Media - "Your Success is our Business"

          Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
          phosphormedia.com

          Comment


            #6
            Re: Center Storefront Welcome

            Here are the first few lines of the SFNT Page Template

            Code:
            <head>
                <title>&mvt:store:name;</title>
                <base href="&mvt:global:basehref;">
                <mvt:item name="head" param="head_tag" />
                <meta name="description" content="Quality, affordable musical instruments, kits and supplies including harps, guitars, dulcimers and more." />
            
            </head>
            Matt E.
            www.harpkit.com

            Comment


              #7
              Re: Center Storefront Welcome

              So either place the doc type before the HEAD tag, or use:

              <mvt:item name="html_profile" />

              make sure its selected as a item in the items list and then make sure that template has the doctype and HTML tag. Ie. <DOCTYPE ....> <HTML>
              Last edited by Bruce - PhosphorMedia; 03-03-11, 02:46 PM.
              Bruce Golub
              Phosphor Media - "Your Success is our Business"

              Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
              phosphormedia.com

              Comment


                #8
                Re: Center Storefront Welcome

                Hi Bruce,

                So I looked into this and I found some interesting things going on in dreamweaver. I use CS5. I also have the Sebenza Category and Template manager.

                When I edit the code for a Category template in Dreamweaver it will not let me save <mvt:item name="html_profile" /> above the <head> section. I put it there, save it, close it, reopen it and the <mvt:item name="html_profile" /> shows up on about line 15 (after the <mvt:item name="navbar">. It also creates a copy of the file with the extension .html.trans ???? I have no idea what is going on.

                But I can edit the category templates directly in MIVA and move the html profile above the head. I will just have to remember to do that whenever I make a change in dreamweaver.
                Matt E.
                www.harpkit.com

                Comment


                  #9
                  Re: Center Storefront Welcome

                  Sorry, don't know anything about how Merchant interacts with dreamweaver.
                  Bruce Golub
                  Phosphor Media - "Your Success is our Business"

                  Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
                  phosphormedia.com

                  Comment

                  Working...
                  X