471,881 Members | 1,448 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,881 software developers and data experts.

Heavyweight LI with CSS?

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

Aug 11 '07 #1
3 1678
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/

Aug 11 '07 #2
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
Aug 11 '07 #3
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
Aug 12 '07 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

reply views Thread by Minti | last post: by
4 posts views Thread by Evan Dekker | last post: by
6 posts views Thread by Paul Rubin | last post: by
3 posts views Thread by Simon Foster | last post: by
198 posts views Thread by Sridhar R | last post: by
reply views Thread by castironpi | last post: by
23 posts views Thread by tonytech08 | last post: by
reply views Thread by YellowAndGreen | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.