Heavyweight LI with CSS?

[jasonsewall]

I'm trying to fight the urge to solve a layout problem with tables
instead of CSS, and I need help.

I'd like to put together a list of publications for my webpage,
complete with a screenshot from the work and maybe a few links.
Something like:

--------------------------------------------------
| ---------- |
| | | Blah Blah Blah Blah |
| | | In the proceedings of foo |
| | | |
| | | project web page bibtex |
| ---------- |
--------------------------------------------------

(this looks crappy thanks to the variable-width font my browser
uses...)

It would be pretty neat if there was some way to stuff this into an LI
class, but my CSS ability is pretty poor. Can someone give me a push
in the right direction?

Thanks,

Jason

[Jukka K. Korpela]

Scripsit jasonsewall:

I'm trying to fight the urge to solve a layout problem with tables
instead of CSS, and I need help.

Many layout problems are best solved using a simple table these days. What
matters is the flexibility of the design (no px, please, and things like
that), not the tools as such.

I'd like to put together a list of publications for my webpage,
complete with a screenshot from the work and maybe a few links.

Then do it. Set up a simple page that has the _content_ and _logical
structure_, and post the URL. Then we can discuss its styling if needed.

Something like:

--------------------------------------------------

>---------- |

>> | Blah Blah Blah Blah |
| In the proceedings of foo |
| |
| project web page bibtex |

---------- |

--------------------------------------------------

(this looks crappy thanks to the variable-width font my browser
uses...)

It indeed does, and a monospace font does not help. You haven't described
the structure _or_ the desired layout in an understandable manner.

It would be pretty neat if there was some way to stuff this into an LI
class, but my CSS ability is pretty poor.

If your CSS ability is poor, start studying the basics of CSS. There's
little point in trying to struggle with complex layout issues first.

You haven't told what "LI" means. In WWW authoring, it most often means the
LI element in HTML markup. You haven't told what the word "heavyweight"
means in this context - a word that you use in the Subject line but not in
the text.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

[Gregor Kofler]

jasonsewall meinte:

I'm trying to fight the urge to solve a layout problem with tables
instead of CSS, and I need help.

I'd like to put together a list of publications for my webpage,
complete with a screenshot from the work and maybe a few links.
Something like:

--------------------------------------------------
| ---------- |
| | | Blah Blah Blah Blah |
| | | In the proceedings of foo |
| | | |
| | | project web page bibtex |
| ---------- |
--------------------------------------------------

(this looks crappy thanks to the variable-width font my browser
uses...)

It would be pretty neat if there was some way to stuff this into an LI
class, but my CSS ability is pretty poor.

What do you mean by "LI class"?

Can someone give me a push
in the right direction?

Place a p with proper left margin (i.e. width of image) in the LIs. Then
float the image left and that's it.

Markup:
<li>
<img ...>
<p>...</p>
</li>

Gregor
--
http://www.gregorkofler.at ::: Landschafts- und Reisefotografie
http://www.licht-blick.at ::: Forum für Multivisionsvorträge
http://www.image2d.com ::: Bildagentur für den alpinen Raum

[dorayme]

In article
<11*********************@i13g2000prf.googlegroups. com>,
jasonsewall <ja*********@gmail.comwrote:

I'm trying to fight the urge to solve a layout problem with tables
instead of CSS, and I need help.

I'd like to put together a list of publications for my webpage,
complete with a screenshot from the work and maybe a few links.
Something like:

Well, it is hard to know what might suit you. Maybe you can get
some ideas from these pages that have lists of publications?

<http://www.sn2.com.au/reports.html>

<http://ihpst.arts.unsw.edu.au/publications.html>

Just keep it simple at first and you won't go too wrong.

--
dorayme