Vital Question

Discussion in 'HTML' started by Snir, Dec 29, 2003.

  1. Snir

    Snir Guest

    Hello All!

    I'm working on a css based website via. HTML and I am experiencing a
    problem.

    If any of you know the code to what I'm talking about, please e-mail
    me AND post it up in here.

    You see, my content is layed out on the left side of the page but NOT
    COMPLETELY, meaning I used a couple (about 10)  's:

    !!!!!!!!!!!!!!!!!! (THIS CONTENT IS A PICTURE)

    *notice the spaces before the !!!'s representing the &nbsp's.

    You see, I need to write a caption for the picture and it always
    appears on the same line as the picture like this:

    !!!!!!!!!!!!!!!!!! (PIC) XXXXXX (CAPTION)

    I need to put the caption exactly where the picture is (with the
     's) and so I tried to center it but it appears to be this:

    !!!!!!!!!!!!!!!! (PIC)

    XXXXX (CENTERED CAPTION)

    What is the code to get the caption to appear as the following (I'm
    not sure but I recall something like align=left or something like that
    or a certain <tr>....):

    FINAL LAYOUT

    !!!!!!!!!!!!!!!!!!!!!!! (PIC)
    XXXXXXXXXXXXXXXXXXXXXXX (CAPTION)

    Thanks so very much,

    Snir.
     
    Snir, Dec 29, 2003
    #1
    1. Advertising

  2. Quoth the raven named Snir:

    > I'm working on a css based website via. HTML and I am experiencing a
    > problem.
    >
    > If any of you know the code to what I'm talking about, please e-mail
    > me AND post it up in here.


    Post on Usenet, get answer on Usernet.

    <snip>

    > FINAL LAYOUT
    >
    > !!!!!!!!!!!!!!!!!!!!!!! (PIC)
    > XXXXXXXXXXXXXXXXXXXXXXX (CAPTION)



    The HTML:
    <p>
    A paragraph of text goes here... blah blah blah
    <span class="imgleft">
    <img src="path-to/images/yours.gif" alt="<your alt text>" width="60"
    height="44" /><br />
    Your caption here
    </span>
    blah blah blah blah blah blah blah blah blah blah </p>


    The CSS:
    ..imgleft, .imgright {
    font-size: 90%; /* if you want it smaller */
    font-style: italic;
    padding: 1em;
    position: relative;
    text-align: center;
    }
    ..imgleft {
    float: left;
    }
    ..imgright {
    float: right;
    }

    --
    -bts
    -This space intentionally left blank.
     
    Beauregard T. Shagnasty, Dec 29, 2003
    #2
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Jon
    Replies:
    7
    Views:
    2,136
    john jakson
    May 15, 2004
  2. Mohammad  Hashemian
    Replies:
    0
    Views:
    395
    Mohammad Hashemian
    Nov 4, 2005
  3. Julia

    SIMPLE HTML FOR VITAL SITE

    Julia, Apr 19, 2004, in forum: HTML
    Replies:
    2
    Views:
    370
    Steve Pugh
    Apr 19, 2004
  4. vital question

    , Jun 20, 2006, in forum: VHDL
    Replies:
    3
    Views:
    1,632
    D Stanford
    Jun 20, 2006
  5. Replies:
    3
    Views:
    642
Loading...

Share This Page