Dandy Design
Subject: Re: [WSG] Advice on design
Elaine,
on Friday, July 25, 2008 at 11:42 wsg@webstandardsgroup.org wrote:
> I'm looking for some advice on the best way to put together the navigation
> for the following design:
> http://www.webdandy.co.uk/navigation-slice.jpg,
It may be worth taking at look at listamatic, I "borrowed" a nab bar
solution that copes with zooming quite well from there a while back.
Regards
Ian
http://www.chamberlainsofharrogate.co.uk
Sent from my Ipod touch
On 25 Jul 2008, at 11:17, Martin Heiden <[EMAIL PROTECTED]> wrote:
Elaine,
Hi,
I would suggest you use the popular sprite technique for this. Using HTML
text as link text - applying a background image to the link, changing its
background positioning on rollover (if you do want to use a different visual
for a mouse over effect).
I wrote a quick tutorial for my webstudents
Elaine,
on Friday, July 25, 2008 at 11:42 wsg@webstandardsgroup.org wrote:
> I'm looking for some advice on the best way to put together the navigation
> for the following design:
> http://www.webdandy.co.uk/navigation-slice.jpg, so
> that it's standards compliant and accessible (and if at all po
I'd say
Home
[...]
In CSS make the "a" work as a block and assign relevant background + set
the padding to make the text appear in needed position. Be careful about
size and padding. To avoid that problem add span tag inside:
Home and add margin to it.
With span it would look like
HTML:
hello,
i will do it in this way
http://www.gaspar.com.pt/ex/banner.gif
Cut the bottom of banner and then slice every images of the menus then cut
the image height.
Then in each link you put the image with diferents height and then the text.
Problems of this solution, if u use hover, you have to
hmm, well if u
- used images as background for the effect and text on it in html then
you could add a nice highlight effect when people hoover them...
- you can always use plain text but I'm not sure about the positioning
- you can also use just images and use a nice swap technique - and
provide a
Hi,
I'm looking for some advice on the best way to put together the navigation
for the following design: http://www.webdandy.co.uk/navigation-slice.jpg, so
that it's standards compliant and accessible (and if at all possible avoids
using images for the text under the nav buttons).
Thanks,
Elain