q: putting <img in front of<h3 ?

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

catalyst - 04 Jul 2008 10:56 GMT

<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

Reply to this Message

Steve Pugh - 04 Jul 2008 11:10 GMT

> <img src="slike/img012.jpg" width="35" height="30" /> <h3
> style="line-height: 1px;" >Aktualno </h3>
[quoted text clipped - 6 lines]
> Thnks
> catalyst

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

Steve

Reply to this Message

mynameisnobodyodyssea@googlemail.com - 05 Jul 2008 16:12 GMT

> <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. ....
}

Reply to this Message

Gus Richter - 05 Jul 2008 17:37 GMT

> <img src="slike/img012.jpg" width="35" height="30" /> <h3
> style="line-height: 1px;" >Aktualno </h3>
[quoted text clipped - 3 lines]
> 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;

Signature

Gus

Reply to this Message

Jonathan N. Little - 05 Jul 2008 18:37 GMT

>> <img src="slike/img012.jpg" width="35" height="30" /> <h3
>> style="line-height: 1px;" >Aktualno </h3>
[quoted text clipped - 9 lines]
> 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>

Signature

Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Reply to this Message

Gus Richter - 06 Jul 2008 00:05 GMT

>>> <img src="slike/img012.jpg" width="35" height="30" /> <h3
>>> style="line-height: 1px;" >Aktualno </h3>
[quoted text clipped - 22 lines]
>
> <h3><img ... > ... </h3>

I just volunteered the reason and another solution.
I see your point for a Strict document.
BTW, your "could be" could be in a container for other reasons either at
the beginning or somewhere down in the document where the specific extra
div would not be necessary.
In any case, whatever is your bag ............

Signature

Gus

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / HTML / July 2008

q: putting <img in front of<h3 ?