• Toll-free  888-665-8637
  • International  +1 717-220-0012
Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

emunah
#1 Posted : Wednesday, April 2, 2008 2:33:29 PM(UTC)
emunah

Rank: Member

Joined: 2/25/2008(UTC)
Posts: 111

Can anyone tell me the controls in css to change the font color in the site map page subcategories? as well as the main categories
Chris Dittmeier
#2 Posted : Wednesday, April 2, 2008 8:28:39 PM(UTC)
Chris Dittmeier

Rank: Member

Joined: 1/3/2004(UTC)
Posts: 1,497

The only CSS classes I could find for the Sitemap are:


[table style="WIDTH: 174pt; BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width=232 border=0 x:str]<COLGROUP>
<COL style="WIDTH: 174pt; mso-width-source: userset; mso-width-alt: 8484" width=232>

[tr style="HEIGHT: 12.75pt" height=17][td class=xl24 style="BORDER-RIGHT: #ece9d8; BORDER-TOP: #ece9d8; BORDER-LEFT: #ece9d8; WIDTH: 174pt; BORDER-BOTTOM: #ece9d8; HEIGHT: 12.75pt; BACKGROUND-COLOR: transparent" width=232 height=17]#MyAccountDiv[/td][/tr][tr style="HEIGHT: 12.75pt" height=17][td class=xl24 style="BORDER-RIGHT: #ece9d8; BORDER-TOP: #ece9d8; BORDER-LEFT: #ece9d8; BORDER-BOTTOM: #ece9d8; HEIGHT: 12.75pt; BACKGROUND-COLOR: transparent" height=17]#SiteMapColumns[/td][/tr][/table]
Chris
Sirius Programming

www.siriusprogramming.com
Cliff
#3 Posted : Thursday, April 3, 2008 2:06:15 AM(UTC)
Cliff

Rank: Member

Joined: 5/24/2004(UTC)
Posts: 4,147

You'd want to do something like #SiteMapColumns ul ul a { ... }, etc., for controlling just the sub-category link colors. The cascade is your friend. Also, those are IDs, not classes, so make sure you use the hash and not the dot.
emunah
#4 Posted : Thursday, April 3, 2008 10:21:30 AM(UTC)
emunah

Rank: Member

Joined: 2/25/2008(UTC)
Posts: 111

Thank you, that worked for the subcategories but every time I change
#ctl00_MainContentHolder_ColumnOne
a

font size all of them change. I want to change just the categories font size, the color is correct.

Also I am trying to format the sitemap in such a way that each category shows up and tthen all of the subs are wrapped underneath. I am including a screen shot of what I want it to look like and what it looks like now. I realize I am asking alot but if there is a css rule for this I would greatly appreciate it
emunah attached the following image(s):
sitemap now.JPG (87kb) downloaded 51 time(s).

You cannot view/download attachments. Try to login or register.
jonm
#5 Posted : Thursday, April 3, 2008 4:16:59 PM(UTC)
jonm

Rank: Member

Joined: 3/24/2005(UTC)
Posts: 311

Hmm, you might not be able to do the category shows with subs underneath with just css. You might need to do some codebehind to get the look you are looking for.
-Jonathan Moore
www.tvps.com
Cliff
#6 Posted : Thursday, April 3, 2008 5:52:14 PM(UTC)
Cliff

Rank: Member

Joined: 5/24/2004(UTC)
Posts: 4,147

Firstly, don't use IDs that look like "#ctl00_MainContentHolder_ColumnOne" in your CSS. These are generated by .Net and could change, so I don't trust them that much. Use the ID or class that was given to them, if possible.

Remember that the strength of CSS is the inheritance of rules. Missing that could be the cause of your font size issue, since lists are especially nested.

You can do the display that you want with CSS by floating and using specific dimensions, but it's a bit complicated if you're new to it. I don't have time to test it out right now, so I'd recommend experimenting with that.
emunah
#7 Posted : Friday, April 4, 2008 10:01:28 AM(UTC)
emunah

Rank: Member

Joined: 2/25/2008(UTC)
Posts: 111

I am using
#SiteMapColumns
ulula

Thanks for your suggestions
Chris Dittmeier
#8 Posted : Saturday, April 5, 2008 9:04:56 AM(UTC)
Chris Dittmeier

Rank: Member

Joined: 1/3/2004(UTC)
Posts: 1,497

Thanks , Cliff. I should have typed "ID's" instead of "classes".
Chris
Sirius Programming

www.siriusprogramming.com
emunah
#9 Posted : Monday, April 7, 2008 10:40:30 AM(UTC)
emunah

Rank: Member

Joined: 2/25/2008(UTC)
Posts: 111

this is how it looks now, my css is as follows

#SiteMapColumns
ulula
color#647e11xtext-aligncenterbackgroundurl(/images/cat_icon.gif)no-repeatleft50%/*xword-spacing:100px;</P>
white-space : nowrap;

xword-spacing : 30px;

float:left;

xwidth:100%;

/*xpadding:0;*/
margin0list-style-typenonewidth6empadding0.2em0.6em/*padding:0.2px 5px 0 0;*/</P>border-right1pxtext-aligncenterfloatleft[2];</P>
}
[/2]
Screen shot
emunah attached the following image(s):
sitemap.JPG (88kb) downloaded 58 time(s).

You cannot view/download attachments. Try to login or register.
Cliff
#10 Posted : Monday, April 7, 2008 3:46:59 PM(UTC)
Cliff

Rank: Member

Joined: 5/24/2004(UTC)
Posts: 4,147

You're going to need to adjust the LI tags as well, not to mention the ULs as containers. If you're not sure what you're doing here, I'd highly suggest hiring someone who can go through it quickly.
emunah
#11 Posted : Tuesday, April 8, 2008 11:28:13 AM(UTC)
emunah

Rank: Member

Joined: 2/25/2008(UTC)
Posts: 111

I almost have it working, can you tell me how to use the layout flow property correctly or the writing mode property. I would really appreciate it. CSS states these are not valid but I must be using them incorrectly

Thank You
emunah
#12 Posted : Tuesday, April 8, 2008 2:31:29 PM(UTC)
emunah

Rank: Member

Joined: 2/25/2008(UTC)
Posts: 111

Here is how it looks now; The only problem is that the width of the subcategories is too big, ie they float past the sides; I am including my css for the site map; if anyone has any suggestions please let me know.There seem to be different ids controlling the same thing but only certain css functions apply within them. It is very strange

/* Site Map Page

#SiteMapColumns { clear: both; }

/*this id controls the placement of the whole column only-dovid

.ColumnOne {margin-left:0px;}/*used to be 350*/

#SiteMapColumns
xclearboth

.ColumnOne
xwidth350pxxfloatleftxmargin-left50px

/*.ColumnTwo, .ColumnThree { width: 350px; float: left; margin: 0 15px; }*/
.column1ulcolor#c8333abackgroundurl(/images/icon_pill.gif)no-repeatleft50%width400px
/*#ColumnOne a {color: #c8333a;background: url(/images/icon_pill.gif) no-repeat left 50%;width:400px}

}*/

/*this is the category text on the site map page-dovid*/

#SiteMapColumns
ullialayout-flowhorizontalfont-size14pxtext-decorationunderlinefont-family'Helvetica Neue',sans-serifcolor#c8333abackgroundurl(/images/pixelized_long.gif)no-repeatleft50%text-alignleftxwidth50pxxdirectioninheritxfloatleft/*this is the category text on the site map page-dovid*/
#SiteMapColumnsulfont-size25text-alignleftdisplayinline-blockcolorNavyxline-height25pxxwhite-spacenowrapxlist-style-positionoutsidexwidth150px
#SiteMapColumns
ulafont-size25text-alignleftcolorNavyxline-height25pxxwhite-spacenowrapxlist-style-positionoutsidexwidth150px

/*this is the subcategory font id!!!!!-dovid*/


#SiteMapColumns
ulula
color#647e11xtext-aligncenterbackgroundurl(/images/cat_icon.gif)no-repeatleft50%/*xword-spacing:100px;</P>
white-space : nowrap;

xword-spacing : 30px;

float:left;

xwidth:100%;

/*xpadding:0;*/
margin0list-style-typenonefont-size9pxwidth20em/*this is the width between the words themselves*/</P>/*padding:0.2em 0.6em;*/</P>padding-rightauto/*padding was auto*/</P>border-right15pxtext-alignleftfloatleft
/*this is the column itself THIS FIXED THE CATEGORIES TO BE ON TOP OF EACHOTHER!!!Dovid*/

#SiteMapColumns
ullifloatrighttext-aligncenter

/*-------------------------------------------*/

/*#ctl00_MainContentHolder_ColumnOne li {color: #37b371;xbackground: url(/images/cat_icon.gif) no-repeat left 50%;}*/

#ctl00_MainContentHolder_ColumnOne
acolorRedpadding-left15px

/*.ColumnTwo{background: background: background:url(/images/icon_pill.gif) no-repeat left 50%;

color: #37b371} /*.ColumnThree { width: 350px; float: left; margin: 0 15px; }

/*this is the id for the site map page for the categories -dovid

#ctl00_MainContentHolder_ColumnOne{

margin:0;

font-family:'Helvetica Neue', sans-serif;



font-weight:bold;

font-size:14px;

text-transform:uppercase;

padding:2px 0 0 30px;

background: background: background:url(/images/icon_pill.gif) no-repeat left 50%;

color:Red

}*/
emunah attached the following image(s):
sitemap now.JPG (137kb) downloaded 96 time(s).

You cannot view/download attachments. Try to login or register.
Cliff
#13 Posted : Tuesday, April 8, 2008 6:17:51 PM(UTC)
Cliff

Rank: Member

Joined: 5/24/2004(UTC)
Posts: 4,147

Layout-flow is deprecated and I don't recommend using writing-mode; it won't do what you're after and it is currently only supported by IE.

Everything you need can be accomplished with floating. It can get a bit complex, but the concept is pretty basic. Float the elements, make sure they don't bump each other around, and give layout to the containing elements for proper clearing.

I really don't have the time to build an example at the moment.
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

©2024 Develisys. All rights reserved.
  • Toll-free  888-665-8637
  • International  +1 717-220-0012