If I remember correctly (others, please correct me if I'm wrong)..
Make your links block elements with a height and width.
e.g. div.item a ( display: block; height: 100%; width: 100%; }
I think that should do the trick.. maybe?
Tim
ivanovitch wrote:
Dear all
I've been trying very hard to p
Dear all
I've been trying very hard to propel myself into the 21st century and
apply web standards and use good CSS as much as possible, but I'm
stuck on getting a div to honour a hover state that I am trying to
build. Guidance appreciated...
The demo page is at http://imeet.com.au/aa2/ - it's cu
> ivanovitch said:
> > I didn't think that the full-width div color would be so tricky.
Try using the following css:
div.input{border-top: 1px dotted #999;border-right: 1px dotted
#999;border-left: 1px dotted #999;}
div.item {padding: 0;border-bottom: 1px dotted #999;margin: 0px; width:
100%;}
di
ivanovitch said:
> I didn't think that the full-width div color would be so tricky.
erm, it's not that tricky, it's just easy to overlook.
take the padding (and border) off the div and add it to your anchor instead.
The hover state will then fill the entire div.
kind regards
Terrence Wood
**
On 15/11/05, Terrence Wood <[EMAIL PROTECTED]> wrote:
> This is a really brief answer, but should get you started on the right
> track to thinking about the "C" in CSS =)
>
> First, some house work: "id" must be unique, "class" can be reused on any
> number of elements.
Oops - leftover from the bi
Tried height adjustments (0, 1, 99%) in Safari, but no dice. It seems
as though the padding (needed here) is getting in the way no matter
what. I didn't think that the full-width div color would be so tricky.
I think that I can work my head around Terence's advice on the text
color (Thanks, Terenc
Patrick H. Lauke wrote:
> Ah, hang on, missed the bit about the white space. Why not just set
> the padding on both div.input and div.item to 0, and reapply the
> padding in div.item a:link? Also, you don't need the width: 100%; and
> height: 100% in the a:link
The width is not needed, but I belie
This is a really brief answer, but should get you started on the right
track to thinking about the "C" in CSS =)
First, some house work: "id" must be unique, "class" can be reused on any
number of elements.
Second, the following demonstrates the use of the cascade - "C" - to color
the author clas
ivanovitch wrote:
We're only talking a few pixels: the text does show the hover state,
but if I were to use a table cell, the entire cell would show it. At
present, the hover finishes at exactly the edge of the text, and not
to the div border.
Ah, hang on, missed the bit about the white space.
ivanovitch wrote:
> Nope: it's the demo page that is failing. Might be the browser (I'm
> using Safari and Firefox at present, and rebuilding my Windows box
> after a trojan popped in).
>
> We're only talking a few pixels: the text does show the hover state,
> but if I were to use a table cell, th
Nope: it's the demo page that is failing. Might be the browser (I'm
using Safari and Firefox at present, and rebuilding my Windows box
after a trojan popped in).
We're only talking a few pixels: the text does show the hover state,
but if I were to use a table cell, the entire cell would show it. A
ivanovitch wrote:
Thank you: this is a great improvement, but not quite there. I've
added the extra declaration as shown, but...
This addtion only hovers the text component, not the entire span area.
A table cell would go to the ruled edges - it's only a few pixels, I
know, but it's important.
ivanovitch wrote:
> Thank you: this is a great improvement, but not quite there. I've
> added the extra declaration as shown, but...
>
> This addtion only hovers the text component, not the entire span area.
> A table cell would go to the ruled edges - it's only a few pixels, I
> know, but it's i
Thank you: this is a great improvement, but not quite there. I've
added the extra declaration as shown, but...
This addtion only hovers the text component, not the entire span area.
A table cell would go to the ruled edges - it's only a few pixels, I
know, but it's important. (and I've not solved
On 11/14/2005 4:44 AM ivanovitch wrote:
I've been trying very hard to propel myself into the 21st century and
apply web standards and use good CSS as much as possible, but I'm
stuck on getting a div to honour a hover state that I am trying to
build. Guidance appreciated...
The demo page is at h
This will get the background color through the whole div:
div.item a:link {text-decoration: none; display: block; height:
100%; width: 100%;}
And if you want the hover text to turn white you'll have to take a look
at the way your classes and id's are working, the .author class is
overriding o
Thanks for the prompt response, Tim - but your suggestion did not
alter the output (in my browser, at least). Sounded plausible,
though... Anyone else?
On 14/11/05, Tim Burgan <[EMAIL PROTECTED]> wrote:
> If I remember correctly (others, please correct me if I'm wrong)..
>
> Make your links block
> ivanovitch
> The demo page is at http://imeet.com.au/aa2/ - it's cut right backto
> highlight my problem. Ignore the content, and the site URL
> I'm trying to find a way to make blocks of text in a div (item) to
> display the hover background for the entire div, and not just the
> linked text.
18 matches
Mail list logo