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
|
|
|
|
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] |
|
|
|
|
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. |
|
|
|
|
Rank: Member
Joined: 2/25/2008(UTC) Posts: 111
|
Thank you, that worked for the subcategories but every time I change #ctl00_MainContentHolder_ColumnOnea
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.
|
|
|
|
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. |
|
|
|
|
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. |
|
|
|
|
Rank: Member
Joined: 2/25/2008(UTC) Posts: 111
|
I am using #SiteMapColumnsulula
Thanks for your suggestions
|
|
|
|
Rank: Member
Joined: 1/3/2004(UTC) Posts: 1,497
|
Thanks , Cliff. I should have typed "ID's" instead of "classes". |
|
|
|
|
Rank: Member
Joined: 2/25/2008(UTC) Posts: 111
|
this is how it looks now, my css is as follows #SiteMapColumnsulula 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.
|
|
|
|
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. |
|
|
|
|
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
|
|
|
|
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*/
#SiteMapColumnsxclearboth
.ColumnOnexwidth350pxxfloatleftxmargin-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*/
#SiteMapColumnsullialayout-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 #SiteMapColumnsulafont-size25text-alignleftcolorNavyxline-height25pxxwhite-spacenowrapxlist-style-positionoutsidexwidth150px
/*this is the subcategory font id!!!!!-dovid*/
#SiteMapColumnsulula 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*/
#SiteMapColumnsullifloatrighttext-aligncenter
/*-------------------------------------------*/
/*#ctl00_MainContentHolder_ColumnOne li {color: #37b371;xbackground: url(/images/cat_icon.gif) no-repeat left 50%;}*/
#ctl00_MainContentHolder_ColumnOneacolorRedpadding-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.
|
|
|
|
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.