473,394 Members | 1,663 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

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

Trying to position table columns

Hi,

I am trying to position 2 columns of links so that the first is at the
left of the page and the second is at the right. The lines in each
column should be left-justified.

I have managed to achieve this by using 'nowrap' for each links column
and adding a middle column with 'width=100%'. However, this seems a bit
fragile as it is dependent on the resolving the layout conflict. If the
percentage width attribute has a lower weight than 'nowrap' then perhaps
I am safe.

The page is at <http://phelum.com>. I really don't want to rely on CSS
as this doesn't cater for people who use Opera (user mode) as I do by
default. Is there a nice way to tell a browser to expand the middle
column so the following column is right-aligned ?

-- Steven

Dec 27 '05 #1
6 2098
Steven wrote:

I am trying to position 2 columns of links so that the first is at the
left of the page and the second is at the right.

The page is at <http://phelum.com>. I really don't want to rely on CSS
as this doesn't cater for people who use Opera (user mode) as I do


CSS is supposed to be optional, so you shouldn't rely on it in the first
place. As is, you are relying on legacy HTML style attributes to get a
presentational effect. That's a bad practice these days.

If you want the page to be usable in the widest array of browsing
environments, dump the layout tables, use structured, semantic markup
and style it with CSS. Note that "usable" does not mean it has to look
the same.

Also note that using Opera's user mode is *your* choice. Why do you want
to punish other people because of it? As is, I think you've made it more
difficult for users to override your style choices. Isn't that the whole
point of user mode, to override author styling?

Put the list and its heading in a div and float it (left or right,
whichever you prefer). And get rid of the nowrap, it just causes
unnecessary horizontal scrolling, a major crime in my book. Don't forget
to validate your code to eliminate syntax errors that might cause
rendering issues.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Dec 28 '05 #2
On Wed, 28 Dec 2005 00:14:16 -0600, kchayka <us****@c-net.us> wrote:
CSS is supposed to be optional, so you shouldn't rely on it in the first
place. As is, you are relying on legacy HTML style attributes to get a
presentational effect. That's a bad practice these days.
Yes, I like the idea of CSS being an optional enhancement. But I had to
go from HTML strict back to transitional just to get 'align=center'. Is
this what you are referring to here ?
If you want the page to be usable in the widest array of browsing
environments, dump the layout tables, use structured, semantic markup
and style it with CSS. Note that "usable" does not mean it has to look
the same.
I'm not trying to be too clever or flexible here but I am trying to
cater for a range of window widths (say 600 to 1024). Is this mediocre
flexibility a bad idea ? Perhaps I am gaining nothing and losing the
advantages of a fixed layout.
Also note that using Opera's user mode is *your* choice. Why do you want
to punish other people because of it?
I didn't think I was punishing normal users in any way. I am just
catering for people who have images and styling disabled. Is it wrong
to suggest something like a two column layout to the browser ?
Put the list and its heading in a div and float it (left or right,
whichever you prefer). And get rid of the nowrap, it just causes
unnecessary horizontal scrolling, a major crime in my book. Don't forget
to validate your code to eliminate syntax errors that might cause
rendering issues.


I will experiment with alternative ideas. Is the idea of two columns of
links basically flawed ?

Thanks for your input.

-- Steven

Dec 28 '05 #3
Steven wrote:
Also note that using Opera's user mode is *your* choice. Why do you want
to punish other people because of it?
I didn't think I was punishing normal users in any way. I am just
catering for people who have images and styling disabled. Is it wrong
to suggest something like a two column layout to the browser ?


Suggest? No. That's what CSS is for.

User mode is there so the user can tell their browser to ignore your
suggestions!

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is
Dec 28 '05 #4
On Wed, 28 Dec 2005 09:35:26 +0000, David Dorward <do*****@yahoo.com>
wrote:
I didn't think I was punishing normal users in any way. I am just
catering for people who have images and styling disabled. Is it wrong
to suggest something like a two column layout to the browser ?
Suggest? No. That's what CSS is for.


Does this mean I could have a list of links in a div and use CSS to
format this into multiple columns ?
User mode is there so the user can tell their browser to ignore your
suggestions!


I use user mode so I get my fonts and colours but it does disable author
styling. This doesn't affect the layout of most pages significantly.
Isn't this a sensible balance ?

Thanks,
Steven

Dec 28 '05 #5
Steven wrote:
Suggest? No. That's what CSS is for.
Does this mean I could have a list of links in a div and use CSS to
format this into multiple columns ?
Not easily with CSS 2 (well, unless you represent your list as two lists in
the markup, or have items listed:

1 2
3 4
5 6)

CSS 3 will have a column layout feature.

Personally I prefer to avoid columns unless each is a distinct type of
content. Scrolling down, then back up, and then back down again isn't very
fun - and its not like you have finite vertical browser canvas to play
with!
User mode is there so the user can tell their browser to ignore your
suggestions!

I use user mode so I get my fonts and colours but it does disable author
styling. This doesn't affect the layout of most pages significantly.
Isn't this a sensible balance ?


It might be more sensible to just write a user style sheet and apply that if
you aren't interested in stripping all the styling off.

* {
color: black;
background-color: white;
font-family: monospace;
}

a:link {
color: blue;
background-color: blue;
}

a:visited {
color: #909;
background-color: white;
}

pre, textarea {
font-family: monospace;
}

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is
Dec 28 '05 #6
On Wed, 28 Dec 2005 10:56:45 +0000, David Dorward <do*****@yahoo.com>
wrote:

[snip]

Thanks for your input David. I have just started reading your website
and will try to learn some of the concepts before I ask any more
questions. This is a good time for me to learn because I'm not too
fixed by habits yet.

I also hate columns generally but in my case it is just more efficient
use of the screen space and avoids scrolling. Yes, PDFs with multiple
columns are a pain.

I will experiment with a stylesheet to specify fonts and link
decoration.

Thanks again,

Steven

Dec 28 '05 #7

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
by: Doug Baroter | last post by:
What is a good method/mechanism to swap the position of multiple columns? For instance, tblXZY has the followings columns and respective positions: tblXZY ====== xyzUUID 1 fn 2 ln 3...
14
by: Zenobia | last post by:
Hello folks, Is it possible to position an item within a <td> element? For instance see below. The table has multiple rows, one for each database record. Each row has 3 hrefs associated with it...
1
by: HolyCow | last post by:
I've laid out a web page, and it looks exactly how I like it. But I want it to behave well should the user decide to increment the size of the text. The layout is basically a solid colored bar...
1
by: silvastein | last post by:
Hi Friends. I have a table of deadlines that has fields for due date, item due, and person owed. The due dates span 2005, 2006 and 2007. I want to create a report that has a three columns of ...
1
by: krzys | last post by:
here is the following situation : I have a dataset with two tables this.daCustomers.Fill(dsData1, "Customers"); this.daOrders.Fill(dsData1, "Orders"); as You see there are tables from...
3
by: tomi | last post by:
Hi I have following problem. I have a datatable filled with some data. Each row holds its ID (column named "Row_ID") DataTable dtTable; I have a datagrid to which I assign this datatable....
25
by: Neo Geshel | last post by:
This works: <form> <asp:TextBox id="name" /> <%= name.ClientID %> </form> But this DOES NOT work: <form>
1
by: rsteph | last post by:
I've got some product information pages, with images and text, all setup within a table. I'm trying to add a small image in the upper right hand corner of the content div (where all the important...
1
by: thomasv | last post by:
Hi, I want to convert the following XML (OpenOffice Calc file): <?xml version="1.0" encoding="UTF-8"?> <office:document-content ...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

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.