[css-d] Bold not working
Hi,
My CSS validated, but making my text bold for the picture links on my portfolio
page isn't working via the pseudo class selectors. Does someone have a minute
to give it a glance? http://www.brianmcurran.com/portfolio.html
Here it is below also (It's in the #content section):
Sincerely,
Brian
body {
margin: 0; padding: 0;
font-size: small;
font-family: Arial,sans-serif;
color: #333;
}
#bodycontainer {
margin: 0 auto;
width: 780px;
text-align: left;
}
#nav {
float: right;
width: 780px;
margin: 45px 0 10px 0;
padding: 0;
list-style: none;
}
#nav li {
float: right;
margin: 0 0 0 1px;
padding: 0;
}
#nav a {
float: left;
margin: 0;
padding: 0.11em 1em;
color: #333;
text-decoration: none;
}
#nav a:hover {
color: white;
background: #333;
}
#header {
clear: right;
margin: 0 0 10px 0; padding: 0.11em 1em;
border: 1px solid #333;
border-top: none;
border-right: none;
border-left: none;
}
#header h1 {
margin: 0; padding: 0 0 0 0;
font-size: 140%;
color: #333;
}
#nav #t-portfolio a {
color: white;
background: #333;
}
#content {
margin: 0; padding: 0 1em;
float: left;
width: 250px;
font-size: 80%;
background: #eee;
}
#content a:link {
color: #333;
font-weight: bold;
}
#content a {
color: #333;
font-weight: bold;
}
#content a:hover {
color: white;
background: #333;
font-weight: bold;
}
#content a:active {
color: white;
background: #333;
font-weight: bold;
}
#sidebar {
float: right;
width: 500px;
font-size: 80%;
}
#sidebar div {
padding: 0;
}
#footer {
clear: both;
margin: 0; padding: 0;
font-size: 80%;
}
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css-d Digest, Vol 81, Issue 19
I will be away from the office for the two weeks between August, 15 2009 and August, 30 2009. If you require immediate assistance, please contact Visual Lizard at (204) 957-5520 and follow the voicemail instructions. Thank you, and I will talk to you when I return. Ross __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Bold not working
Brian, In FF 3.5 they are working just fine. The problem I see is that the size is so small that it's difficult to discern that they are actually bold. Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only accepted from discussion groups that this e-mail address subscribes to. All other messages are automatically deleted. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Form tag breaks CSS!
Hi, I have a web application which uses a variation on the following layout (not mine, I hasten to add) : http://www.dynamicdrive.com/style/layouts/item/css-left-and-top-frames-l ayout It works great in IE6, IE7, and FF, thanks to quirks mode and some IE hacks. However, as this is an ASP.NET web application, my page has a form tag directly after the body tag (and a closing /form tag directly before the closing /body tag) The presence of these complete messes up the overflow in IE6 and IE7 - the scrollbar just disappears! Good old FF continues to work. Any ideas? Thanks in advance, Ian Jones. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Bold not working
Rob, Thank you for your minute. I'll have to investigate this further, because I thought that might be the case, but on my screen when I view my site in Google Chrome or FF it doesn't even give the slightest inkling that any bold is working. I had a similar problem earlier in the week when I put in some CSS to underline some text. It was working in IE7, but not in Chrome and FF. I ended up removing that, so didn't address the situation. The bold however I do want to keep, hence my posting on the list. Thanks again, Brian __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Bold not working
You're welcome. When you size text smaller and smaller, you introduce anamolies in the letterform rendering, because you have fewer pixels to do the job. That is what you are seeing here. Not a fine enough granularity for a font rendering engine to produce onscreen fonts that are *clearly* discernable. Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only accepted from discussion groups that this e-mail address subscribes to. All other messages are automatically deleted. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Corner Logo Position
Hi Alan,
You have.
#p7swapmenu {
position:fixed;
}
This causes over halve of the height of this menu to be hidden
outside the viewport. This one issue alone is causing a lot of other
issues to present themselves.
Thanks for the tips. I've just been experimenting with fixing the
sidebar and the header, but you're right, so I don't think I'll 'fix'
the sidebar because of smaller screens.
Frank
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Drop-down Nav breaks in IE8
Hi everyone,
I have never been able to get really comfortable with CSS, so I am happy I
found this list!
I ran into an issue recently with a Website Baker template that looks fine
in Firefox, Safari, IE 7, etc, but comes our completely broken looking in
IE8. It looks like for some reason the dropdown nav is breaking. When I am
in IE 8, if I toggle into IE7 compatibility mode the page looks fine, but
otherwise the navigation looks horrible.
The site is here:
http://www.sbceoportal.org/adams/
The code in index.php that spits out the navigation is:
!-- A.3 HEADER BOTTOM --
div class=header-bottom
!-- Navigation Level 2 (Drop-down menus) --
div class=nav2
!-- Navigation item --
!-- Navigation item --
ul
?php show_menu2(1, SM2_ROOT, SM2_ALL,SM2_ALL,'li[a][menu_title]
[if(class==menu-expand){!--[if IE
7]!--/a!--![endif]--!--[if IE 8]!--/a!--![endif]--!--[if
lte IE 6]tabletrtd![endif]--ul}]
[if(class!=menu-expand){/a}]
[if(class!=menu-last){/li}]
[if(class==menu-last){/li/ul!--[if lte IE
6]/td/tr/table/a![endif]--}]','','',''); ?
/ul
/div
/div
The css for this page that controls the navigation is here:
http://www.sbceoportal.org/adams/templates/adams_website_template/layout_set
up.css
Any tips or hints much appreciated! Thanks so much!
Kristen
--
Kristen Walker
Digital Media Resources Developer
Instructional Media Services
Santa Barbara County Education Office
4400 Cathedral Oaks Road
P.O. Box 6307
Santa Barbara, CA 93160-6307
(805)964-4711 ext. 5244/FAX (805)683-3597
kwal...@sbceo.org
http://www.sbceoportal.org
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Drop-down Nav breaks in IE8
Kristen Walker wrote: I ran into an issue recently with a Website Baker template that looks fine in Firefox, Safari, IE 7, etc, but comes our completely broken looking in IE8. It looks like for some reason the dropdown nav is breaking. When I am in IE 8, if I toggle into IE7 compatibility mode the page looks fine, but otherwise the navigation looks horrible. The site is here: http://www.sbceoportal.org/adams/ Kristen, Back-up your file. Validate the mark-up. Bring it back. ~d __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CMS - and CSS discuss
NI HAO, I built my first website whilst subscribed to this list (MEP of Europe! It helpded launch a post-grad career after very small salaries in print ). That was only three years ago and I now have a healthy career as a designer, but mostly for web. It seems that for career's sake that I am at the mercy of working on Drupal sites (they're made like DW would make a template and then I have to play with the CSS with very little interaction with the HTML created (Not so much like DW)). I've not yet worked from a template, only framework. I have not and don't intend to make templates but I do find myself bewildered by the CSS markup they/drupal create. I can dig-in, spend hours trying to find the right class/ID and maybe get what I want, however, It's just tough because I am sure there must be some kind of logic to what 'standard' CSS and tags and I don't have a clue! I'd love to keep it real, even though I use includes and a fair bit of javascript, but I can't. Is the list anti-Drupal? Will you still help if there are twenty CSS files attached and crazy markup? CB __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Bold not working
At 11:01 -0400 on 08/25/2009, Brian M. Curran wrote about [css-d] Bold not working: My CSS validated, but making my text bold for the picture links on my portfolio page isn't working via the pseudo class selectors. Does someone have a minute to give it a glance? http://www.brianmcurran.com/portfolio.html One tip that I have found on an issue of this type (ie: Is the CSS being used?) is to add something such as a color definition to that selector definition. Thus if the text changes to the correct color you know that your selector is being used. You could also try italic in lieu of bold for the same test. That catches the case where a later CSS definition is resetting you back to normal. -- Bob Rosenberg RockMUG Webmaster webmas...@rockmug.org www.RockMUG.org __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Drop-down Nav breaks in IE8
Hi David, I am not quite sure I understand what you mean. I ran the css file, http://www.sbceoportal.org/adams/templates/adams_website_template/layout_set up.css. Through the w3.org validator, and it doesn't find any errors, but does find a few warnings: 53 .nav0 ul In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected 61 .nav1 ul In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected 63 .nav1 li a In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected 76 .nav2 ul li In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected 77 .nav2 ul li a In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected 100 .header-breadcrumbs .searchform form fieldset In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected 156 .clear-contentunit Same color for background-color and color Is this what you are asking for? Thanks! Kristen On 8/25/09 1:22 PM, David Laakso da...@chelseacreekstudio.com wrote: Kristen Walker wrote: I ran into an issue recently with a Website Baker template that looks fine in Firefox, Safari, IE 7, etc, but comes our completely broken looking in IE8. It looks like for some reason the dropdown nav is breaking. When I am in IE 8, if I toggle into IE7 compatibility mode the page looks fine, but otherwise the navigation looks horrible. The site is here: http://www.sbceoportal.org/adams/ Kristen, Back-up your file. Validate the mark-up. Bring it back. ~d __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Kristen Walker Digital Media Resources Developer Instructional Media Services Santa Barbara County Education Office 4400 Cathedral Oaks Road P.O. Box 6307 Santa Barbara, CA 93160-6307 (805)964-4711 ext. 5244/FAX (805)683-3597 kwal...@sbceo.org http://www.sbceoportal.org __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Drop-down Nav breaks in IE8
On 26/08/2009, at 10:17 AM, Kristen Walker wrote: Hi David, I am not quite sure I understand what you mean. I ran the css file, http://www.sbceoportal.org/adams/templates/adams_website_template/layout_set up.css. Through the w3.org validator, and it doesn't find any errors, but does find a few warnings: Kristen, Back-up your file. Validate the mark-up. Bring it back. He said 'validate the mark-up'. You have validated the CSS. Now validate the markup! Cheers, Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Drop-down Nav breaks in IE8
Kristen Walker wrote: Hi David, I am not quite sure I understand what you mean. I ran the css file, http://www.sbceoportal.org/adams/templates/adams_website_template/layout_set up.css. Through the w3.org validator, and it doesn't find any errors, but does find a few warnings: Is this what you are asking for? Thanks! Kristen RE: http://www.sbceoportal.org/adams/ Your CSS file is fine. I suggested that you validate the markup. http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.sbceoportal.org%2Fadams%2F ~d __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] request: a thorough going over
I've been working on a CSS3 / XHTML 1.1 Strict redesign of my site for awhile. Due to circumstances at my host, I had to push it over to the new server sooner than I'd intended. I was hoping to get some feedback if anyone has time to kick the tires on the site. At this point, I think I've lost all objectivity, so any bug or glitch reports, and suggestions -- on anything -- would be most welcome. The design is pretty sparse, focusing mostly on textual content. The CSS and all the pages validate. I've tested it on = Firefox 3.5, IE 8, and have seen it in action briefly on whatever the current shipping version of Safari is. Don't have access to Chrome, IE8, or Opera. http://www.ronin-group.org It would be most appreciated! michael __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Drop-down Nav breaks in IE8
Ok, ok, I understand now. I will fix the html and see if that helps. -Kristen On 8/25/09 4:05 PM, Tim Snadden li...@snadden.com wrote: On 26/08/2009, at 10:17 AM, Kristen Walker wrote: Hi David, I am not quite sure I understand what you mean. I ran the css file, http://www.sbceoportal.org/adams/templates/adams_website_template/layout_set up.css. Through the w3.org validator, and it doesn't find any errors, but does find a few warnings: Kristen, Back-up your file. Validate the mark-up. Bring it back. He said 'validate the mark-up'. You have validated the CSS. Now validate the markup! Cheers, Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Kristen Walker Digital Media Resources Developer Instructional Media Services Santa Barbara County Education Office 4400 Cathedral Oaks Road P.O. Box 6307 Santa Barbara, CA 93160-6307 (805)964-4711 ext. 5244/FAX (805)683-3597 kwal...@sbceo.org http://www.sbceoportal.org __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CMS - and CSS discuss
Chris Blake wrote: Is the list anti-Drupal? Will you still help if there are twenty CSS files attached and crazy markup? CB css-discuss is primarily intended to be a place for authors to discuss real-world uses of CSS. It is in your best interest to validate the markup and CSS prior to posting. I do not see anything in the list policies regarding Drupal or how many style sheets you have. http://www.css-discuss.org/policies.html http://www.css-discuss.org/about.html Some off-topic questions, and resources you may wish to consider, are listed in the list wiki: http://css-discuss.incutio.com/?page=OffTopic __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ADMIN: css-d Digest, Vol 81, Issue 19
At 10:03 AM -0500 8/25/09, r...@visuallizard.com wrote: I will be away from the office for the two weeks between August, 15 2009 and August, 30 2009. If you require immediate assistance, please contact Visual Lizard at (204) 957-5520 and follow the voicemail instructions. Folks, I'm really sorry that I didn't spot these cluttering up the list over the past ten days. I was on vacation myself and was just skimming the list during that time, and just plain missed them. My bad. I've taken steps to prevent this from happening again, but despite that, I expect it eventually will. When it does, please feel free to ping css-d-ow...@lists.css-discuss.org to let me know another vacation autoresponder is violating the list policies. Thanks! -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.com/) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Password Protection
Is it possible to password protect a website with CSS? __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Password Protection
2009/8/26 cssdisc...@comcast.net Is it possible to password protect a website with CSS? No, it's not. CSS is purely for display-related things. What you want is very much in the functional side of things, and should be handled with some kind of server-side logic. If you want more information about this, feel free to contact me off-list. :) ~Seona __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] request: a thorough going over
Michael Venables wrote: I've been working on a CSS3 / XHTML 1.1 Strict redesign of my site for awhile. Due to circumstances at my host, I had to push it over to the new server sooner than I'd intended. I was hoping to get some feedback if anyone has time to kick the tires on the site. At this point, I think I've lost all objectivity, so any bug or glitch reports, and suggestions -- on anything -- would be most welcome. The design is pretty sparse, focusing mostly on textual content. The CSS and all the pages validate. I've tested it on = Firefox 3.5, IE 8, and have seen it in action briefly on whatever the current shipping version of Safari is. Don't have access to Chrome, IE8, or Opera. http://www.ronin-group.org It would be most appreciated! michael Michael, Generally you're doing alright. She's relatively consistent cross-browser. IE 6/7 on a cursory glance go along with your program. Same for IE/8. Opera, Safari, SeaMonkey, and FF. On a more specific level, just some random thoughts that you may, /or may not/, wish to consider... 1/ I think you'll want to use an xhtml 1.0 strict, or an html 4.01 strict doctype. Someone else can tell why xhtml 1.1 is not such a good idea. 2/ Check your site in a 640 x 480, 800 x 600, 1024 x 768 window. Note the clipping of the stuff at the bottom of the left column in a short window. 3/ Should the navigation links in the left column be larger, the same size, or smaller than the primary content in the right column? 4/ If, for whatever reason, a user might scale the fonts, do you want the navigation links to horizontally cross-over and overlap the primary content? 5/ Is it possible to code the site with fewer ids, classes, and span thingies? 6/ Gray on gray is sometimes difficult for some users to read. Have you checked your site with a color contrast analyzer? Best, ~d __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
