Making a menu of roll-over items
|
Hi,
Could you please upload this somewhere as a working example? We can't see the images, and to diagnose the issue we have to recreate the page from your code!
Simon
--
ELATED : )
http://www.PageKits.com
Professional Website Templates
Could you please upload this somewhere as a working example? We can't see the images, and to diagnose the issue we have to recreate the page from your code!
Simon
--
ELATED : )
http://www.PageKits.com
Professional Website Templates
That works for me - they get bigger, yes?
Works in Safari 3 and IE6
Simon
--
ELATED : )
http://www.PageKits.com
Professional Website Templates
Works in Safari 3 and IE6
Simon
--
ELATED : )
http://www.PageKits.com
Professional Website Templates
Yes - they work for me too - but I want the buttons to the left and right of each other - not on top of each other, like this:
http://www.flipside.co.uk/~cwlinde/test/images/test2.png
Sorry, I wasn't clear in the original post about what I wanted to accomplish.
Thanks!
[Edited by IconBoy on 30-Jun-08 22:08]
http://www.flipside.co.uk/~cwlinde/test/images/test2.png
Sorry, I wasn't clear in the original post about what I wanted to accomplish.
Thanks!
[Edited by IconBoy on 30-Jun-08 22:08]
IconBoy, use floats:
#gallery
{
display: block;
float: left;
...
#contact
{
display: block;
float: left;
...
You'll need to remove that   between the two links in your markup also. And I'd remove all those nasty "font" attributes too!
To clear the floats in the following paragraph use:
<p style="clear: both;">Lorem ipsum dolor sit amet...
Matt
[Edited by matt on 02-Jul-08 00:29]
--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/
#gallery
{
display: block;
float: left;
...
#contact
{
display: block;
float: left;
...
You'll need to remove that &nbsp; between the two links in your markup also. And I'd remove all those nasty "font" attributes too!
To clear the floats in the following paragraph use:
<p style="clear: both;">Lorem ipsum dolor sit amet...
Matt
[Edited by matt on 02-Jul-08 00:29]
--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/
Thanks very much! I changed the font for use in the CSS instead and the *float* worked.
Just a wee thought - you could let other users know this solution in the tutorial as you mention you can use the CSS roll-overs in a menu. Much appreciated for the help!
[Edited by IconBoy on 02-Jul-08 04:44]
Just a wee thought - you could let other users know this solution in the tutorial as you mention you can use the CSS roll-overs in a menu. Much appreciated for the help!
[Edited by IconBoy on 02-Jul-08 04:44]
New posts
Old posts
