473,372 Members | 1,482 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,372 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 3704
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...
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...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
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: 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...

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.