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.
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
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
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
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.
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.
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, the
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
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 class:
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 believe
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,
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 bigger site...
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%;}
13 matches
Mail list logo