css rollovers

#1

hi everyone. i'm fairly new to css and i want to accomplish a rollover look
that i think is pretty easy-i just can't figure it out. all i want is a
rollover link (text that changes color and underlines when hovered over and a
box (div?) that the text goes inside. the box should also change color on
hover). thanks a lot to whoever can help.

#2

Quote:

hi everyone. i'm fairly new to css and i want to accomplish a rollover
look
that i think is pretty easy-i just can't figure it out. all i want is a
rollover link (text that changes color and underlines when hovered over
and a
box (div?) that the text goes inside. the box should also change color on
hover). thanks a lot to whoever can help.

#3

Perhaps this will help:

http://projectseven.com/tutorials/css/uberlinks/index.htm

Travis
***************************************
Free Templates, Javascript, Fonts & More. - http://www.webblobber.com
Premium Templates - http://www.webblobber.com/templates/premium/
Tutorials - http://www.webblobber.com/tutorials/
***************************************

straffenp wrote:

Quote:

hi everyone. i'm fairly new to css and i want to accomplish a rollover look
that i think is pretty easy-i just can't figure it out. all i want is a
rollover link (text that changes color and underlines when hovered over and a
box (div?) that the text goes inside. the box should also change color on
hover). thanks a lot to whoever can help.

#4

Where's the box that changes color in this, Murray?

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

"Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote

Quote:

style type="text/css"
!--
a { color:blue; background-color:yellow; }
a:hover { color:red; background-color:gray; }

--
/style></head

body
a href="#">testing</a
/body
/html

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"straffenp" <webforumsuser (AT) macromedia (DOT) com> wrote in message
news:dlcsn3$gj$1 (AT) forums (DOT) macromedia.com...
hi everyone. i'm fairly new to css and i want to accomplish a rollover
look
that i think is pretty easy-i just can't figure it out. all i want is a
rollover link (text that changes color and underlines when hovered over
and a
box (div?) that the text goes inside. the box should also change color on
hover). thanks a lot to whoever can help.

#5

P@tty Ayers wrote:

Quote:

Where's the box that changes color in this, Murray?

the <a> is a container box in itself. Could hahve given it some padding

though I guess.

#6

It's the background color.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"P@tty Ayers" <patty (AT) REMOVEcarolinawebsolutions (DOT) com> wrote

Quote:

Where's the box that changes color in this, Murray?

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

"Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message
news:dlctb0$1dm$1 (AT) forums (DOT) macromedia.com...
style type="text/css"
!--
a { color:blue; background-color:yellow; }
a:hover { color:red; background-color:gray; }

--
/style></head

body
a href="#">testing</a
/body
/html

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"straffenp" <webforumsuser (AT) macromedia (DOT) com> wrote in message
news:dlcsn3$gj$1 (AT) forums (DOT) macromedia.com...
hi everyone. i'm fairly new to css and i want to accomplish a rollover
look
that i think is pretty easy-i just can't figure it out. all i want is a
rollover link (text that changes color and underlines when hovered over
and a
box (div?) that the text goes inside. the box should also change color
on
hover). thanks a lot to whoever can help.

#7

Ah, ok. I thought it needed display:block somewhere..

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

"Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote

Quote:

It's the background color.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"P@tty Ayers" <patty (AT) REMOVEcarolinawebsolutions (DOT) com> wrote in message
news:dlcu4k$2jf$1 (AT) forums (DOT) macromedia.com...
Where's the box that changes color in this, Murray?

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

"Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message
news:dlctb0$1dm$1 (AT) forums (DOT) macromedia.com...
style type="text/css"
!--
a { color:blue; background-color:yellow; }
a:hover { color:red; background-color:gray; }

--
/style></head

body
a href="#">testing</a
/body
/html

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"straffenp" <webforumsuser (AT) macromedia (DOT) com> wrote in message
news:dlcsn3$gj$1 (AT) forums (DOT) macromedia.com...
hi everyone. i'm fairly new to css and i want to accomplish a rollover
look
that i think is pretty easy-i just can't figure it out. all i want is a
rollover link (text that changes color and underlines when hovered over
and a
box (div?) that the text goes inside. the box should also change color
on
hover). thanks a lot to whoever can help.

#8

Nope. The <a> tag's text box works just fine for the background color. If
you want the <a> tag to *fill* a table cell, then that's when you need the
display:block.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"P@tty Ayers" <patty (AT) REMOVEcarolinawebsolutions (DOT) com> wrote

Quote:

Ah, ok. I thought it needed display:block somewhere..

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

"Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message
news:dlcv91$4e9$1 (AT) forums (DOT) macromedia.com...
It's the background color.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"P@tty Ayers" <patty (AT) REMOVEcarolinawebsolutions (DOT) com> wrote in message
news:dlcu4k$2jf$1 (AT) forums (DOT) macromedia.com...
Where's the box that changes color in this, Murray?

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

"Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message
news:dlctb0$1dm$1 (AT) forums (DOT) macromedia.com...
style type="text/css"
!--
a { color:blue; background-color:yellow; }
a:hover { color:red; background-color:gray; }

--
/style></head

body
a href="#">testing</a
/body
/html

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"straffenp" <webforumsuser (AT) macromedia (DOT) com> wrote in message
news:dlcsn3$gj$1 (AT) forums (DOT) macromedia.com...
hi everyone. i'm fairly new to css and i want to accomplish a rollover
look
that i think is pretty easy-i just can't figure it out. all i want is
a
rollover link (text that changes color and underlines when hovered
over and a
box (div?) that the text goes inside. the box should also change color
on
hover). thanks a lot to whoever can help.

#9

"Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote

Quote:

Nope. The <a> tag's text box works just fine for the background
color. If you want the <a> tag to *fill* a table cell, then that's
when you need the display:block.

....and fix for IE Windows.

#10

You mean the layout force?

a { height:1%; }

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Al Sparber- PVII" <hiding (AT) nospam (DOT) net> wrote

Quote:

"Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message
news:dlcvrj$5dt$1 (AT) forums (DOT) macromedia.com...
Nope. The <a> tag's text box works just fine for the background color.
If you want the <a> tag to *fill* a table cell, then that's when you need
the display:block.

...and fix for IE Windows.