[css-d] Top gap
Hi! I can't get the last sentence -More project samples can be found here - on my portfolio page here: http://www.draftingservices.com/portfolio.html to have a gap between it and the table that is above it. Can anyone tell me why my padding css isn't working as I thought it should? Thanks, Brian __ css-discuss [css-d@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] Top gap
Thanks Wade, but I tried both, and neither worked. __ css-discuss [css-d@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] Top gap
Thanks Tom and Mauricio! __ css-discuss [css-d@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] Center an image
Hi! I have an image that I want to center on a webpage. It seems there is no float:center command? What would be the best way to center it? Thanks, Brian __ css-discuss [css-d@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] Center an image
Awesome, thanks Hakan! Sincerely, Brian From: Hakan Kirkan [mailto:ad...@jump2top.com] Sent: Thursday, December 20, 2012 12:12 PM To: Brian M. Curran Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Center an image Brian, Check this out. It may solve your problem. http://www.hitseeker.com/css/css-float-center-for-a-variable-width/ Hakan KIRKAN IT Manager http://miamirealestateinc.com Miami, FL On Thu, Dec 20, 2012 at 12:01 PM, Brian M. Curran br...@draftingservices.com wrote: Hi! I have an image that I want to center on a webpage. It seems there is no float:center command? What would be the best way to center it? Thanks, Brian __ css-discuss [css-d@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] no space between p tags
Hi! Sorry, I don't have a link to share. I'm working off my desktop. Problem: I've written paragraphs using p/p tags. However, there is no space between the sets of p tags. Anyone know what would cause the space between paragraphs to collapse? Thanks, Brian __ css-discuss [css-d@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] no space between p tags
Got it! It was the margin. -Original Message- From: Brian M. Curran [mailto:br...@draftingservices.com] Sent: Thursday, December 20, 2012 3:09 PM To: css-d@lists.css-discuss.org Subject: no space between p tags Hi! Sorry, I don't have a link to share. I'm working off my desktop. Problem: I've written paragraphs using p/p tags. However, there is no space between the sets of p tags. Anyone know what would cause the space between paragraphs to collapse? Thanks, Brian __ css-discuss [css-d@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] H1 tag Margin
float: left; Philippe Thanks Philippe, that worked! __ css-discuss [css-d@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] H1 tag Margin
Brian, it's because your h1 tag is floated... You can either remove float:left from h1 tag, or add clear left to you p tag. Hope this helps, Anna Vester http://annavester.com Thank you Anna, that worked! __ css-discuss [css-d@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] H1 tag Margin
Hi, Apparently if I style my H1 tag like so: h1{ float: left; margin: 20px 0 20px 20px; font-size: 58px; line-height: 60px; text-align: left; text-transform: uppercase; font-weight: normal; } And then put plorem ipsum/p tags below it, the p tags don't automatically align themselves underneath the H1 tag, eh? I thought I could use any margin size for the H1 tag, and not have a problem with putting a sentence below it. Apparently not, huh? Thanks, Brian __ css-discuss [css-d@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] Social buttons positioning
Hi There, I'd like my social buttons on my homepage www.draftingservices.com to sit at the bottom of my page. I don't want to push them down x pixels, but rather align them to the bottom of the page another way. Any recommendations on a technique to do so? For instance, would creating two more divs within my current middle div, and then floating the lower div down, be a good way? Sincerely, Brian __ css-discuss [css-d@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] Centering Tips Please
Hi There! I'd like to vertically center the text local qualified trusted with respect to the images that precede them. Do I have to make a list out of these three lines, or is there a simpler way to do so? The aforementioned is found on the right side of this page: http://www.draftingservices.com/doing_business.html Thanks, Brian __ css-discuss [css-d@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] Centering Tips Please
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Hucklesby Sent: Saturday, July 14, 2012 11:04 AM To: css-d@lists.css-discuss.org Subject: Re: [css-d] Centering Tips Please On 7/14/12 5:57 AM, Brian M. Curran wrote: Hi There! I'd like to vertically center the text local qualified trusted with respect to the images that precede them. Do I have to make a list out of these three lines, or is there a simpler way to do so? The aforementioned is found on the right side of this page: http://www.draftingservices.com/doing_business.html h6 img { vertical-align: middle; ... } perhaps? (or some other value..) BTW - Will there be content after these headings? Otherwise a heading here makes no sense. :\ -- Cordially, David ___ Thanks David! I thought I was going to have to move the text, and not the image. And I didn't know of that command. Yes, I know a heading isn't the best fit here. Styling a list seemed like a bit of an overkill though. Don't know if there is a better option. Best, Brian __ css-discuss [css-d@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] Cool image background CSS site?
Hi There! Anyone know of a website, which uses a cool image as its background, while just CSSing text over the top of it? I have a 1 pg website which I want to do something nice with, while keeping it simple with CSS positioned text over an industry specific picture. Right now the site is gross www.asbuiltdrawings.com . It's time for me to take the content (text) and do something cool with it via CSS. Sincerely, Brian __ css-discuss [css-d@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] Cool image background CSS site?
Anyone know of a website, which uses a cool image as its background, while just CSSing text over the top of it? I have a 1 pg website which I want to do something nice with, while keeping it simple with CSS positioned text over an industry specific picture. Right now the site is gross www.asbuiltdrawings.org . It's time for me to take the content (text) and do something cool with it via CSS. Brian - Superimposing type on top of an image is frequently seen among sites from architectural firms. More often then not the type is tiny and difficult to read on a fixed width page. Cool might to take the opposite approach: type at default adjacent to an image in a responsive-web design that can be viewed in desktop, tablet, and mobile-device from one url. Or, would it? Best, David Laakso -- Lol, I think you're making fun of me, because that's the type of website I've tried to build in the past, for other things I've tinkered with. ...I'm trying here! =) On a serious note, sure it'd definitely be cool to have the kind of versatile sight you described. Thanks for suggesting it. =) __ css-discuss [css-d@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] Cool image background CSS site?
Nice well written article, have you read it? Whoops. Link to Responsive Web Design article herewith: http://www.alistapart.com/articles/responsive-web-design/ -- Chelsea Creek Studio http://ccstudi.com Thank you, I'll check it out!! __ css-discuss [css-d@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] Use of the i tag
Hi! Does anyone avoid the i tag because of browser compatibility issues, or is it a non-issue? I think some of the old browsers have problems with it, correct? Thanks! Brian __ css-discuss [css-d@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] Use of the i tag
Hmmm... My website has three CSS columns. I thought I recalled an incident, when I was first building it a couple of years ago, that when I used the i it caused one of my columns to drop. ...Ring a bell with anyone?? It's been a while, so I could be wrong. I'm a hit-and-run CSS guy, because my main gig is Drafting. From: Tom Livingston I believe the i tag is fine to use. Never heard of any issues. It's been around for ever... On Apr 28, 2012, at 12:44 PM, Brian M. Curran br...@draftingservices.com wrote: Hi! Does anyone avoid the i tag because of browser compatibility issues, or is it a non-issue? I think some of the old browsers have problems with it, correct? Thanks! Brian __ css-discuss [css-d@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] Use of the i tag
On Sat, Apr 28, 2012 at 1:29 PM, Brian M. Curran br...@draftingservices.com wrote: Hmmm... My website has three CSS columns. I thought I recalled an incident, when I was first building it a couple of years ago, that when I used the i it caused one of my columns to drop. ...Ring a bell with anyone?? It's been a while, so I could be wrong. I'm a hit-and-run CSS guy, because my main gig is Drafting. From: David Laakso It may be that the page dropped the float because IE6 and lower have problems in computing/honoring the width of block elements that contain italic text. Thanks David, that's what it was!! I won't worry about IE6 at this point. Doubt any of my prospecitive clients are using it, so I won't cater to the minority audience. __ css-discuss [css-d@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] Use of the i tag
2012-04-28 20:38, David Laakso wrote: It may be that the page dropped the float because IE6 and lower have problems in computing/honoring the width of block elements that contain italic text. From: Jukka K. Korpela There are many potential formatting problems with text appearing in an italic font (or in a slanted font, or as algorithmically slanted). There is little reason that the use of i markup, as opposite to CSS ways, would be relevant, though. If there were such situations, the issue would be off-topic for this list, which is about CSS, not HTML. Thanks for your thoughts Yucca. The point of my post was that of this tag interacting with my CSS. I should have been specific. I was seeking a CSS guy's help. __ css-discuss [css-d@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 redesign: criticisms, comments and similar are welcome
I just looked at it from an aesthetics standpoint, and I really like it. I would definitely put the social buttons in their natural colors though. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Gabriele Romanato Sent: Thursday, February 09, 2012 12:58 AM To: css-discuss Subject: [css-d] CSS redesign: criticisms, comments and similar are welcome Hi folks, I've recently launched a massive redesign of my Blogspot blog. Now it's much more CSS3 compliant than before. http://onwebdev.blogspot.com/ Now I've also have an Italian official website that's going very well. Honestly, do you think that I should create an /en section there or stick to Blogspot (which is also going very well)? http://gabrieleromanato.com Any suggestion to improve the layout? Any CSS3 trick that I should try? Let me know. ps. Oh yes, IE: honestly I work on a Mac and I test on IE only when clients ask me to do so Bye Gabriele http://www.css-zibaldone.com http://gabrieleromanato.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [css-d@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-discuss [css-d@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] Possible list-style: values?
2011-12-29 18:04, Brian M. Curran wrote: http://www.draftingservices.com/blog/project-photofly-v2-resources The issue appears to be specifically the formatting of the comments near the end of the page, before the form, inside the #comments element. However, firebug would let me type in this line margin: 0 0 0 60px , but would not accept it. The line kept getting deleted after I typed it. I didn't encounter any difficulty in doing that, and it seemed to fix the problem. 2. Am I on the right track in fixing my problem, or is there a better fix? The comment elements seem to have an absolutely positioned img element, so some settings are needed to prevent other content from being hidden behind it. And a left margin is an obvious way. A different approach would be to make the image floated on the left, set some right (and bottom) margin on it, and do clear: both when you reach an element that should now flow on the right of the image (.comment-body). Yucca Thank you Yucca. I just fixed my month-old problem. Sincerely, Brian __ css-discuss [css-d@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-discuss [css-d@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] Possible list-style: values?
p.s. Ignore the title of my post. I originally had a different question, solved it, and then had a new question but forgot to rename my post. __ css-discuss [css-d@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] Possible list-style: values?
Hello, I just enabled avatars on my blog comments, but they are not positioned correctly: http://www.draftingservices.com/blog/project-photofly-v2-resources So I starting poking at it with firebug, to see if I could find and fix the problem. I found that if I change: .comment-meta { font-size: 12px; margin: 0 0 18px; } to: .comment-meta { font-size: 12px; margin: 0 0 18px 60px; } Then I get the date indented nicely. Then I tried to change: .comment-author { } to: .comment-author { margin: 0 0 0 60px; } However, firebug would let me type in this line margin: 0 0 0 60px , but would not accept it. The line kept getting deleted after I typed it. So, two questions. 1. Why wouldn't firebug accept that line of code? 2. Am I on the right track in fixing my problem, or is there a better fix? Thanks, CSS Grasshopper __ css-discuss [css-d@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] A Link to The History of CSS
On 10/13/11 10:43 AM, Brian M. Curran wrote: Can anyone recommend a webpage that gives a succinct history of CSS? I'm looking for a bird's-eye view of its origin and adoption. Brian The CSS Saga http://www.w3.org/Style/LieBos2e/history/Overview.html ~d -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ muchas gracias! __ css-discuss [css-d@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] A Link to The History of CSS
Hello, Can anyone recommend a webpage that gives a succinct history of CSS? I'm looking for a bird's-eye view of its origin and adoption. Thanks, Brian __ css-discuss [css-d@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] Logo in a div
Hello, Why does www.seobook.com put his logo in a div? It seems like its' only purpose is to hold the code class=logo. Wouldn't it have been easier to put the class=logo in the img tag like how I did on my site: www.draftingservices.com ? I'm not criticizing here. Rather, I'm just trying to see if I'm missing something. Thanks, Brian __ css-discuss [css-d@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] Logo in a div
Hi Brian, CSS works better when the page structure is not minimal. Putting a logo inside a div allows you to add further styles to the context you're currently using. For example, you could add a background image (or more images with CSS3) to the div, thus creating a more visually appealing effect for your logo. It's a design choice, not a semantic choice in the strict sense of the term. HTH :-) Gabriele Romanato Thanks Gabriele. .Given the different responses I received, all of which were helpful, I just added a div around my logo. Perhaps I'll use it for styling purposes in the future. - Time will tell. -- Brian =) __ css-discuss [css-d@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] That list styling website
Hello CSS Homies, What's that website that has a bunch of list styling examples? Thanks, Brian __ css-discuss [css-d@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] That list styling website
From: Val Dobson www.cssplay.co.uk ? -- Thanks, but that's not the one. The one I'm thinking of is a collection of contributed examples of navigation menus, and it's free. I remember checking out the site you mentioned a while back, and I believe that guy requests money if you use his code. __ css-discuss [css-d@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] That list styling website
Just remembered it. It's listamatic at: http://css.maxdesign.com.au/ __ css-discuss [css-d@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] Iframe and CSS
On Jul 1, 2011, at 11:37 AM, Brian M. Curran wrote: I suspect I have a position command problem with my Facebook widget, at the bottom of this page: http://www.draftingservices.com/3d-laser-scanning.html (it's top aligned, while my other two widgets are bottom aligned) Does the iframe receive css styling from some other source than what is included in the code I have in my web page html? - When I inspect the widget using firebug, this seems to be the case. From: Philippe Wittenbergh That widget specifies a height of '90px' for the iframe, whereas the 2 other widgets specify a height of 60px; the behaviour you see is then normal. All 3 widgets rest on the same baseline. If you can't change the code for those iframe, you could specify 'vertical-align: top' for the 3 widgets. BTW - you wrap those widgets in a p That is invalid html, you should use a div instead. I didn't think to look at the height. Thanks, resizing to 60px worked! -- Brian =) __ css-discuss [css-d@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] Iframe and CSS
Hello, I suspect I have a position command problem with my Facebook widget, at the bottom of this page: http://www.draftingservices.com/3d-laser-scanning.html (it's top aligned, while my other two widgets are bottom aligned) Does the iframe receive css styling from some other source than what is included in the code I have in my web page html? - When I inspect the widget using firebug, this seems to be the case. Sincerely, Brian __ css-discuss [css-d@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] Image link be gone!
Hello, I'm trying to get my image link to not be noticeable for my floor plan image here: http://www.draftingservices.com/floor_plan_drafting.html I've tried the style below, but it didn't work. Do I have to give my div and id to get this to work? I believe I know how to do that, but I'm curious why my style below isn't working? .textBoxRight { width: 200px; float: right; margin: 0 0 5px 5px; padding: 5px; border: 1px solid #E1E1E1; background: #E1E1E1; font-size: x-small; } .textBoxRight a:link, a:visited, a:hover { color: none; text-decoration: none; } Thanks, Brian =) __ css-discuss [css-d@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] Image link be gone!
From: Christian Kirchhoff not sure what you mean with not noticaable, but for getting rid of the blue border that is shown in some browsers try .textBoxRight a img { border: none; } Yes, that's what I want to do. For some reason in Firefox I could still see the border when hovering, after using your code. Therefore I did this, and it's working now: .textBoxRight a {color: #000;} .textBoxRight a img {border: none;} Thank you! -Brian __ css-discuss [css-d@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] Image link be gone!
??? .textBoxRight a {color: #000;} Best, Bono 4 U2 -- Gracias!! __ css-discuss [css-d@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] Different font
Habari! Does anyone know why in IE8 I'm getting a courier type font for the ordered list items in the comment that I posted (at the bottom)? Re: http://www.draftingservices.com/blog/project-photofly-v2-resources#comments First, my blog created its own CSS sheet, which I have modifying as I've found problems. Secondly, when I open the page up if Firefox, the font looks fine. When I use firebug, I can't find the source of the font problem. Asante, Brian __ css-discuss [css-d@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] Different font
style.css, line 47. You have code wrapping lis Thank you. - Just got rid of the code tag. __ css-discuss [css-d@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] CSS and my Blog
Hello, I just had a blog added to my site: http://www.draftingservices.com/blog/ . My buddy is a computer programmer, so he undertook the task of adding it. (The rest of my site I built myself, with the help of many of ya'll.) He constructed it from WordPress. When posting, allot of CSS is generated automatically. My question is this. is it realistic to parse through the code to correct CSS errors? Gracias, Brian =) __ css-discuss [css-d@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] Best way to use CSS to create image gallery
Subject: [css-d] Best way to use CSS to create image gallery For a long time, an article on my site about a photographer has had a big problem. It talks about him but doesn't show any images. The problem was coming up with quality scans of a few of his prints. I solved that problem. Now I'm trying to think of the most efficient way to present the images. The best idea I've had so far is that this might be a good time for me to use a sprite. Suggestions? - Keith Purtell http://www.keithpurtell.com/ I asked a similar question about a year or so ago. Check out the image gallery that I decided upon: http://www.draftingservices.com/portfolio.html -- Brian __ css-discuss [css-d@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] test I need help!
Your test has been received successfully. There's a man in Massachusetts standing ready to demystify any CSS issues you're flummoxed by. __ css-discuss [css-d@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] Yelp!!
From: Brian M. Curran [mailto:br...@draftingservices.com] Where's Lady Gaga when you need her!? Re: www.draftingservices.com This is a tinkering with my site day. My nav bar on the left has two list items: li id=t-listheader1 and li id=t-listheader2 Well, the CSS for these are exactly the same, so I tried to make them a class by changing them both to: li class=NavHeader And my CSS from: #navtwocontainer #t-listheader1 { } #navtwocontainer #t-listheader2 { } to only: #navtwocontainer .NavHeader { } How come it didn't work? - Thanks if you have the minute! =) Sincerely, Brian Wait a minute!! I think it worked!? Let me try posting it to the web now. -Brian __ css-discuss [css-d@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] Yelp!!
Where's Lady Gaga when you need her!? Re: www.draftingservices.com This is a tinkering with my site day. My nav bar on the left has two list items: li id=t-listheader1 and li id=t-listheader2 Well, the CSS for these are exactly the same, so I tried to make them a class by changing them both to: li class=NavHeader And my CSS from: #navtwocontainer #t-listheader1 { } #navtwocontainer #t-listheader2 { } to only: #navtwocontainer .NavHeader { } How come it didn't work? - Thanks if you have the minute! =) Sincerely, Brian __ css-discuss [css-d@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] ie 6/7/8/9beta
Jay-Z, I like this site allot better than your other design. Everything seemed to be working /looking fine, including the color gradient in the top and bottom nav, as I clicked through many of the pages. I would somehow incorporate more color contrast though, because all the pale colors end up straining my eyes. Nice design upgrade! Sincerely, Brian M. Curran | CAD Consultant Local.Qualified.Trusted. 118-11 84th Avenue, #503 Kew Gardens (Queens), NY 11415 t/f 718.441.3968 c347.416.4226 wwww.draftingservices.com Please be sure to visit my website for a full listing of services. Refresh your browser to find the latest content. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso Sent: Saturday, February 05, 2011 10:12 AM To: css-d Subject: [css-d] ie 6/7/8/9beta My only concern with this site at the moment is confirmation that the CSS3 gradient is holding/working in the top and bottom nav in the subject-line browsers. http://chelseacreekstudio.com/indexx.php Thanks. Best, ~d -- http://chelseacreekstudio.com/ http://chelseacreekstudio.com/fa/ __ css-discuss [css-d@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-discuss [css-d@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] ie 6/7/8/9beta
p.s. I was using ie8. __ css-discuss [css-d@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] Third column dropped
Hi, I was doing my bi-monthly updating of content, and noticed that on my contact page the third column is dropped in IE5 IE6. This is no biggie, but I couldn't figure out why? http://www.draftingservices.com/contact.html Sincerely, Brian M. Curran | CAD Consultant __ css-discuss [css-d@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] image gallery question
On 12/20/10 5:04 PM, Matthew P. Johnson wrote: I am also looking for a better image gallery but the thing I do like about this gallery is that all I have to do to add images is resize the larger image and add a line of code and I am done so it works well for regular edits without having to run the image set through a program every time we need to update. David Laakso wrote: Bah! Humbug! I went through looking for a good image gallery a while back. I got tons of good feedback here, even from Scrooge. You can check out what I decided to go with on my portfolio page: http://www.draftingservices.com/portfolio.html It has its pluses and minuses. __ 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] Help
Hi Ya'll, Help! How come my images are plopping on top of each other here: http://www.draftingservices.com/as-built_drawings.html ? The actually size of the images are 500px wide, but I shrunk that down with the CSS. Could that have anything to do with it? I suspect not. Sincerely, Brian M. Curran | CAD Consultant __ 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] Help
Oops. I think I may have the answer. Wait a second on this request please. -Brian From: Brian M. Curran [mailto:br...@draftingservices.com] Sent: Saturday, October 30, 2010 5:06 PM To: css-d@lists.css-discuss.org Subject: Help Hi Ya'll, Help! How come my images are plopping on top of each other here: http://www.draftingservices.com/as-built_drawings.html ? The actually size of the images are 500px wide, but I shrunk that down with the CSS. Could that have anything to do with it? I suspect not. Sincerely, Brian M. Curran | CAD Consultant __ 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] Behind the CSS Scenery of My New Nested List
Hello, To those of you experienced in nested lists, I have a question. Let's take this as a nested list example: Item1 Item2 Subitem1 Subitem2 Subitem3 Item3 If you built this nested list, would your site architecture that supports it look like 1 or 2, for subitem1: 1. wwwdotdomain.com/subitem1.html 2. wwwdotdomain.com/item2/subitem1.html I'm trying to figure out if my site should remain as it is, in this form: http://www.draftingservices.com/autocad_tutorial_1_basic_training_video_seri es.html Or if I should stick my autocad_tutorial_1_basic_training_video_series.html page into a folder titled autocad_tutorials, like this: www . draftingservices.com/autocad_tutorials/autocad_tutorial_1_basic_training_vid eo_series.html ??? Sincerely, Brian M. Curran | CAD Consultant __ 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] Behind the CSS Scenery of My New Nested List
Brian M. Curran wrote: 1. wwwdotdomain.com/subitem1.html 2. wwwdotdomain.com/item2/subitem1.html Philip Taylor wrote: 2., because subitem1.html could exist under multiple parents. Thanks!! -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/
[css-d] Nested List type
Hello, Re: www.draftingservices.com I'd like to add a new section to my website, that being AutoCAD Tutorials. So picture this, my secondary nav bar would have the AutoCAD Tutorials line added to it. Then, the AutoCAD Tutorial line would have a nested list of all the tutorials that I plan to create (i.e. Tutorial 1, Tutorial 2, etc.). This is where I start to get lost: When clicking on the AutoCAD Tutorial line in my secondary nav bar, I'd like it to be a landing page that would consist of an introduction paragraph. Also when it is clicked, I'd like all the nested list lines to appear (i.e. Tutorial 1, Tutorial 2, etc.). I would not want the nested list lines to be visible before the AutoCAD Tutorial line is clicked. Finally, when this part of my website is left, then I'd like the nested list lines to once again be hidden. .I'd like it to work how this site's Extras list line works: http://www.zabdesign.de/bremen-home.html . Is this possible to do with CSS alone, and no JavaScript? Sincerely, Brian M. Curran | CAD Consultant __ 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] Nested List type
On 10/5/10 1:26 PM, Brian M. Curran wrote: When clicking on the AutoCAD Tutorial line in my secondary nav bar, I'd like it to be a landing page that would consist of an introduction paragraph. Also when it is clicked, I'd like all the nested list lines to appear (i.e. Tutorial 1, Tutorial 2, etc.). I would not want the nested list lines to be visible before the AutoCAD Tutorial line is clicked. Finally, when this part of my website is left, then I'd like the nested list lines to once again be hidden. .I'd like it to work how this site's Extras list line works: http://www.zabdesign.de/bremen-home.html . Is this possible to do with CSS alone, and no JavaScript? I am not sure if I understand what you are after. Something like this??? Click my signature link. The Portfolio section of the left nav is a nested-list-- no js is used. Best, ~d Yes, that is kinda what I'm looking for. Except your first nested line is automatically active, which I don't want. I'll look at your code and see if I can come up with what I want. Thanks! -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/
[css-d] Two nested list problems
Hello, Re: http://www.draftingservices.com/autocad_tutorials.html I'm trying to accomplish two things, and have been failing. 1. Stop my nested list from inheriting the text decoration and cursor styling. (I got this to partially work, but removed the code because it didn't work completely.) 2. Get my nested list indented. My nested list is under AutoCAD Tutorials. Can anyone help? I have a touch of CSS in my html head, and the code for the nav bar is: /* = Secondary Navigation = */ /* = 0border+0padding+10margin+190width=200 = */ #navtwocontainer { float: left; padding: 0; margin: 0px 0px 0px 10px; width: 190px; } #navtwocontainer ul { padding-left: 0; margin-left:0; list-style-type: none; } /* = 0border+20padding+170width=190 = */ #navtwocontainer a { display: block; padding: 3px 10px; margin: 0; width: 170px; text-decoration: none; color: #000; background-color: #E1E1E1; border-bottom: 1px solid #fff; } #navtwocontainer a:hover { text-decoration: underline; } /* IE/6.0 doubles the margin-left causing the float to drop. 08.28.10 */ #navtwocontainer { display : inline; } /* = list header = */ #navtwocontainer #t-listheader1 { display: block; padding: 3px 10px; margin: 0; width: 170px; text-decoration: none; color: #fff; background-color: #5F5F5F; border-bottom: 1px solid #fff; font-weight: bold; } /* = list header = */ #navtwocontainer #t-listheader2 { display: block; padding: 3px 10px; margin: 0; width: 170px; text-decoration: none; color: #fff; background-color: #5F5F5F; border-bottom: 1px solid #fff; font-weight: bold; } Sincerely, Brian M. Curran | CAD Consultant __ 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] Two nested list problems
Re: http://www.draftingservices.com/autocad_tutorials.html I'm trying to accomplish two things, and have been failing. 1. Stop my nested list from inheriting the text decoration and cursor styling. (I got this to partially work, but removed the code because it didn't work completely.) 2. Get my nested list indented. Wrote: Thierry Try this: #navlist #subnavlist li a { padding-left:20px; text-decoration:none; cursor:default; width:auto; } I wonder why you'd want to remove the cursor styling though Thanks Theirry. I'm one step closer though, and learning, but not there yet. I'm trying to get AutoCAD Tutorials and the nested link under it to behave just like the other links in the list. Make sense now? -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] Two nested list problems
Thierry wrote: Nope, because you said earlier My nested list is under AutoCAD Tutorials, hence that's what the rule I sent targets. Because that nested list contains a single item AutoCAD Tutorial Basic Training Video 1 Sorry, I have no clue what you are trying to achieve. I have AutoCAD Tutorials working the way I want it, and now I just need to get the cursor hover over AutoCAD Tutorial Basic Training Video 1 to look like the others. That's what I was trying to do. It was kind of tricky to put into words. http://www.draftingservices.com/autocad_tutorials.html -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/
[css-d] CSS1, 2, 3, 4, 5, 6, umpteen
Hello, Is CSS going to ever changes its acronym because of revisions to the language? For example, XCSS or CSS7 or CSSLaakso (sorry, couldn't resist to slip in a joke!! :-) ). I was just browsing through a Wikipedia article on CSS, and they gave a little history. They said, The CSS Working Group began tackling issues that had not been addressed with CSS level 1, resulting in the creation of CSS level 2 on November 4, 1997. It was published as a W3C Recommendation on May 12, 1998. CSS level 3, which was started in 1998, is still under development as of 2009. So it seems that the language keeps getting revised/improved, but it has continued to just be known as CSS, correct? Sincerely, Brian M. Curran | CAD Consultant __ 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] Slideshow images: How'd he do that!?
Hello, I'm going to be submitting an article to a site, and I'd like to be technologically on par with it. This may be stretching the limits of this css list, but I looked at the site's css for images that the site is using that are working in a slideshow fashion, but I can't see how it is being done. The slideshow may be accomplished by css (doubt it), or something else??? The page with the images acting in a slideshow fashion is: http:// www. Cadtutor .net/tips/index.php (remove spaces) Thanks, 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] Slideshow images: How'd he do that!?
Hello, I'm going to be submitting an article to a site, and I'd like to be technologically on par with it. This may be stretching the limits of this css list, but I looked at the site's css for images that the site is using that are working in a slideshow fashion, but I can't see how it is being done. The slideshow may be accomplished by css (doubt it), or something else??? The page with the images acting in a slideshow fashion is: http:// www. Cadtutor .net/tips/index.php (remove spaces) Thanks, Brian Duncan Hill I may be missing something obvious . I can't see a 'slideshow' anywhere on that page. There are 2 animated gif's but that to me is the only activity. There is no apparent JavaScript in the source that would control a slideshow, and the CSS does not hint at any slideshow. aside is there a reason for the spaces that you always seem to add to your links? /aside Duncan Hello Duncan. That's what I was talking about, that is, the gifs that are animated. I likened them to a slideshow effect, but I didn't mean slideshow literally. I've never seen something like that before, hence my post. The other responder to my post seemed to say that it was a JavaScript effect. I haven't re-looked at it yet to confirm that. If you know how the gifs are animating, then please share. As for the spaces in urls: Every time a url is posted to this site it creates a link that lives on the web. I already have a ton of them to my personal site, and I don't want them. A trillion garbage links pointing to a website could possibly not be the best thing for a website's rankings in Google's SERPs. This is a debatable SEO topic. Ergo the spaces, to play it safe. -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] Slideshow images: How'd he do that!?
Duncan Hill wrote: Webdesign-l etc would be better to take this because List-Mom is sure to be preparing the Sword of Damocles for this thread now. Thanks for the other valuable info Duncan. As for webdesign-l, that site seems pretty dead to me. I post, and don't hear a peep. Nor do I ever receive other people's posts from it. I've basically abandoned it. -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] Slideshow images: How'd he do that!?
What is the email address to access webdesign-l? Cheryl Must be a different webdesign-l list from the one I'm on. It's pretty lively most days. Checked your spam folder lately? Val It's l...@webdesign-l.com . There must be something wrong with my account settings, since the list is working for Val. p.s. Thanks for the heads-up Val. __ 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] Float drop problem
Hello, Does anyone have a minute to look at my problem? I was tinkering with my site this morning, and caused a float drop problem in IE6. What happened was. I was trying to create some white space between my secondary nav and the side of my page. My site is: drafting services . com (remove all spaces). My code is: /* = Secondary Navigation = */ /* = 0border+0padding+10margin+190width=200 = */ #navtwocontainer { float: left; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 10px; width: 190px; } #navtwocontainer ul { padding-left: 0; margin-left:0; list-style-type: none; } /* = 0border+20padding+170width=190 = */ #navtwocontainer a { display: block; padding: 3px 10px; margin: 0; width: 170px; text-decoration: none; color: #000; background-color: #EAEAEA; border-bottom: 1px solid #fff; } #navtwocontainer a:hover { text-decoration: underline; } Sincerely, Brian M. Curran | CAD Consultant __ 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] Float drop problem
Brian M. Curran wrote: I was tinkering with my site this morning, and caused a float drop problem in IE6. What happened was. I was trying to create some white space between my secondary nav and the side of my page. My site is: drafting services . com (remove all spaces). Sincerely, Brian M. Curran | CAD Consultant From: David Laakso Brian, IE/6.0 doubles the margin-left causing the float to drop. The correction is: * html #navtwocontainer { display : inline; } /* only IE/6.0 sees the star hack */ Best, ~d reference http://www.satzansatz.de/cssd/onhavinglayout.html Thank you David!! I normally don't think bug when something is going wrong in my desired results. -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] different colour of an active link/page
Martin wrote: Hi there, I've been googling for it and a:active doesn't work as I'd like it to. I've got a menu. When I hover over a menu item the colour changes to orange. I'd like it to stay orange as long as I'm on this particular page for visitors to know where they are at the moment. Thank you Martin, On my site I did what you're trying to do the hard way. Actually, it wasn't hard, but a little clunky. My solution was to place some css in the head of my pages. Check out my site, and you'll see how I did it: drafting services . com (remove spaces). -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/
[css-d] IE8 collapsing spaces
Hello, In Firefox my nav bar above and below my bread crumb trail are spaced nicely. In IE8 both navs are sucked against my bread crumb trail. Any suggestions on how to stop IE8 from collapsing that space? Site: www . draftingservices . com (remove spaces). Sincerely, Brian M. Curran | CAD Consultant __ 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] IE8 collapsing spaces
Brian Curran wrote: Hello, In Firefox my nav bar above and below my bread crumb trail are spaced nicely. In IE8 both navs are sucked against my bread crumb trail. Any suggestions on how to stop IE8 from collapsing that space? Site: www . draftingservices . com (remove spaces). Sincerely, Brian M. Curran | CAD Consultant I came up with an okay fix for now. Thanks if you looked at this. Web design is imperfect, when working across browsers. I need to remember that. -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] [+] Re: Float drop problem
Thierry Koblentz wrote: Thank you David!! I normally don't think bug when something is going wrong in my desired results. I think what Alan suggested will work as well and avoids writing a hack. Actually I think there is no need for the selector hack. One can safely style floats with display:inline as per spec the computed value will be *block* anyway. -- Regards, Thierry David wrote: draftingservices . com Yes, that's correct. Note Brian has either read your response and deleted the * html preceding the selector -- or, he neglected to include * html preceding the selector in the first place. And either way, the float does not drop. But, on a purely personal note, I would leave the star html. This may be because I sometimes suffer from short-term-memory-loss. Best, ~d Speaking of memory loss... Yes, I forgot the selector. Ouch, and thanks for pointing it out. It's back now. I'm leaving the hack in too. As they say... If you don't have the time, and it aint broke, then don't fix it. -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] [+] Re: Float drop problem
Thierry Koblentz wrote: I'm sorry, but I don't understand your approach. What's your reasoning for using the selector hack? -- Regards, Thierry David Laakso wrote: To remember, not to forget, that display:inline; it is only needed by a browser that is on death row. If that bothers you, delete the star hack preceding the selector. Add a comment to that effect. Then, when IE/6 is on a block-of-ice, you and your children, will remember, not to forget, that that line of code is no longer needed or necessary :-) . Best, ~d Ahh!!, Lol!!! Okay, I need to look at what I did in my code. First dinner though. :-) __ 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] [+] Re: Float drop problem
Thierry Koblentz wrote: I'm sorry, but I don't understand your approach. What's your reasoning for using the selector hack? -- Regards, Thierry David Laakso wrote: To remember, not to forget, that display:inline; it is only needed by a browser that is on death row. If that bothers you, delete the star hack preceding the selector. Add a comment to that effect. Then, when IE/6 is on a block-of-ice, you and your children, will remember, not to forget, that that line of code is no longer needed or necessary :-) . Okay, I've seen what you all are talking about. I was actually getting two different conversations confused. I've edited my code, and only left the inline code there. There are no float drops, thanks so much!! -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/
[css-d] Why the gap?
Hello, I'd like to add a breadcrumb trail sub header on all of my pages, like it is done here: http://usa.autodesk.com/adsk/servlet/pc/index?siteID=123112 http://usa.autodesk.com/adsk/servlet/pc/index?siteID=123112id=13988778 id=13988778 Could someone tell me why there is a gap between my #header and #subheader on this test page: http://www.drafting services.com/testindex.html Please just copy and paste the link, removing the space between the words drafting and services. I pasted the link in my email this way because when I paste a direct links into my emails, I end up getting backlinks to my website from the css-discuss pages. Sincerely, 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] Why the gap?
On 31.7.2010 23:04, Brian M. Curran wrote: Hello, I'd like to add a breadcrumb trail sub header on all of my pages, like it is done here: http://usa.autodesk.com/adsk/servlet/pc/index?siteID=123112 http://usa.autodesk.com/adsk/servlet/pc/index?siteID=123112 http://usa.autodesk.com/adsk/servlet/pc/index?siteID=123112id=13988778 id=13988778 id=13988778 Could someone tell me why there is a gap between my #header and #subheader on this test page: http://www.drafting services.com/testindex.html Please just copy and paste the link, removing the space between the words drafting and services. I pasted the link in my email this way because when I paste a direct links into my emails, I end up getting backlinks to my website from the css-discuss pages. Sincerely, Brian On Sat, Jul 31, 2010 at 1:15 PM, Ville Viklund ville.vikl...@gmail.com wrote: Hi! Your p tags have 13px margin-top and bottom, which create the gap between #header and #subheader. You might want to read about css reset http://meyerweb.com/eric/tools/css/reset/ or you can just set #subheader p{margin: 0;} Ville In the future, a great debugging tool to use is Firebug https://addons.mozilla.org/en-US/firefox/addon/1843/ . It can tell you all the layout properties of any element on the page, and allows you to edit them on-the-fly. Hope this helps, Alex Mitchell http://gumware.com Thanks!! While I was at removing the margin for that p tag, I also decreased the size of the font, in order to annoy David Laakso. :-P __ 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] Why the gap?
Brian M. Curran wrote: Could someone tell me why there is a gap between my #header and #subheader on this test page: Brian David Laakso wrote: Someone, or another, punished you for setting mousetype :-) ? #subheader { overflow: hidden; } Lol. Thanks for the extra code! :-) __ 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] Need to text to clear image
Hiya All, How come the text isn't clearing the image on my paper to cad page? My website is draftingservices dot com. Here's the code I used: .textBoxRight { width: 420px; float: right; margin: 0 0 10px 10px; padding: 5px; border: 1px solid #000; background: #fff; font-size: x-small; clear:both; } Sincerely, Brian M. Curran | CAD Consultant __ 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] How do you make crimson (blood read) color in CSS
http://home.i1.net/~dwolfe/hexmixer/redmx.html Pick your poison? Best, Dracula That's a cool looking website. Useful too. Thanks for sharing. __ 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] My active and visited links not working
Hello, Why aren't my active and visited link CSS commands working on my portfolio page? I want people to know that they've already clicked on an image. http://www.draftingservices.com/portfolio.html Sincerely, 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] My active and visited links not working
Susan Grossman wrote: Believe it's the onclick event that's at issue. You're not actually going to a page, so you haven't visited and the links don't change. Chris Cressman wrote: That's correct. The resource in the href attribute must be in the browser history to enable the :visited state. Oh, thanks. I guess I'm stuck with it until I have the time to create a more sophisticated photo gallery. Thanks again! Sincerely, 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/
[css-d] Why no image overflow error?
Hello, On my page: http://www.draftingservices.com/paper_to_cad.html 1.-The image is placed inside: /* = width=420+2border+10padding=432 = */ .textBoxLeft { width: 420px; float: left; margin: 0 0 10px 0; padding: 5px; border: 1px solid #000; background: #fff; font-size: x-small; } 2.-The div that it is within is: /* = width=420+0border+10padding=430 = */ #contentMiddle { float: left; margin: 0; padding: 10px 10px 10px 0; width: 420px; } 3.-The image size is: 420px by 170px. 4.-And lastly, the html is: div class=textBoxLeft img src=images/paper_to_cad.jpg alt=A paper to cad result. width=420 height=170/ br/ The CAD result of a paper to cad project. /div My question is: So, why does the image with the box that it sits in seem to be within the div? Shouldn't my CSS or HTML fail to validate, because of an overflow problem? Sincerely, 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/
[css-d] Why is the space collapsed?
Hello, At the bottom of my home page the space between the table and the Contact h5 tag is seemingly collapsed. Why is that so? All the other h tags on the page provide a nice amount of top and bottom space. I checked and it's not because of the collapse command that I used on the table CSS: table { border-collapse: collapse; } table,th, td { border: 1px solid black; padding: 0 4px; } The page: www.draftingservices.com Sincerely, 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] Why is the space collapsed?
Brian M. Curran wrote: Hello, At the bottom of my home page the space between the table and the Contact h5 tag is seemingly collapsed. Why is that so? All the other h tags on the page provide a nice amount of top and bottom space. I checked and it's not because of the collapse command that I used on the table CSS: The page: www.draftingservices.com Sincerely, Brian table { margin-bottom: 13px } Aside: If your goal is to make people go blind before their time your site will succeed :-) . Best, ~d lol, Thanks. But hey - my font is normal sized when compared to the other sites I look at!! :-) ...I'll prove my point too!! :-) ...Query something is Google, and look at the size of the font they return on their search engine results page. That font size is basically the same as mine. __ 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] Chasing a fantasy??
Hello, Well, it's a beautiful evening here in NYC. It's quite hot, and it looks like a thunderstorm might break the heat. It's good weather to work on my website. ...So... Am I chasing a fantasy in trying to get these curly quotes to work in all the browsers? Here's my test page: http://www.draftingservices.com/Copy%20of%20index.html Sincerely, 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] Chasing a fantasy??
Brian M. Curran wrote: Hello, Well, it's a beautiful evening here in NYC. It's quite hot, and it looks like a thunderstorm might break the heat. It's good weather to work on my website. ...So... Am I chasing a fantasy in trying to get these curly quotes to work in all the browsers? Here's my test page: It's a similarly beautiful day in Indiana, and I've been working on my website all day, so I'll take a crack at yours for a change of pace. Is there a browser currently doing this right, so I can tell what you're after? I think it's wrong in Chrome. ---Tim Thanks if you have a minute Tim. I had to run to the store for a second, hence the delay on this email. ...I just started doing the curly quotes in Explorer, and they were coming out good when I realized that they may not look the same in the other browsers. ...So, in Explorer they look about how I'd like them. I was just going for the look of large quotes somewhere reasonably placed at the start and end of each one of my quotes. Nothing complicated. I'd prefer to use CSS instead of an image. ...I need to take a look at David's response now. 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] Chasing a fantasy??
Tim wrote: ...So, in Explorer they look about how I'd like them. I'm on Linux, so I don't have access to Explorer, but in the spirit of large quotes somewhere reasonably placed at the start and end of each one of my quotes how about this? add to this: blockquote p { position: relative; } and replace these with: .bqstart { color: #666; font-size: 700%; position: relative; top: -0.2em; left: -0.1em; } .bqend { color: #666; font-size: 700%; position: absolute; bottom: -0.8em; right: -0.2em; } ---Tim Thanks Tim, however it looks pretty wacky in Explorer. ...I'll have to give this some thought. I'm still new to CSS, so off the top of my head I'm seeing a work around how to format the curly quotes for all the different browsers. 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] Chasing a fantasy??
Tim wrote: ...So, in Explorer they look about how I'd like them. I'm on Linux, so I don't have access to Explorer, but in the spirit of large quotes somewhere reasonably placed at the start and end of each one of my quotes how about this? add to this: blockquote p { position: relative; } and replace these with: .bqstart { color: #666; font-size: 700%; position: relative; top: -0.2em; left: -0.1em; } .bqend { color: #666; font-size: 700%; position: absolute; bottom: -0.8em; right: -0.2em; } ---Tim Thanks Tim, however it looks pretty wacky in Explorer. ...I'll have to give this some thought. I'm still new to CSS, so off the top of my head I'm seeing a work around how to format the curly quotes for all the different browsers. Brian i meant to say: *not* seeing __ 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] Chasing a fantasy??
Brian M. Curran wrote: Well, it's a beautiful evening here in NYC. http://www.draftingservices.com/Copy%20of%20index.html Sincerely, Brian Nuke the heavy curly quotes, the top/bottom rules, and use a thin-rule left :-) . None of that stuff is in keeping with your site. Or, is it? http://www.youtube.com/watch?v=0UjsXo9l6I8 Best, Jay-Z and Alicia Keys oh, wow, that was so funny! ...i'll check-out the css too. 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] Font treatment suggestion?
The mission of this list is the practical application of CSS. If your /personal mission/ is to seek ideas, the Web, rather than this list, may be the place to start. For example: Blockquotes and pull quotes. http://www.smashingmagazine.com/2008/06/12/block-quotes-and-pull-quotes-examples-and-good-practices/ or, if you are into the more esoteric, explore the pages and past issues of sites like these... Idea Magazine http://www.idea-mag.com/en/ Baseline http://www.baselinemagazine.com/ Best, ~d You might find something of interest here: http://24ways.org/2005/swooshy-curly-quotes-without-images Thanks gentlmen, for these resources. __ 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] Font treatment suggestion?
On Sat, 19 Jun 2010, Brian M. Curran wrote: Hiya, Can anyone suggest a CSS font treatment to my home page quotes, that would jazz them up and make them more appealing? www.draftingservices.com Chris F.A. Johnson wrote: The biggest problem I have with that page is that is is a narrow ribbon of text down the centre of my browser window, forcing too much scrolling: http://cfajohnson.com/testing/draftingservices.jpg I was trying to figure out what the fuss was about, until I refreshed the page, and realized that I was looking at a cached version. Here's my thoughts: blockquote { margin: auto 0; } The margins on the paragraphs are plenty - you don't need them on the blockquote too. also remove the font and line height rules - I liked it better in Arial. Also, I'd consolidate the blockquotes into 2 (instead of 5): blockquote pI specialize .../p pI additionally .../p /blockquote blockquote pI provide .../p pProviding .../p pIn summary, .../p /blockquote Thanks, good point. ...Tinkering with the CSS has been a fun and good learning experience. Everyone's critiques and ideas have helped me continue to understand CSS better, while accomplishing something very practical. ...Back to CAD work today, and then back to my home page when I have some downtime! Sincerely, 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/
[css-d] Font treatment suggestion?
Hiya, Can anyone suggest a CSS font treatment to my home page quotes, that would jazz them up and make them more appealing? www.draftingservices.com Sincerely, 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] Font treatment suggestion?
Tim Climis wrote: www.draftingservices.com Brian blockquote {color : fuchsia; } ~d just for kicks, I ran that through Chrome to see how bad a page of magenta text would look ---Tim David Laakso wrote: No question about. This would be *much* better: blockquote {color : lime; background: fuchsia;} ~d As usual, thank you gentlemen. I got rid of the brs, added the blockquote tags, tried the q tag but it didn't work, and also gave the color scheme a whirl but it was too radical for me. I'm happier than I was, because the code is cleaned-up and the page seems more readable with the quote indents. IMO it still lacks something though? I'm thinking that adding a nice little image for the quotation marks would be a start. That's what has always been appealing to me when I see quotes on blogs. -- The cool quotation marks and indented text. Thanks again for making my site better! Sincerely, 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/
[css-d] Right column dropping
Hello, Does anyone know why my div id=navContainerRight is dropping in IE5? www.draftingservices.com Sincerely, 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/
[css-d] Taking my site to the next level
Hi All, I've built my site with the help of this CSS community (which I'm extremely grateful to), and now I'd like to talk to someone about making it look more professional. The written content and link structures need to stay the same, because of SEO reasons. Therefore I just want my basic design look to be improved upon. For instance, I'm not satisfied with how my secondary nav bar looks. I'm also not satisfied with how my masthead looks, and how I've used my logo in it. ...So, if there is someone looking to take on another project, then please send me a personal email, with a link to your design portfolio. I prefer a Designer who is contemporary and minimalistic in his website designs. Sincerely, Brian br...@draftingservices.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/
Re: [css-d] thoughts on img alt tag verbage
John wrote: I'm validating my website pages, html first, and mostly what I'm getting errors on is my failure to use alt inside my img tags.. Actually, it's more of a warning, I guess it's promoting best practices, but lack of alt doesn't seem to affect the validity and function of the code. But as I'm going through each image tag, I wonder how verbose should I be? Is the assumption that blind people will gain value from hearing a description of every image they can not see? the website in question is my own graphic design portfolio site, so the odds of blind people visiting are slim. However for other sites, is it wise and proper to paint as much of a picture as you can for benefit of those who can't see? Maybe the answer is an obvious yes for some images, but I can also imagine it being pretty annoying hearing logo over and over again, whereas there could be some functional benefit to hearing shopping cart icon. thoughts? thank you, John Hello John, HTML websites styled by CSS have the potential to eventually reap SEO advantages. Your site getting ranked when prospective clients query your keywords could lead to you landing projects. Therefore, use your keywords in your alt text (and for your image file names too), without being spammy. You'd in turn be helping the blind, while optimizing your site. I looked for a good article in my files to pass along on this topic, but couldn't find one. Google the topic, or check searchenginewatch.com. Sincerely, Brian M. Curran | CAD Consultant w www.draftingservices.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] Text next to logo
Hi All, Does someone know why the text in my masthead is not aligning to the right of my logo, but rather it is sitting below it? http://www.draftingservices.com/logo.html Sincerely, 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] Text next to logo
On 20/04/2010, at 7:16 PM, Brian M. Curran wrote: Hi All, Does someone know why the text in my masthead is not aligning to the right of my logo, but rather it is sitting below it? http://www.draftingservices.com/logo.html Sincerely, Brian Chris wrote: Hi, Your title div has clear: both; clearing the float! cheers, CB Thanks, I haven't worked on my site in a while, and so I forgot to think of tinkering with that. :-) __ 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] Styling font-size of h tags
Hi All, Does anyone have a rule of thumb for styling the font-size: of h tags? For example: h1:200%; ...180%,160%,140%,120%... h6:100%; . Sincerely, 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] Image text box
Brian M. Curran wrote: Hi All, I've never done this before... I made a bordered text box around an image using a paragraph. It can be found here: http://www.draftingservices.com/building_survey.html Would this be considered acceptable CSS or make-shift? Sincerely, Brian David Laakso wrote: It seems to work the way you have it cross-browder. Not sure why you need such very long selector names, though. This explains another method for achieving what you're after. http://css.maxdesign.com.au/floatutorial/tutorial0204.htm Either way, you may want to add this to keep the text and image within their own block: h5 {border: 1px solid red; clear:both; } Best, ~d Great link, thank you. The addition code for my current situation is not making sense though? My current CSS and HTML are: p.articleImageTextRight { width: 200px; float: right; margin: 0 0 5px 5px; padding: 5px; border: 1px solid #000; background: #eee; font-size: x-small; } p.articleImageTextRight img { margin-bottom: 5px; } p class=articleImageTextRight img src=images/building_survey.jpg alt=Building Survey width=200 height=259/ br/ Building survey floor plan. /p __ 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] Image text box
Brian M. Curran wrote: Hi All, I've never done this before... I made a bordered text box around an image using a paragraph. It can be found here: http://www.draftingservices.com/building_survey.html Would this be considered acceptable CSS or make-shift? Sincerely, Brian David Laakso wrote: This explains another method for achieving what you're after. http://css.maxdesign.com.au/floatutorial/tutorial0204.htm Best, ~d Brian M. Curran wrote: Great link, thank you. The addition code for my current situation is not making sense though? My current CSS and HTML are: David Laakso wrote: Then I guess all I can suggest is that you do it differently and change the css/markup following the above provided tutorial? Why would I do that, if what I've done works. ...This basically harkens back to my original question. __ 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] Image text box
Your question has more to do with HTML than CSS -- asking if using a paragraph tag is okay as long as it works -- but I'll respond anyway. There are two different kind of it works in our business. There's it works for me and there's it works across browsers. Brian M. Curran wrote: Hi All, I've never done this before... I made a bordered text box around an image using a paragraph. It can be found here: http://www.draftingservices.com/building_survey.html Would this be considered acceptable CSS or make-shift? Sincerely, Brian Why would I do that, if what I've done works. ...This basically harkens back to my original question. An important point about standards is to come up with a way that your code not only works across browsers but will continue to work even as browsers change. The notion is that if you write compliant code, and the community develops compliant browsers, everything will continue to work with little or no disruption. So the important question is not whether your approach works but whether your approach complies with the standards. I believe that was the purpose behind referring you to the tutorial. If your only benchmark is it works then the tutorial is indeed irrelevant. The developer is free to code as he pleases, and the visitor is free to retreat in frustration. :) Skip Knox Boise State University Thanks Skip. I recognized that from the outset. That is, that I could have created something that worked but was not acceptable. - I'm looking to learn here. Pointing me to a tutorial, while helpful, didn't answer my question. Of course sometimes errors in coding may become self-evident if one is pointed to a tutorial, but in this instance that is not what happened. It just seemed like an alternative way to do what I've already done. It seemed more like preference, than whether or not what I had already done was acceptable or not. I thought the point of my question was clear enough. I was asking for a No, because... or Yes, because... response. Lastly, whether or not my question is more CSS or HTML based. You may be right that it is more HTML based. Regardless, I believe it is intimately connected to CSS. Sincerely, 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] Image text box
I was asking for a No, because... or Yes, because... response. Fair enough. No, because it's not a paragraph, it's an image. A reader (forget humans, just think reading mechanisms, which can include humans) when it sees a p expects to see a paragraph of content. Instead it sees an image. The proper markup for that is the img tag. If that needs a wrapper, that's what div is for (it's for any arbitrary block, as span is for any arbitrary string). So, wrenching this over in the direction of CSS, when you want to style an image and perhaps some associated text, the proper thing to style would be a div rather than a p. It'd be really sweet if HTML had a tag that would encompass not only the graphic itself but also associated content, but I've not seen any stirrings in that direction. Skip Knox Boise State University Thank you! :-) ...And of course thanks to David too. :-) __ 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] Image text box
ta-da!!! http://www.draftingservices.com/building_survey.html CSS: .textBox { width: 200px; float: right; margin: 0 0 5px 5px; padding: 5px; border: 1px solid #000; background: #fff; font-size: x-small; } HTML: div class=textBox img src=images/building_survey.jpg alt=Building Survey width=200 height=259/ br/ Building survey floor plan. /div Thanks again to all who helped me!! Now I can add other images to my site too. :-) __ 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] H1 tag use
Hi All, I've used the h1 tag for the text of my website's title. Would anyone else have used a different tag? Sincerely, 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/