List items not to clear list bullet image

[David Trimboli]

At http://www.trimboli.name/ I've created a list of the contents of the
site, using graphics as the list bullets by including style attributes
in the HTML. What I want to do is make the graphic top and the link top
line up with each other, then make the description sit immediately
underneath the link, with no space between them. The text of the
description should remain to the right of the graphic; it should not
wrap under the graphic if otherwise long enough to.

Right now I have it close, but the <BR> after the link makes the
description clear the bottom of the graphic. I can't figure out a way to
make it not do that, or find another structure that does what I want.
Any ideas?

David
Stardate 5130.8

[Els]

David Trimboli wrote:

At http://www.trimboli.name/ I've created a list of the
contents of the site, using graphics as the list bullets by
including style attributes in the HTML. What I want to do
is make the graphic top and the link top line up with each
other, then make the description sit immediately underneath
the link, with no space between them. The text of the
description should remain to the right of the graphic; it
should not wrap under the graphic if otherwise long enough
to.

Right now I have it close, but the <BR> after the link
makes the description clear the bottom of the graphic. I
can't figure out a way to make it not do that, or find
another structure that does what I want. Any ideas?

Looks like you're in need of
<dl>
<dt>title</dt>
<dd>description</dd>
<dt>title</dt>
<dd>description</dd>
</dl>
--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[David Trimboli]

Els wrote:

David Trimboli wrote:

At http://www.trimboli.name/ I've created a list of the
contents of the site, using graphics as the list bullets by
including style attributes in the HTML. What I want to do
is make the graphic top and the link top line up with each
other, then make the description sit immediately underneath
the link, with no space between them. The text of the
description should remain to the right of the graphic; it
should not wrap under the graphic if otherwise long enough
to.

Right now I have it close, but the <BR> after the link
makes the description clear the bottom of the graphic. I
can't figure out a way to make it not do that, or find
another structure that does what I want. Any ideas?

Looks like you're in need of
<dl>
<dt>title</dt>
<dd>description</dd>
<dt>title</dt>
<dd>description</dd>
</dl>

I've done some tests, and I can't make <DT> display a bullet or image as
a bullet, only <DD>. I fail to see how this will line up the graphics
with the <DT><DD> combo.

David
Stardate 5132.8

[Els]

David Trimboli wrote:

Els wrote:

David Trimboli wrote:

At http://www.trimboli.name/ I've created a list of the
contents of the site, using graphics as the list bullets
by including style attributes in the HTML. What I want to
do is make the graphic top and the link top line up with
each other, then make the description sit immediately
underneath the link, with no space between them. The text
of the description should remain to the right of the
graphic; it should not wrap under the graphic if otherwise
long enough to.

Right now I have it close, but the <BR> after the link
makes the description clear the bottom of the graphic. I
can't figure out a way to make it not do that, or find
another structure that does what I want. Any ideas?

Looks like you're in need of
<dl>
<dt>title</dt>
<dd>description</dd>
<dt>title</dt>
<dd>description</dd>
</dl>

I've done some tests, and I can't make <DT> display a
bullet or image as a bullet, only <DD>. I fail to see how
this will line up the graphics with the <DT><DD> combo.

http://here.locusmeus.com/test/stardate.html

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -