Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS For Some Reason Float Image Not Working??

  • This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #44471

    I am having trouble learning how to float images to the left and text to the right.

    For some reason not working now. have tried display block and in-line block plus floats

    http://codepen.io/mwbcomputers/pen/sFqmD

    Trying to get basket image to float left total next to it and cart under total.

    I am just teaching my self how not sure probably something simple I missed

    #133622
    Paulie_D
    Member

    Dude….how many times do I have to tell you?

    **YOU CAN’T USE AN LI WITHOUT A UL AROUND IT**

    A list item is not a div…they aren’t interchangeable.

    #133623
    Senff
    Participant

    You’re having some listitems (LI’s) that are not wrapped in a UL.

    LI’s should ALWAYS be nested in a UL or OL.

    http://codepen.io/senff/pen/BbviL

    > YOU CAN’T USE AN LI WITHOUT A UL AROUND IT

    Yes you can. OL work too. :)

    #133624
    Paulie_D
    Member

    Just stripping out the li tags that you shouldn’t be using (especially because they aren’t list items) gets you half way there: http://codepen.io/Paulie-D/pen/kftrB

    #133625
    Paulie_D
    Member

    >Yes you can. OL work too. :)

    OK…strike CAN’T for SHOULDN’T

    Although I’d be interested in seeing a `ol li` working properly without an ` ol` wrapper. :)

    #133627
    Senff
    Participant

    I would rephrase to: YOU CAN’T USE AN LI WITHOUT A UL OR AN OL AROUND IT

    @mwbcomputers, take note of that.

    #133630

    Thanks All Will take note an keep trying its one of the things all ways tend to have trouble with

    #133638

    found this ul.menuinfo li:nth-child(8) think use this kinda thing now

    #133639
    Senff
    Participant

    Yep. That makes total sense.

Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘CSS’ is closed to new topics and replies.