Re: CSS / HTML Compliant issue
On 12/21/06, Adkins, Randy [EMAIL PROTECTED] wrote:
If you will look at this one page, I am having a problem with being
compliant with CSS and HTML and
achieving the desired behavior and look.
http://test.mksweb.net/
Take your width and positioning out of your anchor elements:
a.LeftNav { width:191px;font-weight:bold;color:#525252;font-family:
'Arial';text-decoration: none;font-size: 13px;}
and place them in your division definitions. Once done, move your
anchors inside your divisions.
~|
Create robust enterprise, web RIAs.
Upgrade integrate Adobe Coldfusion MX7 with Flex 2
http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:264813
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS / HTML Compliant issue
BTW: This behavior works in IE 7 but not in Firefox. -Original Message- From: Adkins, Randy [mailto:[EMAIL PROTECTED] Sent: Thursday, December 21, 2006 3:58 PM To: CF-Talk Subject: CSS / HTML Compliant issue If you will look at this one page, I am having a problem with being compliant with CSS and HTML and achieving the desired behavior and look. http://test.mksweb.net/ Can someone see what I am doing wrong? CSS validates fine. HTML doesn't. I know it is the positioning of the DIV tags in relation to the A HREF tag but that throws off the look and feel. BTW: This is just a small section of the site which is all CSS. No tables or anything. Thanks! ~| Create robust enterprise, web RIAs. Upgrade integrate Adobe Coldfusion MX7 with Flex 2 http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:264816 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS / HTML Compliant issue
Okay I did that, however the box (DIV) does not act as a link until you
mouse over the text itself.
My goal is to be able to mouse over the box or the text and click to
proceed to the link not just
the text.
-Original Message-
From: John Cox [mailto:[EMAIL PROTECTED]
Sent: Thursday, December 21, 2006 4:03 PM
To: CF-Talk
Subject: Re: CSS / HTML Compliant issue
On 12/21/06, Adkins, Randy [EMAIL PROTECTED] wrote:
If you will look at this one page, I am having a problem with being
compliant with CSS and HTML and achieving the desired behavior and
look.
http://test.mksweb.net/
Take your width and positioning out of your anchor elements:
a.LeftNav { width:191px;font-weight:bold;color:#525252;font-family:
'Arial';text-decoration: none;font-size: 13px;}
and place them in your division definitions. Once done, move your
anchors inside your divisions.
~|
Create robust enterprise, web RIAs.
Upgrade integrate Adobe Coldfusion MX7 with Flex 2
http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:264819
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: CSS / HTML Compliant issue
On 12/21/06, Adkins, Randy [EMAIL PROTECTED] wrote: Okay I did that, however the box (DIV) does not act as a link until you mouse over the text itself. My goal is to be able to mouse over the box or the text and click to proceed to the link not just the text. Then use a span inside the anchor, but you can't use block level items inside an anchor AFAIK. Better yet, instead of using a divisions, you should be using a list or a dl / dt, since that is really what your menu is. Don't get too bogged down in using divisions, rather use the correct HTML element for the job. http://css.maxdesign.com.au/listamatic/ ~| Create robust enterprise, web RIAs. Upgrade integrate Adobe Coldfusion MX7 with Flex 2 http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:264826 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS / HTML Compliant issue
I did this with with td outside the href at www.murmar.com - Not
exactly
what you want, but should be adaptable. Stylesheet is styles.css.
And yes, I know this is a frowned-upon use of td, but I'm not
changing it
now.
-Original Message-
From: Adkins, Randy [mailto:[EMAIL PROTECTED]
Sent: Thursday, December 21, 2006 4:11 PM
To: CF-Talk
Subject: RE: CSS / HTML Compliant issue
Okay I did that, however the box (DIV) does not act as a link until you
mouse over the text itself.
My goal is to be able to mouse over the box or the text and click to
proceed to the link not just
the text.
-Original Message-
From: John Cox [mailto:[EMAIL PROTECTED]
Sent: Thursday, December 21, 2006 4:03 PM
To: CF-Talk
Subject: Re: CSS / HTML Compliant issue
On 12/21/06, Adkins, Randy [EMAIL PROTECTED] wrote:
If you will look at this one page, I am having a problem with being
compliant with CSS and HTML and achieving the desired behavior and
look.
http://test.mksweb.net/
Take your width and positioning out of your anchor elements:
a.LeftNav { width:191px;font-weight:bold;color:#525252;font-family:
'Arial';text-decoration: none;font-size: 13px;}
and place them in your division definitions. Once done, move your
anchors inside your divisions.
~|
Create robust enterprise, web RIAs.
Upgrade integrate Adobe Coldfusion MX7 with Flex 2
http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:264828
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: CSS / HTML Compliant issue
You can't, without using JavaScript.
Per the spec, inline elements (such as an anchor) may not contain block
level elements such as a div.
If you really want to only use CSS. Use display:block on your anchors and
pad them to achieve the height you want so that the anchor is as big. Get
rid of the divs and use an unordered list. (Structured HTML does really
make life easier, I promise)
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
title/title
style type=text/css
!--
ul#leftnav{
width: 15em;
background-color: #ECB200;
list-style:none;
padding: 0;
border-bottom: thin solid white;
}
ul#leftnav li{
margin: 0;
width: 100%;
padding: .25em;
border-bottom: thin solid white;
}
ul#leftnav :link,
ul#leftnav :visited{
color: white;
display: block;
margin:0 0 0 -.25em;
padding:.25em 0;
border: thin solid red; /* Take out, used only to show where
the effect will be available */
}
ul#leftnav :link:hover,
ul#leftnav :visited:hover{
color: black;
}
--
/style
/head
body
ul id=leftnav
lia href=/ Not This (Compliant)/a/li
lia href=/Like This (non-compliant)/a/li
lia href=/Program Services/a/li
lia href=/div class=LeftMenuItemAdmission Process/a/li
lia href=/Location / Directions/a/li
lia href=/Payment for Services/a/li
lia href=/Confidentiality / Privacy/a/li
lia href=/Contact Us/a/li
/ul
/body
/html
Sandra Clark
==
http://www.shayna.com
Training in Cascading Style Sheets and Accessibility
-Original Message-
From: Adkins, Randy [mailto:[EMAIL PROTECTED]
Sent: Thursday, December 21, 2006 4:11 PM
To: CF-Talk
Subject: RE: CSS / HTML Compliant issue
Okay I did that, however the box (DIV) does not act as a link until you
mouse over the text itself.
My goal is to be able to mouse over the box or the text and click to proceed
to the link not just the text.
-Original Message-
From: John Cox [mailto:[EMAIL PROTECTED]
Sent: Thursday, December 21, 2006 4:03 PM
To: CF-Talk
Subject: Re: CSS / HTML Compliant issue
On 12/21/06, Adkins, Randy [EMAIL PROTECTED] wrote:
If you will look at this one page, I am having a problem with being
compliant with CSS and HTML and achieving the desired behavior and
look.
http://test.mksweb.net/
Take your width and positioning out of your anchor elements:
a.LeftNav { width:191px;font-weight:bold;color:#525252;font-family:
'Arial';text-decoration: none;font-size: 13px;}
and place them in your division definitions. Once done, move your anchors
inside your divisions.
~|
Create robust enterprise, web RIAs.
Upgrade integrate Adobe Coldfusion MX7 with Flex 2
http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:264829
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: CSS / HTML Compliant issue
Thanks John, I found an example on the maxdesign site that resembled what I was Trying to achieve. Now to tweak it a bit and should be good to go :-) -Original Message- From: John Cox [mailto:[EMAIL PROTECTED] Sent: Thursday, December 21, 2006 4:27 PM To: CF-Talk Subject: Re: CSS / HTML Compliant issue On 12/21/06, Adkins, Randy [EMAIL PROTECTED] wrote: Okay I did that, however the box (DIV) does not act as a link until you mouse over the text itself. My goal is to be able to mouse over the box or the text and click to proceed to the link not just the text. Then use a span inside the anchor, but you can't use block level items inside an anchor AFAIK. Better yet, instead of using a divisions, you should be using a list or a dl / dt, since that is really what your menu is. Don't get too bogged down in using divisions, rather use the correct HTML element for the job. http://css.maxdesign.com.au/listamatic/ ~| Create robust enterprise, web RIAs. Upgrade integrate Adobe Coldfusion MX7 with Flex 2 http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:264833 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
