Image Placement
Results 1 to 5 of 5

Thread: Image Placement

  1. #1
    T̙͓̞̣̯ͦͭͅͅȂͧͭͧ̏̈͏̖̖Z̿ ͆̎̄
    Join Date
    Dec 2004
    Posts
    3,171

    Image Placement

    OK...here we goooooooo...

    Having only played with HTML and CSS for a couple of weeks now ( and doing pretty good so far even if I do say so myself )...every once-in-awhile I hit a snag...

    I'm trying to find out how I can insert images into the sides of my blogs...example...

    http://egalitariangraphics.blogspot.com/
    Egalitarian Graphics

    you'll notice that everything left and right is just wasted space...I'd like to fill that space with pictures and advertising space for rent blocks...

    how can I do this? In simple language that a two week old veteren could understand

    if you need to look at the page source and tell me where and how to place what I want.

    Thanks,

    Eg

  2. #2
    Regal Making Handler
    Join Date
    Jun 2002
    Posts
    1,668
    Eg,

    I think it is down to the template you picked, you may be able to edit it. I think it was done using tables. It was not done using frames? I think. Whoo I just thought, my head hearts now
    What happens if a big asteroid hits the Earth? Judging from realistic simulations involving a sledge hammer and a common laboratory frog, we can assume it will be pretty bad. - Dave Barry

  3. #3
    the beign of authority kurt_der_koenig's Avatar
    Join Date
    Jan 2004
    Location
    Pa
    Posts
    567
    If you can edit the default html file, like Jinxy said, then it can be done. A simple way, especially if your not concerned with lower resolutions, is to use the division tag ( <div></div&gt and to use css to position it.

    You can use tables to do it, but it might take you awhile for it to turn out the way you want it.

    -kurt

  4. #4
    T̙͓̞̣̯ͦͭͅͅȂͧͭͧ̏̈͏̖̖Z̿ ͆̎̄
    Join Date
    Dec 2004
    Posts
    3,171
    Hi jinxy/kurt,

    I've edited practically every...make that every...blog there, in one way or another...the problem is I don't know what code I should be using..

    eg. <div>
    <align: right>

    this kind of stuff...if I see it I can manipulate it pretty good to get what I want...I've manipulated some code already and got the desired effect...

    but I don't know how to make code from scratch...blind...so...I need to see an example and then I can play with it.

    Eg

  5. #5
    the beign of authority kurt_der_koenig's Avatar
    Join Date
    Jan 2004
    Location
    Pa
    Posts
    567
    Code:
     <html>
      <head>
      <title>Example</title>
     <style type="text/css">
     .leftad{
     position: absolute; left: 0px; top: 0px;
     width: 100px;
     height: 300px;
     }
     .rightad{
     position: absolute; left: 200px; top: 0px;
     width: 100px;
     height: 300px;
     }
     </style>
     </head>
     &lt;body&gt;
     &lt;!--previous code--&gt;
     &lt;!--end previous code--&gt;
    
     &lt; div class="leftad"&gt;
     &lt;!--whatever you want here--&gt;
     &lt;/div&gt;
     &lt;div class="rightad"&gt;
     &lt;!--whatever you want here--&gt;
     &lt;/div&gt;
     
      &lt;/body&gt;
    &lt;/html&gt;
    An example of using the division tags.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •