12 replies [Last post]
godisold
godisold's picture
Offline
Regular
Last seen: 13 years 5 days ago
Joined: 2009-07-30
Posts: 11
Points: 0

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?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 24 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Make the link display: block

Make the link display: block and size accordingly

godisold
godisold's picture
Offline
Regular
Last seen: 13 years 5 days ago
Joined: 2009-07-30
Posts: 11
Points: 0

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"?

godisold
godisold's picture
Offline
Regular
Last seen: 13 years 5 days ago
Joined: 2009-07-30
Posts: 11
Points: 0

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"?

godisold
godisold's picture
Offline
Regular
Last seen: 13 years 5 days ago
Joined: 2009-07-30
Posts: 11
Points: 0

I'm still not sure how this

I'm still not sure how this should work?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 24 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

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.

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 6 years 48 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

a { display: block;

a {
  display: block;
  width: 100%;
  height: 100%;
}

I think you want something like this, as wolfcry911 already explained.

godisold
godisold's picture
Offline
Regular
Last seen: 13 years 5 days ago
Joined: 2009-07-30
Posts: 11
Points: 0

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.

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 6 years 48 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

#productbrowser a {

#productbrowser a {
  display: block;
  width: 100%;
  height: 100%;
}
#productbrowser a:hover {
  color: white;
}

something like this?

godisold
godisold's picture
Offline
Regular
Last seen: 13 years 5 days ago
Joined: 2009-07-30
Posts: 11
Points: 0

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;

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 6 years 48 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

use relative positioning to

use relative positioning to move the text down

godisold
godisold's picture
Offline
Regular
Last seen: 13 years 5 days ago
Joined: 2009-07-30
Posts: 11
Points: 0

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.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 31 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me