469,942 Members | 2,599 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,942 developers. It's quick & easy.

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

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
Jul 20 '05 #1
3 2150
In article <Xn****************************@193.229.0.31>,
jk******@cs.tut.fi says...
Grytpype-Thynne <ge*************************@hotmail.com> wrote:
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.)

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
Jul 20 '05 #2
Grytpype-Thynne <ge*************************@hotmail.com> wrote:
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.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jul 20 '05 #3
In article <Xn*****************************@193.229.0.31>,
jk******@cs.tut.fi says...
Grytpype-Thynne <ge*************************@hotmail.com> wrote:
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.

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
Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

136 posts views Thread by Matt Kruse | last post: by
6 posts views Thread by DebbieG | last post: by
7 posts views Thread by h7qvnk7q001 | last post: by
20 posts views Thread by Joe | last post: by
3 posts views Thread by Alexander Higgins | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.