Sonic Youth Gossip - View Single Post

!@#$%! · 09.26.2006, 12:24 PM

looks good, the xhtml is very simple, which i like, i have a few suggestions:

try turning off the styles in firefox right now & your content disappears. it
would be really good have regular characters over the background, you don't really need to photoshop the letters. that has the added bonus that people can enlarge or reduce the size of the headings along with the rest of the characters in their screen, and can read your content with images turned off.

your img tags need to self-close in xhtml
so it's <img .... /> and not <img>
that extra space + slash make it xhtml compliant

also, be kind to 56k & the cellphone users & the blind (you'd think they'd be big music fans) and add an alt text for your images so they know what they are "looking" at when the image doesn't download.

also, while fixed horizontal space can be good, fixed vertical is a no-no, because your text will expand & overflow and it will limit your content, font sizes and what not.

what i'd suggest is breaking your large image into pieces (much like image slices), set them as background for each individual <div> which corresponds to a section: reviews, news, downloads, etc. now, here is the trick: you make the image BIGGER than the div so that when it expands vertically (oh so nice) the div slides and uncovers more of the image, so there is no naked space.

additionally, it's quite simple to provide a background color for the page that corresponds to the sandy color of your background images. that way, people who are on modems or cellphones with images turned off will still see something close to the original design (it degrades nicely).

the layout you control using the FLOAT property so that your divs (which are little boxes really) pile next to each other. it is a little tricky to get the exact number you want in each line without overflow, but with the use of width & the clear property you'll get it just right much like tables used to take care of this back in 1997...

finally-- while fixed width is nice, i kinda like to strive for fluid layouts that can expand and shrink with the browser window size. you can use max-width and min-width for your body or wrapper divs so it doesn't become a strand of spaghetti in a monster screen, say something between 774 to 2000px?

good job man, i hope this helps.

09.26.2006, 12:24 PM	#17
!@#$%! invito al cielo Join Date: Mar 2006 Location: mars attacks Posts: 42,492	looks good, the xhtml is very simple, which i like, i have a few suggestions: try turning off the styles in firefox right now & your content disappears. it would be really good have regular characters over the background, you don't really need to photoshop the letters. that has the added bonus that people can enlarge or reduce the size of the headings along with the rest of the characters in their screen, and can read your content with images turned off. your img tags need to self-close in xhtml so it's <img .... /> and not <img> that extra space + slash make it xhtml compliant also, be kind to 56k & the cellphone users & the blind (you'd think they'd be big music fans) and add an alt text for your images so they know what they are "looking" at when the image doesn't download. also, while fixed horizontal space can be good, fixed vertical is a no-no, because your text will expand & overflow and it will limit your content, font sizes and what not. what i'd suggest is breaking your large image into pieces (much like image slices), set them as background for each individual <div> which corresponds to a section: reviews, news, downloads, etc. now, here is the trick: you make the image BIGGER than the div so that when it expands vertically (oh so nice) the div slides and uncovers more of the image, so there is no naked space. additionally, it's quite simple to provide a background color for the page that corresponds to the sandy color of your background images. that way, people who are on modems or cellphones with images turned off will still see something close to the original design (it degrades nicely). the layout you control using the FLOAT property so that your divs (which are little boxes really) pile next to each other. it is a little tricky to get the exact number you want in each line without overflow, but with the use of width & the clear property you'll get it just right much like tables used to take care of this back in 1997... finally-- while fixed width is nice, i kinda like to strive for fluid layouts that can expand and shrink with the browser window size. you can use max-width and min-width for your body or wrapper divs so it doesn't become a strand of spaghetti in a monster screen, say something between 774 to 2000px? good job man, i hope this helps.
	\|QUOTE AND REPLY\|