473,326 Members | 2,805 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,326 software developers and data experts.

Inline list items taking up two lines

pezholio
Hi,

I've got an inline list with a label and checkbox in each list item, each item comes from a MySQL database and, chances are that, in future, the list will become longer.

My problem is that in IE6 and 7 one list item is split over 2 lines (i.e. the label is on one line and the checkbox is on the next line), so it looks kinda ugly, not to mention causing usability issues for less experienced users.

Is there any way I can force list items to only appear on one line without breaking the formatting that I currently have? The offending page is here:

http://www.heartlichfield.com/subscribe

Thank you in advance!!

Cheers
Apr 23 '08 #1
5 3701
drhowarddrfine
7,435 Expert 4TB
See if removing the styles for .checkbox does anything. Maybe, first, try adding 'display:block' to .checkbox.

And people wonder why I call IE the worst browser on the planet.
Apr 23 '08 #2
harshmaul
490 Expert 256MB
hiya, the doc gave me an idea.

this is how i solved it.... let me know if its anygood...

Expand|Select|Wrap|Line Numbers
  1. #interest ul li{
  2. display:block;
  3. float:left;
  4. border: 1px solid #ff0000;
  5. width:125px;
  6. }
Hope it helped
Apr 23 '08 #3
harshmaul
490 Expert 256MB
Hi again... LOL i was still working on it when you changed the CSS.... anyway also try out this css property....

Expand|Select|Wrap|Line Numbers
  1. white-space: nowrap;
Apr 23 '08 #4
He he! Yeah, I'm quick, I'll give myself that! Your original suggestion works pretty well - think I'm going to adapt that. I've tried the white-space property before, all I get is one long line of content.

Thanks both of you for your help :)
Apr 23 '08 #5
harshmaul
490 Expert 256MB
no problems. just happy to help
Apr 23 '08 #6

Sign in to post your reply or Sign up for a free account.

Similar topics

3
by: Thorsten Kampe | last post by:
I found out that I am rarely using tuples and almost always lists because of the more flexible usability of lists (methods, etc.) To my knowledge, the only fundamental difference between tuples...
17
by: Thomas M. | last post by:
Hello, i have a question on the following code. test_list = for i in test_list: print i
1
by: Desigan Chinniah | last post by:
I am presently trying to display a list of items INLINE using an image as a seperator..... and having difficulties.... See below for 3 seperate sets of html and css files. Each set does something...
25
by: Haines Brown | last post by:
I have a table with three columns, and I want the data in the first column to align left, while that in the remaining columns to align right: #testTable { text-align: right; } #leftcol {...
7
by: Srini | last post by:
Hello, Rules for inline functions say that they have to be defined in the same compilation unit as their declarations. For class member functions this means that the inline member functions must...
4
by: Tony Johansson | last post by:
Hello experts! I'm reading a book about C++ and there is something about inline that the book says that is unclear for me. The book says the following "Because inline functions are expanded at...
18
by: Method Man | last post by:
If I don't care about the size of my executable or compile time, is there any reason why I wouldn't want to inline every function in my code to make the program run more efficient?
5
by: CES | last post by:
All, I was hoping that someone might be able to help me with a few questions on Aligning Block Elements properly... Basically I have a row that has a fixed width of 900px. Within the row their is...
2
by: steve.higgins | last post by:
Hi All, I'm trying to present a list of short text items in an inline style, flowing over more than one line if necessary. Each item should be in a fixed-width box. The following code does most...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

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.