I have the following html in my website.
When I click on the text "Atlanta Unfold" the type changes color and links. However I can not get the div to link.
How can I click on the div and have the link work?
Make the link display: block
Make the link display: block and size accordingly
Am I supposed to make a link
Am I supposed to make a link style specifically for the class or id? And make that link style "block"?
Am I supposed to make a link
Am I supposed to make a link style specifically for the class or id? And make that link style "block"?
I'm still not sure how this
I'm still not sure how this should work?
and you still haven't
and you still haven't provided nearly enough information for anyone to help. I can take guesses, but it would be better to see what you're trying to accomplish, and what you have coded thus far.
a { display: block;
a { display: block; width: 100%; height: 100%; }
I think you want something like this, as wolfcry911 already explained.
More info
Sorry I was not sure if I provided enough info or not. Pretty new at this.
I'm working on the following site:
http://www.vandam.com/WEBSITE/atlanta_unfolds.html
I would like to have the type change when I rollover a cover at the top. For example when I click the Berlin StreetSmart cover I would like the text to change white and be able to link. As it is now the I can only link through the type.
Is that enough info? Thanks for your help.
#productbrowser a {
#productbrowser a { display: block; width: 100%; height: 100%; } #productbrowser a:hover { color: white; }
something like this?
Each of the boxes containing
Each of the boxes containing a cover and the corresponding text are of the class .top_scroll_boxes, the css is below. I put 157 px of padding at the top so the type would be forced to the bottom. So when I try your solution the type changes in the space to the right or the left of the type but not in the padding above. Do I need to force the text to the bottom of the div in another way?
.top_scroll_boxes {
font-family: "Lucida Grande", Arial, Helvetica;
font-size: 12px;
float: left;
height: 10px;
width: 160px;
color: #FFFFFF;
padding-top: 157px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-repeat: no-repeat;
background-position: center bottom;
use relative positioning to
use relative positioning to move the text down
Could you explain a little
Could you explain a little more how to change the relative position to move down the text. I've been having a hard time finding information on aligning your text to the bottom of the div.
As you have now sarted
As you have now sarted another thread asking this question this one is closed to further comments to avoid confusion.
Follow Gary's advice and guides. Anyone wishing to continue from this thread go to http://csscreator.com/node/36880