Print Reseller Scheme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Embedding a flash music player .. a CSS niggle!

Discussion in 'Website Design Forum:' started by bamme, Nov 25, 2009.

  1. bamme

    bamme Senior Member

    Hi people,

    I've just finished this page:

    Music Shop

    ..Yeah, it uses tables for the list of mp3s, player and Add to Cart parts..

    Because im building using Firefox and I havent yet checked on other browsers itd probably give the best idea to look at it in Firefox.

    The reason for the tables is because i cannot get all three of those parts - the mp3 name, the flash player that corresponds to each, and the Add to Cart text (soon to be a button) on one line using CSS.

    I have tried putting them within individual <li> tags adding display:inline; to the style of the <li>, also putting each into a fixed width <div> and adding float:left; to the style of the divs, and It seems the embedded players only want to display below the previous part (the mp3 name), and then force the Add to Cart bit below that.

    I also need to make sure everything is aligned horizontally and vertically - lvisually replicating the 3 column table i have in place at the moment.

    Can anyone lend a hand? :S All the files (inc flash player and css etc) are downloadable here: (in about ..3 minutes from now!)

    (to find the page, please open the 'art' folder)

    I really hope someone figures it out.. my brain might explode..

    Thanks so much :)

  2. Jazajay

    Jazajay Active Member

    Tables should be fine for that, as you could argue it's the right use.
    Code them properly though. You can find a great, if not the best on-line, example here. Post 23 page 3. :)
  3. bamme

    bamme Senior Member

    Ohh nice post :) Ill read through that (althought I got to p23 and its still going.. okay, ill read *the most part of that!), thanks for the link :)
  4. Jazajay

    Jazajay Active Member

    Hay no worries any link that geeks me up is more than welcome. :)

Share This Page