• Locked
2 replies [Last post]
Thu, 2007-09-13 14:56
homedvd
Offline
newbie
Last seen: 13 years 25 weeks ago
Timezone: GMT-5
Joined: 2007-09-13
Posts: 2
Points: 0

Where did the numbering from the OL go?? Any tips on getting them back?

#template ol {
margin-top: 16px;
width: 500px;
}

#template li {
border: 1px solid #00ff00;
overflow: hidden;
}

#template div.item {
border: 1px solid #0000ff;
}

#template div.left {
float: left;
}

#template div.right {
float: right;
}

  1. Text in line one
    10
  2. Some more text in line two
    20

Top
Tags:
Thu, 2007-09-13 18:02
#1
gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 6 days 7 hours ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

The {overflow: hidden;}

The {overflow: hidden;} hides the generated enumeration. In IE, the ol having hasLayout causes problems. Try this:


/**/







  1. 10Text in line one


  2. 20Some more text in line two




cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Top
Fri, 2007-09-14 01:28
#2
homedvd
Offline
newbie
Last seen: 13 years 25 weeks ago
Timezone: GMT-5
Joined: 2007-09-13
Posts: 2
Points: 0

Thanks Gary, works like a

Thanks Gary, works like a charm. In fact, by having the span with 10 & 20 on the left and doing a "float: right" on it does the trick

Top
  • Locked