Re: "Glueing" grapchic with inline text together?
- From: David Ross <nobody@xxxxxxxxxxx>
- Date: Fri, 04 Nov 2005 14:10:28 -0800
TomB wrote:
>
> Hello,
>
> Let's say I have the following code:
>
> <img src="/path/to/little/decorative/graphic"><a href="/link/path">Link</a>
>
> When I now make my browser window smaller eventually the graphic and the
> link text will break into two lines. I don't want that to happen. How to
> I accomplish that? I tried putting a non-breaking space between the
> image and the link, but perhaps I'm misunderstanding the concept of
> since that doesn't solve anything.
If you are trying to have an image with a link, put the image
inside the link anchor:
<a href=". . ."><img . . . >text</a>
See my home page (per the signature below) for an example. Near
the top of the page, I have images and links for sending me E-mail
and for my PGP keys. Also look at the bottom of my
<URL:http://www.rossde.com/garden/garden_back.html>, where I have
three images and links arranged horizontally.
My preference is to have a small descriptive label below the image
rather than next to it. My text and image would be side-by-side if
I removed the <br> tag between them. I just ran a test. Without
the <br>, the lines of text wrap before the text separates from the
images when I make the browser window narrower. The text does
eventually separate from the images when the window becomes very
narrow. I get a horizontal scrollbar only when the window is so
narrow that the images cannot fit side-by-side without scrolling.
--
David E. Ross
<URL:http://www.rossde.com/>
I use Mozilla as my Web browser because I want a browser that
complies with Web standards. See <URL:http://www.mozilla.org/>.
.
- References:
- Prev by Date: Re: "Glueing" grapchic with inline text together?
- Next by Date: Re: "Glueing" grapchic with inline text together?
- Previous by thread: Re: "Glueing" grapchic with inline text together?
- Next by thread: Validating UTF8 encoding ...
- Index(es):
Relevant Pages
|
