i indent on eventually putting two of thos side by side.. i want to use it to display song title - artist and then a Buy button, bting the far right boxes.
anything-thingy.. i always say that cause my brain is to slow to keep track of all the different thingys
ok then on table, how about this, i did a table, now im trying to put an album cover image to the right of the table.. and im having a hell of a time.. and its annoying how i still cant figure out stupid things like that..
@mikeman there is not enough room for the image to sit to the right because of the width of the content. It seems you have fixed each of the container's to a specific width. Also you don't need an image to be wrapped in a paragraph, semantically it doesn't make sense. I used the Safari developer tool and was able to come up with floating the table to the left. Image to the right. Setting the container to 1150px and having the main set to 1170px. You can get rid of the overflow: hidden;position:relative; in the main section. Ultimately, I think you should just clean up your code. :-)
To the people saying to "just use a table," you may be right, but let's suppose for a minute that the image @mikeman provided was for the layout of a proposed website. In that case, <div>s or more semantic elements would be more appropriate.
Here's some quick code for a general idea of how to create that type of layout:
@ChristopherBurton, right, and I would probably use a table as well, but without actually seeing the information he is putting into it, it's really a matter of opinion of whether it would be considered tabular data or not.
I posted the code as an example to others that might find it useful who may not be creating a layout that is best represented by a table.
@thomas"right, and I would probably use a table as well, but without actually seeing the information he is putting into it, it's really a matter of opinion of whether it would be considered tabular data or not."
He did and this is what he wrote in his original post:
@ChristopherBurton, it looks like you're getting hung up on whether this is a good use case for tables, and I've already made it very clear that I agree it is.
As for my statement of not seeing the information he will be using in that layout, it still stands. To "display song title - artist and then a Buy button" is not enough information to know what the finished version of that layout will look like. What if he includes a description, images, links to reviews, etc.? Maybe a table would still be the best choice, but you're starting to enter a gray area. I'm giving him the benefit of the doubt.
At any rate, I consider the original question of how to recreate the layout solved, and now we're veering off topic.
Final disclaimer: I do not advocate the use of excessive divs to recreate tabular markup. A table is the semantically appropriate element for tabular data.
aww guys dont fight over lil'ol meeee..... :-p hehe
well i went ahead and used the tables, also since i needed to add more cells than i originally planned and didnt want to come back and re-ask for more cells in a div example..
as long as the divs are made isnt it just easier to with divs, dont they have more styling options? or what, seems like tables like to do things without being asked sometimes..
anyways thanks for the help and its good to have the div example too for future stuff
ps.. anyone know a good little flash mp3 player like on my site that doesnt have branding?
But it's quite simple, he would have explained that in the original post in which he didn't. Your argument is "what if" and originially made this off topic by marking up the incorrect solution that was already solved. That's all I really have to say.
im trying to make a div thingy that looks like this
http://ocixx.com/joseph/wp-content/uploads/2011/09/div.png
i indent on eventually putting two of thos side by side.. i want to use it to display song title - artist and then a Buy button, bting the far right boxes.
could anyone help me out?
ok then on table, how about this, i did a table, now im trying to put an album cover image to the right of the table.. and im having a hell of a time.. and its annoying how i still cant figure out stupid things like that..
ocixx.com/joseph/
http://ocixx.com/joseph/tables.txt
how do i put an image to the right?
heh... i couldnt paste all table code here, it was 3045 characters to long. .according to the red thingy that came up and told me.
there is not enough room for the image to sit to the right because of the width of the content. It seems you have fixed each of the container's to a specific width. Also you don't need an image to be wrapped in a paragraph, semantically it doesn't make sense. I used the Safari developer tool and was able to come up with floating the table to the left. Image to the right. Setting the container to 1150px and having the main set to 1170px. You can get rid of the
overflow: hidden;position:relative;in the main section. Ultimately, I think you should just clean up your code. :-)Here's some quick code for a general idea of how to create that type of layout:
http://jsfiddle.net/bFV4c/
I posted the code as an example to others that might find it useful who may not be creating a layout that is best represented by a table.
I have to agree with @ChristopherBurton using tables to display the artists and song titles is semantic for this.
The example I gave was to create the layout he requested, not to spark a debate about the semantics of tables.
He did and this is what he wrote in his original post:
"im trying to make a div thingy that looks like this
http://ocixx.com/joseph/wp-content/uploads/2011/09/div.png
i want to use it to display song title - artist and then a Buy button, bting the far right boxes."
...perfect use for tables
As for my statement of not seeing the information he will be using in that layout, it still stands. To "display song title - artist and then a Buy button" is not enough information to know what the finished version of that layout will look like. What if he includes a description, images, links to reviews, etc.? Maybe a table would still be the best choice, but you're starting to enter a gray area. I'm giving him the benefit of the doubt.
At any rate, I consider the original question of how to recreate the layout solved, and now we're veering off topic.
Final disclaimer: I do not advocate the use of excessive divs to recreate tabular markup. A table is the semantically appropriate element for tabular data.
well i went ahead and used the tables, also since i needed to add more cells than i originally planned and didnt want to come back and re-ask for more cells in a div example..
as long as the divs are made isnt it just easier to with divs, dont they have more styling options? or what, seems like tables like to do things without being asked sometimes..
anyways thanks for the help and its good to have the div example too for future stuff
ps.. anyone know a good little flash mp3 player like on my site that doesnt have branding?
But it's quite simple, he would have explained that in the original post in which he didn't.
Your argument is "what if" and originially made this off topic by marking up the incorrect solution that was already solved. That's all I really have to say.
Here is a jQuery alternative that also uses HTML5 audio. Seems that it also supports Flash media.
www.jplayer.org