[help] Achieving iTunes-like grid coloring in tables

hello all i am trying to create and itunes type tiled backround like the one used in the forums. I have data in a table originally created in microsoft word in which i want to input to dream weaver. problem is i dont know how to fit the data on the itunes tiled background. any help would be great what size image is being used to repeat on the aqua soft forums?

#264692

Hello, Sid855!

The best help in this case will be one big advice: stop using MS Word for web-design and learn some basics of html.

You will see: things are easier, than it seems now.

Good luck! ;)

#264699

hello Wizard[WA] i have experience in html and css and i am using dream weaver to build my site. i meant the data was created in a table in microsoft word and given to me. i wanted to use and itunes tiled background blue/white/blue/white to apply to the table inside dreamweaver. i know how to use css to do this only problem is i am using a 22x44 pixel image of blue/white to repeat in the table for the itunes background effect but i cant get that data in the table to line up just how the aqua-soft forums are layed out. hope i was able to clear this up. thanx for any help

#264711

i have fixed your topic title. Please try to be more informative next time you post a topic, use tags and explain what the thread will talk about.

Now, if the table is not created dynamically (which could be better as you could assign odd row background coloring at loadtime) my guess is you will have to give css classes to your table rows, in each one of them use background-image: url(filename.extension); with their respective file...

Why you would use an image to fill it is my question... why not use fill colors? :confused:

-------------------------

The Thread Has Been Tagged & Edited

// Seph

#264714

Why don't you look at the source code of the page?

There is no images there, just bg colors, so why don't you do the same.

Moreover, page loads faster using colors, rather than images.

EDIT: See. Staff thinks the same way :P

#264716

']

EDIT: See. Staff thinks the same way :P

Nah, im staff but i am just a n00b deep down inside :P

#264721

Nah, im staff but i am just a n00b deep down inside :P

We all are. We all. :)

#264723

hey all first sorry about the topic title been in dreamweaver all night brain is burned out. i could apply a different background color or .class to each cell but i have like 50+ cells so i was trying to find a faster way and thought creating a background image top half blue bottom half white and set it as the background imageand using css to repeat for the entire table. problem with that is it does not line up with the data in each cell . i dont have any database or mysql on my server so i cant use dynamic data. any other suggestions?

#264736

if your cells are evenly spread in height, you can make a 2xcellheight image, the first half one color, the other half another color. Apply it to #tablebg for example as a repeat-y background.

I still think it is a waste of bandwidth though

#264739

50+ - it's around 10 minutes. Result will be better.

C'mon! Don't be lazy ;)

#264744

well last question is there away in dream weaver to set the height to all cells in a table i know how to set them individually. thanx for all your help.

#264752

You can do this via css:

td { height: 25px; }

I think it should work.

#264755

hey all wel here is the image i am trying to repeat the cell height code you posted Wizard[WA] worked :) the image is 11px wide 44px high the height of cell space on the table is 22px the image attached is set to repeat so i figured it would start with the top half color and follow with the bottom half color, and its still showing up a little off in the table,

post-26924-1110834806.jpg

itunes background.jpg
itunes background.jpg

#264776

You do realize that you could have added css colour fills to every alternate table row already?

#264780

dreadnaut thanx so much for the link that it exactly. thanx to everyone here who helped me out it was greatly appreaciated :):)

#264782