Announcement

Collapse
No announcement yet.

Fragments In Columns On Home Page, Desperate Now

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

    Fragments In Columns On Home Page, Desperate Now

    Hi
    Well after 2 days I have given up on trying to sort fragments in columns.
    I have read every post and every post that refers to another post, even offer money to people who post to write me the html to sort it.

    All I want is my smart themed site www.wmmotorsport.com to have one wide fragment at the top with an image right and sum text, then below, 3 maybe 4 columns with a small image and a title under it so that you can navigate to the cataloge with ease as I have many many sections.

    Can some one post, send or charge me for a full how to do in simple words for a simple bloke like me plz??

    Ta very much
    David

    #2
    David,

    Do you mean a bit like mine (see URL)?
    I use the main catalogue page as the home page and tick the option to arrange the section in columns (I just use two)

    Alan Compton
    www.greenknightgames.co.uk
    Great board games and cards games you won't find in the High Street

    Comment


      #3
      There will be a number of ways to solve this but one simple (perhaps old fashioned) way would be to user a text only fragment and then include html in that.

      You could for example use code like this below to create a table:
      Code:
      !!<
      <table width="100%"  border="0">
        <tr>
          <td colspan="2">Text on left </td>
          <td colspan="2">Image on right </td>
        </tr>
        <tr>
          <td>image above col 1 </td>
          <td>image above col 2 </td>
          <td>image above col 3 </td>
          <td>image above col 4 </td>
        </tr>
        <tr>
          <td>text for above col 1 </td>
          <td>text for above col 2 </td>
          <td>text for above col 3 </td>
          <td>text for above col 4 </td>
        </tr>
        <tr>
          <td>etc</td>
          <td>etc</td>
          <td>etc</td>
          <td>etc</td>
        </tr>
        <tr>
          <td>etc</td>
          <td>etc</td>
          <td>etc</td>
          <td>etc</td>
        </tr>
      </table>
      >!!
      Cut and paste this into a text only fragment and replace the bits in it that you want.

      Comment


        #4
        v7 solutions also include Normans Multi Column Patch and to position using CSS (which can be more complicated than Duncan's suggestion depending on your XHTML skills)


        Bikster
        SellerDeck Designs and Responsive Themes

        Comment


          #5
          er, jont, i think you'll find, that its pronounced 'skillzorz'.

          Comment


            #6
            Isn't that a cartoon character?


            Bikster
            SellerDeck Designs and Responsive Themes

            Comment


              #7
              Hi
              Alan, yes thats the idea I have. But I want a home page and a products page so its not quite for me. But the idea is right.

              Thanks for the code, but my html, never mind my xhtml is ver very limited and I am lost. where do I put it?
              David

              Comment


                #8
                Create a single fragment with a text only layout and paste the code into the description field (give the fragment any old name to keep Actinic quiet)


                Bikster
                SellerDeck Designs and Responsive Themes

                Comment


                  #9
                  Hi
                  Its brill and I can get it to work,
                  Text is ace..................
                  but how do I get images up?
                  I have tried all vaiants withou avail??

                  Sorry
                  David

                  Comment


                    #10
                    well...

                    code like this:
                    HTML Code:
                    <img src="someimage.jpg" />
                    will make an image...
                    and then add it to your extra files, in
                    Design > Additional Files...

                    Comment


                      #11
                      Sorted It
                      Yipeeeeeeeeeeeeeeeeeeee
                      Right lets get sum words sorted
                      Thanks a lot

                      David

                      Comment


                        #12
                        Don't forget your ALT tags for SEO and screen readers:

                        <img src="someimage.jpg" alt="some image details" />


                        Bikster
                        SellerDeck Designs and Responsive Themes

                        Comment

                        Working...
                        X