On 5/7/07, Lauri Pantos <[EMAIL PROTECTED]> wrote: > Hi. This is my first attempt at tableless css - I've taken an example and > modified it - I'm almost there, but have a few problems. > URL is > http://www.somtndesign.com/portfoliocopy.php > > I need to put the word 'HOME' (which is on the bottom right now) below the > sun and mountain graphic - not where it is now > > Graphics were made by my partner on a mac - even though I'm using his specs, > I still have too much gap on the left side and bottom of the page > > Is it better to insert an image in a div or make it a background for the div? > > Thanks for all the help > > Lauri Pantos > > > ----- Original Message ---- > From: Steve LaBadie <[EMAIL PROTECTED]> > To: [email protected] > Sent: Monday, May 7, 2007 3:06:01 PM > Subject: [css-d] Image Placement > > > I have an image set to align="middle", but aligns on the bottom of the > cell in Firefox. How can I correct this? > > > > Steve LaBadie, Web Manager > East Stroudsburg University > 200 Prospect St. > East Stroudsburg, Pa 18301 > 570-422-3999 > [EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]> > http://www.esu.edu <http://www3.esu.edu> > > > > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7 information -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > > > ____________________________________________________________________________________ > Looking for earth-friendly autos? > Browse Top Cars by "Green Rating" at Yahoo! Autos' Green Center. > http://autos.yahoo.com/green_center/ > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7 information -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ >
Lauri, With regard to your question about using an inline image versus a background image, it really depends on the situation. I like to use background images with CSS selectors when possible if I'll have different pages with similar elements but different images. Other times, particularly when I'm doing a lot of dynamic or data-driven stuff, I'll tend toward img tags. Really, for things like banners that are fairly consistent across a site, background images are awesome because you can change everything in one file - an important thing to think about when deciding which to use: will I want/need to make changes to this the way I change a font or color? To me, backgrounds are really presentational (embellishments like a drop shadow or purely decorative texture in a banner) while img tags are oriented more toward actual content (like photos in a news story, diagrams in a how-to, charts in a prospectus, etc.). The answer to your question about the 'Home' text depends on whether this is destined to be a link. If so, I'd first make it an <a> with a class or id that fits and set it to display: block. Put that element inside your div.feature and position it as necessary. You could set that image as the background and set the size for that div, or leave it as an inline image and lay the 'Home' text on top. I personally don't see any problem with the spacing on the page. Hope that helps a little, Reed ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
