Text over Image CSS (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets and Accessibility



Message

funk theory -> Text over Image CSS (11/6/2006 15:00:15)

I wonder if anyone can help? Im pretty good or certainly getting better with web design however im learn css stylesheets and have a q:

Im playing with my website until i get it right http://www.webmatrixdesign.co.uk/

How do i get it so the links on the left are an image rather than text or get the links on the image in the middle? Im using dreamweaver and photoshop 7.

Thanks[:)]



jaybee -> RE: Text over Image CSS (11/6/2006 15:09:10)

There are loads of examples here...
http://css.maxdesign.com.au/listamatic/



funk theory -> RE: Text over Image CSS (11/6/2006 15:16:07)

Many Thanks [;)]



womble -> RE: Text over Image CSS (11/6/2006 15:25:45)

As Jaybee says, there's more examples of how you can use styled lists at Listamatic than you can shake a stick at! Using images for navigation, especially if it's just a simple list is rarely a good idea - much better for SEO and accessibility to use text and syle it with CSS. If you're using a tables layout you could put your text in the large table cell and set your image as a background image. If you're learning CSS and switching to a CSS layout you can either position a div with your nav over the photo, or keep your nav and image in the same div and position your text with appropriate margins and padding.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875