No tables! but...

  • Thread starter Thread starter eclipsme
  • Start date Start date
E

eclipsme

I am trying to learn to format without tables, just css. I have made
good progress, but am stumped.

I am working on a page that has a list of names and associated picture
next to them. A simple 2 column table would work great! Right?

Well, right now it doesn't look too bad. At least it is the best I have
had it so far. However, in FF the borders do not go around the images
properly, and the images look like they have dropped down a line in both
FF and IE.

Am I on the right track? Is there a better way of doing this? Help!

http://www.eclipsme.com/gorockledge/board.shtml

I appreciate any and all comments!

Thanks,
Harvey
 
I am working on a page that has a list of names and associated picture
next to them. A simple 2 column table would work great! Right?
Click to expand...

Use a table! This is a perfect application. It's not necessary to
completely expunge tables from your repertoire....
 
Murray said:
Use a table! This is a perfect application. It's not necessary to
completely expunge tables from your repertoire....
Click to expand...
Murray, a table? Really? What makes this a perfect application? That I
know how to do it? Yes, that is a good reason.

However, my understanding (perhaps incorrect) from other discussions
here is that tables are best used for tabular data, which I didn't
really consider this as, though I now see how it could be considered
that. Perhaps you could clarify this for me?

Oh... and BTW - Just for my education, how *would* you format this with CSS?

Thanks again,
Harvey
 
Murray, a table? Really? What makes this a perfect application?

It's a long list of names with associated pix.
That I know how to do it? Yes, that is a good reason.
Click to expand...

That too.
Oh... and BTW - Just for my education, how *would* you format this with
CSS?
Click to expand...

Any number of ways, but one I have used is with a bulleted list (with CSS to
remove the bullets) padded enough to make room for a non-repeating
background image. You can see an example here -

http://practicalcomponents.com/industrylinks.htm

BTW, I'm not quite sure why you are crossposting to
'macromedia.dreamweaver'....
 
Murray said:
It's a long list of names with associated pix.


That too.


Any number of ways, but one I have used is with a bulleted list (with CSS to
remove the bullets) padded enough to make room for a non-repeating
background image. You can see an example here -

http://practicalcomponents.com/industrylinks.htm

BTW, I'm not quite sure why you are crossposting to
'macromedia.dreamweaver'....
Click to expand...
Thanks Murray. I will look at that example. A non-repeating background
image! Interesting. I don't think there is a way to put a border on a
background image though, is there? Put the image in its own span and put
a border on the span? But this is where my border issue started...

I have run into this issue before - the border looks good in IE but in
FF it looks like the border is wrapping around the equivalent of the
bottom line of the picture. In IE the entire span has the border as
intended. If you have time, would you explain that to me? Thanks.

As to the cross posting - It was a css question, independent of
software. Actually, I am using DW for this project, so that was the
first thought. I have recently been having trouble attracting answers,
so I thought I might attract someone in one group that does not view the
other.

Sorry if that presented a problem.

Harvey
 
I don't think there is a way to put a border on a background image though,
is there?
Click to expand...

No, but there are ways to make it look like you have.

Where do you want the border?
would you explain that to me? Thanks.
Click to expand...

Show me your code, please.
As to the cross posting ...
Sorry if that presented a problem.
Click to expand...

It didn't except that your reference doesn't work on this NNTP server. I
haven't seen your posts on the DW forum (FWIW) as I actively prowl both.
 
Murray said:
No, but there are ways to make it look like you have.

Where do you want the border?
Click to expand...

Around the pictures.
Show me your code, please. http://www.eclipsme.com/gorockledge/board.shtml

As to the cross posting ...

It didn't except that your reference doesn't work on this NNTP server. I
haven't seen your posts on the DW forum (FWIW) as I actively prowl both.
Click to expand...
Hmm... I don't understand what you are saying here. What do you mean by
'reference'? I post on both, but like I say I have not gotten answers
recently. I emailed you privately asking about it (which you kindly
answered). I even sent you an Amazon gift certificate a few months back
as a result of your helping me on the DW forum, I believe, but perhaps
it was FP. Are you saying that my posts haven't been getting through?
(That damned Bell South!)

Anyway, thanks again for the help.

Harvey
 
Murray said:
Your page throws a js error because you are calling a non-defined function.
Your body tag -

<body onload="MM_preloadImages('images/button.jpg')">

is looking for the DW javascript for this function, but it's not on the
page.

Anyhow, check here -

http://www.murraytestsite.com/eclipseme.html

Like that?
Click to expand...
Thanks. The js is a leftover. I will clean that up.

Yes, like that! Except in FF the list is moved over to the right,
leaving the images overlapping the right column. It looks good in IE,
though.

Harvey
 
That's because of the funky way you have built the page, and the fact that
you have not controlled the width of #CraBoard or the margins on the <ul>
tags. It should be a pretty simple fix, assuming it's consistent with the
rest of the page's structure. Personally, I'd use a three column table for
that but it's up to you....
 
Back
Top