Best way two display two addresses (sorry for other post to wrong group)

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Grytpype-Thynne - 30 Aug 2003 21:51 GMT

Can anyone point me in the direction of a cross browser way of displaying
two addresses side by side after some preliminary text? I have tried a
containing box and floating two further boxes inside, one left and one
right and also just floating the two boxes without the container but I
can't seem to get it to work in all the browsers.

The site at the moment uses a table but I would like to get rid of it.

Sorry no URL as I am not able to use the connection I use to ftp to the
site I have.

Gerald

Reply to this Message

Brian - 31 Aug 2003 02:47 GMT

> Can anyone point me in the direction of a cross browser way of
> displaying two addresses side by side after some preliminary text?

Display: inline might work for you.

> I have tried a containing box and floating two further boxes
> inside, one left and one right and also just floating the two boxes
[quoted text clipped - 6 lines]
> Sorry no URL as I am not able to use the connection I use to ftp to
> the site I have.

Hard to answer you without a url, or at least more info. How are the
addresses marked up?

Signature

Brian
follow the directions in my address to email me

Reply to this Message

Jukka K. Korpela - 31 Aug 2003 14:25 GMT

> Can anyone point me in the direction of a cross browser way of
> displaying two addresses side by side after some preliminary text?

It depends, in part, on the type of addresses you have (postal?
E-mail? Web?) and on their mutual relationship.

> I have tried a containing box and floating two further boxes inside,

Sounds unnecessarily complicated. You could simply specify a width
(say, width: 20em) for both addresses and float the first one left and
have clear:both for the element after both addresses. Some left padding
for the addresses might be useful. - Alternatively, you could put the
addresses inside a div, say position:relative for it, and absolutely
position the second address.

> The site at the moment uses a table but I would like to get rid of
> it.

I wonder why. If the addresses are presented side by side for comparison,
for example, don't they logically constitute a table, though a simple
one? But if you just want to show them side by side to save vertical
space, then I'd use floating - especially since it often does not work.

(The clue to my last remark, which intentionally looks paradoxical, is
that if the canvas is narrow, it is - in that case - better that the
addresses do not appear side by side but on top of each other, and this
is what happens when you use float. In most other approaches, they appear
side by side even if there's not enough horizontal space, thus creating a
horizontal scroll bar in most on-screen presentations.)

Signature

Yucca, http://www.cs.tut.fi/~jkorpela/

Reply to this Message

Grytpype-Thynne - 31 Aug 2003 19:49 GMT

> > Can anyone point me in the direction of a cross browser way of
> > displaying two addresses side by side after some preliminary text?
[quoted text clipped - 25 lines]
> side by side even if there's not enough horizontal space, thus creating a
> horizontal scroll bar in most on-screen presentations.)

The way they are at the moment can be seen at
http://www.animals-in-distress.net/home.htm I would like them without the
center panel, I think I will probably leave them in a table.

Thanks for your input.

Gerald

Reply to this Message

Jukka K. Korpela - 31 Aug 2003 20:09 GMT

> The way they are at the moment can be seen at
> http://www.animals-in-distress.net/home.htm I would like them without
> the center panel, I think I will probably leave them in a table.

I'm not sure which addresses you mean and especially what the "center
panel" is, but the page looks very confusing, and I think you should
first concentrate on making it more structured and then using CSS for
_simple_ things like bolding and font properties, instead of using lots
of tag soup for that.

Here's how the start of the page now looks on a text browser (Lynx):

Add A Link Animals Re-homed Awards Received Contact Us Donate Online
Downloads
Guest Book Help Us Home Page Information Links Membership
Message Board Newsletter Post Office Sadly Missed Site Search Sponsor
Animals
Visit Us Warmbells Awards Warmbells Page Web Rings Web Shop Why We

_And_ the appearance is confusing on a graphic browser, too. Too much
content on a main page, too many different-looking ingredients. So it's
probably far too early to consider the addresses, which probably should
go into a subpage. But here's how _they_ look on the text browser:

Pennisfield Farm Sanctuary Addresses Leach Farm
55 Silver Street Swaindrod Lane
Irlam iwatchdog logo Blackstone Edge
Manchester Littleborough
M44 6HT Feed the Animals Lancs
England OL15 0LE
Telephone:- 0906 680 1215
Premium rate 25p per minute 9am-5pm only
(over 18 only). Announcements
& Homes Wanted England
Emergency:- 07850 605 283 Telephone:- 01706 371 731

You have now put the addresses into a table in an illogical way - each
row of the table containing one line from both addresses, and even some
text between them. It would be much better to put each address, as a
whole, inside a <td> element.

And it would probably be useful to use some simple CSS, for setting e.g.
background color, text color, a border, and some padding for each
address. Putting an address inside a special box makes it easier to see
that it's something different and some pieces of text that belong
together.

Signature

Yucca, http://www.cs.tut.fi/~jkorpela/

Reply to this Message

Grytpype-Thynne - 31 Aug 2003 21:45 GMT

> > The way they are at the moment can be seen at
> > http://www.animals-in-distress.net/home.htm I would like them without
[quoted text clipped - 42 lines]
> that it's something different and some pieces of text that belong
> together.

Thanks again for the input I'll put it to the sanctuary manager, as I'm
following their layout. As you can see I am not a professional I am just
trying to help them by donating a website, I will give your suggestion of
each address in a separate box for now and try to move them to a separate
page after contacting the sanctuary.

Gerald

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / August 2003

Best way two display two addresses (sorry for other post to wrong group)