Announcement

Collapse
No announcement yet.

simple html formatting

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

    simple html formatting

    I am editing a product description in the extended information tab.

    I wanto put a title in an H1 tag and immediately start the text underneath. When I put in the H1 tag and do an upload it is automatically putting in an extra line meaning a space between the H1 tag and the description.

    Can someone help how to remove that please?

    I am getting:

    Title here

    description here............................

    I want:

    Title here
    desctiption here............................

    #2
    margin-bottom: 0px;

    needed on the H1 declaration in the stylesheet.

    or create your own specific style for this area:

    .H1noMargin {
    margin: 0;
    }

    and then define your H1 as:

    <h1 class="H1noMargin">blah blah..</h1>

    Comment


      #3
      Or you could just use html?

      Code:
      <strong><font size="7">Title</font></strong><br>
      Description<br>
      However what i would do is use a table, not a must but its just proved a good way of aligning text and stuff, up to you ?

      Code:
      <table border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><strong><font size="7">Title</font></strong></td>
        </tr>
        <tr>
          <td>Description</td>
        </tr>
      </table>
      and of course you can incorporate the style sheets and tables for better across-site consistency, as Lee suggests, also i have used "xx-large", which is commonly used in Actinic as I believe users can modify font-sizes using their browser. (oh and a red font... go for it...its a title)

      Add this to actinic.css
      Code:
      .titleh1bold {
      	font-size: xx-large;
      	font-weight: bold;
      	color: #FF0000;
      }

      Code:
      <td><div class="titleh1bold">Title</div></td>
      Not sure why but H1 does the same when i tried it ???

      If your modifying your primary templates drop this straight in, however if your adding into a text box in Actinic use the tags !!< >!!.

      Hope this helps, Simon.
      esafetysigns.co.uk
      your instant download portal for self printable health and safety signs and posters
      ... download once use as many times as you like !


      http://www.esafetysigns.co.uk/index.html
      http://www.esafetysigns.co.uk/acatalog/index.html

      Comment


        #4
        I would guess Froogle wants to keep the H1 tag in the code though for SEO.

        Comment


          #5
          Oh? So h1 tags are good/better? tell me more.....

          Code:
          <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><h1>Title</h1></td>
            </tr>
            <tr>
              <td>Description</td>
            </tr>
          </table>
          But do SE's read through tables without problems?

          Simon?
          esafetysigns.co.uk
          your instant download portal for self printable health and safety signs and posters
          ... download once use as many times as you like !


          http://www.esafetysigns.co.uk/index.html
          http://www.esafetysigns.co.uk/acatalog/index.html

          Comment


            #6
            Originally posted by simonwar
            Not sure why but H1 does the same when i tried it ???
            Cos it's a specific tag with a specific purpose. Your way is crap for SEO.

            Comment


              #7
              But does the table method work for SEO?
              If not why not, out of interest?
              esafetysigns.co.uk
              your instant download portal for self printable health and safety signs and posters
              ... download once use as many times as you like !


              http://www.esafetysigns.co.uk/index.html
              http://www.esafetysigns.co.uk/acatalog/index.html

              Comment


                #8
                'Work' is a funny word Simon where coding is concerned, there are many ways to do things, some far longer than others and some so far off from what you should be doing, however they could all be classed as 'working' to some extent.

                I don't think coding is about 'does it work', it should be looked at from the question, 'is this the very best way of doing things', that is what it means to me. If you include a <h1> tag into a table as you mentioned, you will have exactly the same problem that the original poster was asking about. In your posts there is at least 3 or 4 things which are bad advice, yet you use them and have found no problems obviously. An experienced coder would never suggest a few of the things that you have suggested, but it's all about experience and knowledge.

                Coding isn't just about what your visitor gets to see nowadays. Bad coding will often be seamless to a user, however, we now have to code for search engines also, this is the area where incorrect coding usually fails IMO. Perhaps 'fail' is fractionally too stronger word, it's more about not using things to your very best advantage.

                Comment


                  #9
                  Thanks, what you say is spot on, after checking my solution the space at the bottom crept back in despite my preview in Dweaver, I tried yours and it worked... apologies for the duff gen.

                  It is fair to say that my overall experience is not complete, and i am learning all the time. I will take this on board.

                  Q. Interesting question though, why are there no <h1> tags in Actinic templates?

                  Q. Do any of the other <h?> tags work for SEO, I just modified one of my templates with my newly aquired info, (<h1>), and WOW... off the screen with hideously LARGE text

                  Sorry to drag this out, but if I'm gonna learn.... thanks.
                  esafetysigns.co.uk
                  your instant download portal for self printable health and safety signs and posters
                  ... download once use as many times as you like !


                  http://www.esafetysigns.co.uk/index.html
                  http://www.esafetysigns.co.uk/acatalog/index.html

                  Comment


                    #10
                    Originally posted by simonwar
                    Q. Interesting question though, why are there no <h1> tags in Actinic templates?

                    Q. Do any of the other <h?> tags work for SEO, I just modified one of my templates with my newly aquired info, (<h1>), and WOW... off the screen with hideously LARGE text.
                    Actinic does use the <h1> tag in some templates, prime use for it should be the section name, just above the breadcrumb trail. Ideally you then want your product descriptions as <h2> which i'm sure they pretty much do on all templates.

                    From memory the h1 is styled within the stylesheet, so the size of the text can be controlled as can most things with css. I'm sure its towards the top of the list. I usually declare the font size for the body text and then declare the <h> tags as a percentage of that size i.e. h1 - 130%, h2 -115%, h3 - 105% etc. or something like that, i just use my eyes basically.

                    Two quick things for you:

                    Code:
                    <table border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td><h1>Title</h1></td>
                      </tr>
                      <tr>
                        <td>Description</td>
                      </tr>
                    </table>
                    would be:

                    <h1>Title</h1>
                    <p>Description</p>

                    and

                    Code:
                    <td><div class="titleh1bold">Title</div></td>
                    would be:

                    Code:
                    <td class="titleh1bold">Title</td>
                    You are basically just using too much code to do what you want. All html can be styled, no need for a <div> to get a style in, apply it to the <td> instead.

                    Comment

                    Working...
                    X