CSS float problem

Question

I am trying to insert a ul li element inside a tab structure. Am not able to float li elements next to each other.

http://bakasura.in/king/elements/tabify/

li.tab-content-ul-li is not floating next to each other

Updated

enter image description here

the views li is dropping to the next line.

Dirk van Bergen · Accepted Answer · 2011-06-23 16:37:50Z

3

Try calling your listitems li rather than l1 :)

Your HTML looks like

<l1 class="tab-content-ul-li">

Change all the 'l1' tags to 'li'

<li class="tab-content-ul-li"> ... </li>

And it should work

edited Jun 23, 2011 at 16:37

answered Jun 23, 2011 at 16:32

Dirk van Bergen

2452 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Harsha M V Over a year ago

didnt get you.. can u plz elaborate

Dirk van Bergen Over a year ago

Your HTML looks like <l1 class="tab-content-ul-li"> It should be <li class="tab-content-ul-li"> And then of course also your closing tags and other tags, you've used <l1> tags where in your css you target <li> tags

Harsha M V Over a year ago

i have one more problem with float. i have updated the question.. it works fine here bakasura.in/king i a trying to insert a slide show inside tabs.. so doing it in a diff page.

Dirk van Bergen Over a year ago

That's because <ul> by default have a large left-padding. You can fix it by adding to the css of '#polaroid ul.tools' 'padding:0px;'

Collectives™ on Stack Overflow

CSS float problem

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related