Announcement

Collapse
No announcement yet.

Positioning Pictures

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

    Positioning Pictures

    Hi
    How can I get my pictures to line up across the page instsad of going down? See pages "fire service drysuit""Police drysuits" etc
    I never messed with the HTML but am willing to give it a go.
    Richard.

    www.seaskin.co.uk
    www.seaskin.co.uk

    #2
    Hi Richard,

    are the images placed into a fragment? If they are you can enter the HTML code directly into the fragment. Set a fragment to "text only" and enter the following code into the text area:

    Code:
    !!<<img src="PoliceUWSNeoFr.jpg" alt="Police Comp suit Neo fr" border="0" height="362" width="150"><img src="PoliceUWSNeoBk.jpg" alt="Police Comp suit bk" border="0" height="380" width="150">>!!
    That will put 2 images next to each other.

    The above codes break down to

    <img .......> tells the browser its an image

    The code between the <img .... > tags adds the file spec:

    src="PoliceUWSNeoFr.jpg" : the file source / file name

    alt="Police Comp suit Neo fr" : the alt text when you hover the mouse over the image

    border="0" : hides the nasty blue border around the image if not specified

    height="362" width="150" : size of the image in pixels

    all that needs to sit inside !!< .... >!! so Actinic knows it is HTML and not text

    Quickest way to get the <img ......> info is to view the page on the internet, view the source code and copy and past the <img... > parts into the fragment text.. not forgetting to keep it all inside the !!< and >!! tags for Actinic

    Try copying the above code into the text area of a text only fragment and see how it works.

    HTH


    Bikster
    SellerDeck Designs and Responsive Themes

    Comment


      #3
      Its not finding the images

      Originally posted by jont
      Hi Richard,

      are the images placed into a fragment? If they are you can enter the HTML code directly into the fragment. Set a fragment to "text only" and enter the following code into the text area:

      Code:
      !!<<img src="PoliceUWSNeoFr.jpg" alt="Police Comp suit Neo fr" border="0" height="362" width="150"><img src="PoliceUWSNeoBk.jpg" alt="Police Comp suit bk" border="0" height="380" width="150">>!!
      That will put 2 images next to each other.

      The above codes break down to

      <img .......> tells the browser its an image

      The code between the <img .... > tags adds the file spec:

      src="PoliceUWSNeoFr.jpg" : the file source / file name

      alt="Police Comp suit Neo fr" : the alt text when you hover the mouse over the image

      border="0" : hides the nasty blue border around the image if not specified

      height="362" width="150" : size of the image in pixels

      all that needs to sit inside !!< .... >!! so Actinic knows it is HTML and not text

      Quickest way to get the <img ......> info is to view the page on the internet, view the source code and copy and past the <img... > parts into the fragment text.. not forgetting to keep it all inside the !!< and >!! tags for Actinic

      Try copying the above code into the text area of a text only fragment and see how it works.

      HTH
      Hi
      I tried the above (I have not uploaded it) Frames with the "red cross" icon apear in the right place and the right size but the image are not been shown?
      What am I doing wrong?
      Richard
      Many thanks for your reply
      www.seaskin.co.uk

      Comment


        #4
        You may have to alter the path to ensure it points to the image file.

        The above example assumes the image file is in the same directory as the HTML file. You might have to change it to point to the directory (folder) and any sub-directories therein on the web server that contain the image file.


        Ryan

        Comment

        Working...
        X