q: putting <img in front of<h3 ?

Discussion in 'HTML' started by catalyst, Jul 4, 2008.

  1. catalyst

    catalyst Guest

    <img src="slike/img012.jpg" width="35" height="30" /> <h3
    style="line-height: 1px;" >Aktualno </h3>

    It would need to show in the same row, but with this above coding the
    "Aktualno" title goes bellow the image...
    I tried to put it in the same row with the align="absmiddle" but without
    succed, anyone has a clue ?

    Thnks
    catalyst
     
    catalyst, Jul 4, 2008
    #1
    1. Advertising

  2. catalyst

    Steve Pugh Guest

    On Jul 4, 10:56 am, "catalyst" <> wrote:
    > <img src="slike/img012.jpg" width="35" height="30" /> <h3
    > style="line-height: 1px;" >Aktualno </h3>
    >
    > It would need to show in the same row, but with this above coding the
    > "Aktualno" title goes bellow the image...
    > I tried to put it in the same row with the align="absmiddle" but without
    > succed, anyone has a clue ?
    >
    > Thnks
    > catalyst


    <h3><img src="slike/img012.jpg" width="35" height="30" alt=""/>
    Aktualno</h3>

    Steve
     
    Steve Pugh, Jul 4, 2008
    #2
    1. Advertising

  3. catalyst

    Guest

    On Jul 4, 11:10 am, Steve Pugh <> wrote
    > <h3><img src="slike/img012.jpg" width="35" height="30" alt=""/>
    > Aktualno</h3>


    Try also stylesheets with background-image,
    for example

    <h3 class="myclass">some text here</h3>

    and the style code for .myclass something like

    ..myclass {
    background-image: url("imageurl-here");
    background-repeat: no-repeat;
    .... more styling for things like positioning,
    .... width, height, etc. ....
    }
     
    , Jul 5, 2008
    #3
  4. Gus Richter wrote:
    > catalyst wrote:
    >> <img src="slike/img012.jpg" width="35" height="30" /> <h3
    >> style="line-height: 1px;" >Aktualno </h3>
    >>
    >> It would need to show in the same row, but with this above coding the
    >> "Aktualno" title goes bellow the image...
    >> I tried to put it in the same row with the align="absmiddle" but
    >> without succed, anyone has a clue ?

    >
    > IMG is an inline element. (An inline element is set on the same line.)
    > H3 is a block element. (A block element is set on a new line.)
    >
    > Restructure as Steve showed or make H3 display as inline with:
    > display:inline;
    >


    However, IMG is an inline element and should be inside a block element
    to begin with, for for the latter both the IMG and H3 would have to be
    both within a block element, i.e., DIV

    <div>
    <img ... >
    </h3> ... </h3>
    </div>

    so I would say the former would be a simpler solution

    <h3><img ... > ... </h3>

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
     
    Jonathan N. Little, Jul 5, 2008
    #4
    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. news.austin.rr.com

    how to download img from html img tag

    news.austin.rr.com, Apr 27, 2005, in forum: ASP .Net
    Replies:
    2
    Views:
    523
    Steve C. Orr [MVP, MCSD]
    Apr 27, 2005
  2. Saurabh
    Replies:
    6
    Views:
    4,571
    Chris Smith
    May 30, 2004
  3. tshad
    Replies:
    0
    Views:
    519
    tshad
    Jun 28, 2006
  4. Jopek
    Replies:
    7
    Views:
    413
    dorayme
    Apr 26, 2009
  5. Replies:
    25
    Views:
    261
    Richard Cornford
    Dec 8, 2003
Loading...

Share This Page