Jump to content

how to get the single digit linked anchors to display as full width of td


Greywacke
 Share

Recommended Posts

hi there,another issue with joomla 1.5 using the D Calendar module... i have styled the module, but one last thing is not fixed. the other A tags were given a 29% padding, though if i make it 30% or bigger, it makes the active pseudo-class show as underlined and all pseudo-classes as malformed. Firebug 1.6.1 has shown me that it inherits this underline from a LI tag selector in the main stylesheet when set to these widths... 0o how could this be possible? how can the a:active pseudo-class selector either be made not to inherit or the base style be made not to propagate beyond links in articles and modules other than ones part of the design?the website for these issues is PArktown Boys' High School.

.day>a {	background: transparent url("/templates/parktownboys2aa/images/calday_date.jpg") center center repeat-x;	width: 100% !important;	height: 100% !important;	text-align: center !important;	vertical-align: middle !important;	padding: 29%;	color: #444444 !important;	text-decoration: none !important;	overflow: hidden;}.day a:link, .today a:link {	width: 100% !important;	height: 100% !important;	text-align: center !important;	vertical-align: middle !important;	padding: 29%;	color: #444444 !important;	text-decoration: none !important;	overflow: hidden;}.day a:visited, .today a:visited {	width: 100% !important;	height: 100% !important;	text-align: center !important;	vertical-align: middle !important;	padding: 29%;	color: #444444 !important;	text-decoration: none !important;	overflow: hidden;}.day a:hover, .today a:hover {	width: 100% !important;	height: 100% !important;	text-align: center !important;	vertical-align: middle !important;	padding: 29%;	color: #444444 !important;	text-decoration: none !important;	overflow: hidden;}.day a:active, .today a:active {	width: 100% !important;	height: 100% !important;	text-align: center !important;	vertical-align: middle !important;	padding: 29%;	color: #444444 !important;	text-decoration: none !important;	overflow: hidden;}

the excerpt from the li that is inherited:

a, .art-post li a {	color: #1A1A1A;	text-decoration: underline;}

Link to comment
Share on other sites

Are these cells/anchor links fixed or fluid? its div containers seems fixed width, but after that, tables, td cells are using percentages, and it does not seem to expand to a larger size like other calendars I've seen. Then why not just use fixed widths, instead of using percentages for padding, width etc for the anchor links use.

day a:link, .today a:link {[url=""][/url]color:#444444 !important;display:block; /*added by dsonesuk*/height:21px; /*added by dsonesuk*/line-height:21px; /*added by dsonesuk*/ overflow:hidden;text-align:center !important;text-decoration:none !important;/*padding:29%; not required text-align will center text*/ /*height:100% !important; height now set to fixed height*/ /*vertical-align:middle !important; not required as line_height will vertical align*//*width:100% !important; not required as anchor link is now block element*/}day > a {[url=""][/url]background:transparent url(/templates/parktownboys2aa/images/calday_date.jpg) repeat-x scroll center;color:#444444 !important;/*height:100% !important;*/overflow:hidden;/*padding:29%;*/text-align:center !important;text-decoration:none !important;vertical-align:middle !important;/*width:100% !important;*/}

you will have to adjust/remove padding, width styling for :link :hover etc related to these elements

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...