Re: [css-d] Is there a simple way to center in an iframe?
I have never done this but I wonder if using position:relative and margin:0 auto; together would make it center. It is worth a try. __ 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] Is there a simple way to center in an iframe?
maybe if it is the only thing in the iframe he can just set it to block as well, if there are other elements in the iframe it could prove problematic doing it that way 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] hello this is my first post i just can get this to look right in IE-any
David Dorward wrote: 2009/10/31 Charles Miller chuckmil...@new.rr.com: Would you mind commenting on why HTML 4.01 Strict? And what the differences are? This interests me. Transitional is (more or less) Strict + Legacy junk that should be avoided. HTML is better supported than XHTML. (Since Internet Explorer doesn't support XHTML, you have to claim it is HTML and jump through hoops to write something that is both XHTML and almost-HTML, and those hoops are, IMO, more trouble then they are worth in the vast majority of cases). I generally use xhtml 1.0 strict and find it to be very consistent with internet explorer 6+ and find that I employ very little if any workarounds for internet explorer so I tend to disagree that html works better than xhtml. What I like about xhtml is that the tags must look consistent (no uppercase, closing everything. It is much more standardized. If html strict is the same way than this argument holds no validity but it is worth mentioning.) __ 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] Hover Effects
What I would do is have two hover properties in your css, I did not look into your html but I am guessing they are lists. Have a background hover property for each li that specifies the background color and then a seperate one for the a:hover property that changes the text color. The only thing you will need to do is test it in IE because it may not support hover on anything but the a elements, there are files that fix this behavior (hover.htc); Make sure your a element is not set to display block or once you are over the li the text will change color. __ 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] custom background image on menu items
Bob Meetin wrote: I am trying to set custom background images for menu items on a menu auto-generated through a CMS. Them CMS gives both a class and an ID to each menu item, each has a numerical suffix. Example: div id=whatever ul li a href=index.php?option=com_contentamp;view=articleamp;id=99amp;Itemid=54 class=menu-item3 id=menu54 title=CONTACTspan class=menu-titleCONTACT/span/a /li li a href=index.php?option=com_useramp;view=loginamp;Itemid=58 class=menu-item4 id=menu58 title=DEALER/REPspan class=menu-titleDEALER/REP/span/a /li ... ... /ul /div The relevant section of the stylesheet looks like: #ja-cssmenu li a { background: url(/images/blu-glossy-spheres-light-30.png) no-repeat -2px -29px; } The above style will work to give every link the blue image, but I don't want that so I commented out the background and tried to apply a custom class or id to the individual links. I thought something like one of the following should work, keying off of (class=menu-item3 id=menu54) but no image appears: #menu54 .menu-item3 li a { background: url(/images/blu-glossy-spheres-light-30.png) no-repeat -2px -29px; } .menu-item3 #menu54 li a { background: url(/images/blu-glossy-spheres-light-30.png) no-repeat -2px -29px; } #menu54 li a { background: url(/images/blu-glossy-spheres-light-30.png) no-repeat -2px -29px; } .menu-item3 li a { background: url(/images/blu-glossy-spheres-light-30.png) no-repeat -2px -29px; } #menu54 a { background: url(/images/blu-glossy-spheres-light-30.png) no-repeat -2px -29px; } .menu-item3 a { background: url(/images/blu-glossy-spheres-light-30.png) no-repeat -2px -29px; } What am I missing? -Bob __ 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/ If you would give us a URL to work with it will be easier to help you, also what are the differences between each button you are trying to achieve, is it different for each and every button or just a few? 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] How can I get rid of a gap under an image?
I think the problem is the product div's border:1px solid #77; try setting the bottom-border to 0px after this line. __ 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] Can I apply :last-child to a class?
Chang Huang wrote: Thanks you both. I've forgotten to mention that the list is dynamically generated, sorry, so it's not possible to predict the last 'special' item. I also tried li[class='special']:last-child with no success. I guess I'll have to use jQuery to do it. On 6 September, at 6 September 2:46 PM, David Laakso wrote: Chang Huang wrote: Hi, I'm trying to get the last element that belongs to a specific class. For example, ul liaaa/li li class=specialbbb/li liccc/li liddd/li lieee/li li class=specialfff/li li class=specialggg/li lihhh/li /ul I need to get the last 'li' with the class 'special' ('li class=specialggg/li'), is it possible to do that without JS? I tried '.special:last-child { color:red; }', but it doesn't seem to work. Thanks! Use a multible class thing? http://chelseacreekstudio.com/ca/cssd/special.html __ 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/ This would be better suited for a web design list as programming is off topic but if you could show me the script for generating the list I would be willing to see if I could help you dynamically generate a class for the last special. __ 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 validation help
Philippe Wittenbergh wrote: Just 2 notes on this: On Jul 17, 2009, at 3:29 PM, Alan Gresley wrote: I would not recommend hacking your HTML with IE Conditional comments since they are not in one location and thus not easily removed. 1. If your website is larger than 3 pages and reuses the same stylesheets, I hope you use server-side templates :-). From the humble (yet quite powerful) SSI to PHP, ASP or other name-you-favourite server side language, an include to load your block of link rel=stylesheet ... with CC's in it. No need for support for IE anymore? Just remove a couple of lines out of that include, upload done. Let the server do the rest of the job. 2. multiple @imports and nested constructs: On Jul 18, 2009, at 12:31 AM, Alan Gresley wrote: My regular CSS, http://css-class.com/test/epsilon-0-1.css You do know that such constructs are detrimental to performance and page load, esp. in IE, do you? Fex: http://www.stevesouders.com/blog/2009/04/09/dont-use-import/ take this with a grain of salt, but I did some similar tests with IE running on an older machine, and multiple @imports do slow down things. My 2¥, Philippe --- Philippe Wittenbergh http://l-c-n.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/ This page discusses using php to load stylesheets automatically.http://www.veridian-systems.com/blog/blogs/blog5.php/2009/07/17/php-site-maintenance __ 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] A simple question - h1 before p
MEM wrote: Hello, Without .js, is there a way to establish a rule in CSS that says: All h1 that are followed by a p will have a padding-bottom of X. Is this possible? Thanks a lot, Márcio __ 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/ There is no way to do that without modifying the code a little bit. What you could do is define a class for the h1 elements and define the bottom padding as zero. Then in the html all you have to do is add that class to any h1 which has a paragraph after it. Brian Hazelton http://veridian-systems.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] Problem with menu in IE7
try adding position:relative to the menu and or the header id. I am on linux so unfortunately cannot test if it will work, but I had a problem similar to this a while ago. __ 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 bullets and floated images
The best that I can come up with is that since it is just a circle and not anything too intricate, you can just use the image as the list-style type...list-style:url(image name); the only problem with this is that the image is not directly in the center of the text. Hope this helps. __ 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] centering the page
try adding position:relative to the container __ 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] IE 8
I would listen to the suggestion as is. The reasoning behind what Court said (whether or not there are 20 instances, could be more could be less) is because since it is software, you are introducing additional code than the base code for iE. There could be bugs in MultipleIE and it will result in IE appearing different than an actual real version. You can use vmware which, to my knowledge, has an edition that will allow you to install virtual machines onto your computer for free, please do not quote me on that though. This would be the best option because this way you are seeing it as every person using that version of IE on that specific version OS would see it. The only true way of cross browser testing would be ridiculously complex and would require having a virtual machine of every OS you want it to work on with every browser you want it to work on. If I were you, I would use browsershots to see what it looks like, it will display a lot more variations than you could on your machine. __ 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] Flowing block elements around floated elements
dave, sorry for my previous suggestion, i misunderstood, if i understood correctly i would have told u to do what allen has told u to do. __ 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] Sprites and positioning links
i just examined the image closely...The heights are different between the default and the hover. The widths are the same though. I think once you make sure the image is exact (to the pixel) it should work right. __ 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] Flowing block elements around floated elements
You can solve this quite easily. Figure out the right margin you need to have it end to the left of the image... For example, if the image is 200px and is flush with the right side of the content area, and you want 10 px of whitespace between the image and the blockquote then add margin-right:210px to the blockquote. Hope it helps, Brian Hazelton __ 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] Sprites and positioning links
Anthony, one problem is that you declared the links as display:block. This is correct, but in order to have the lib link appear to the right instead of below metadata you will need to float metadata to the left. By default, a block level element is 100% width and therefore pushes the next element to be below it, you need it to the right and floating metadata will allow lib to come onto the same line. The second issue is that the images are not lining up 100%, i think this is an error in the actual image though. 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] Setting a link on replaced text
Tim, I have set up an example that only contains the styling and html that is required for what you want to do (or at least what I think you want to do). It is located here http://test.danville302.org/bglink/ view the source code to see all of the information and the styling declarations. Hope it helps, 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] styles in elements
what they mean is inline styling, do a google search and you will see what they mean. I have not set up an email template yet (especially through css) so I do not know how to do it, but if you already figured out how to do the styling in the page, you will see that it will take very little effort. __ 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] UL wrapping around floated image - how do you not wrap?
This can easily be done, set the left margin of the ul to the width of the image plus the whitespace on the left of the image and the right of the image. For instance, if the image were 20px from the right, the image was 200 px and there was 10px of whitespace to the right of the image, set the ul left margin to 230px. __ 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] Reviewing work
Jason add overflow:hidden to the #NavBar id. The problem is that the navigation was breaking into two lines because when font increased, it was wider than the specified width. The reason it looked like blank space on the left of the left column was because the link is white and it was invisible, if you want to see what I mean go ahead and increase font size or zoom so the page breaks and move your mouse around on the blank white area on the left. __ 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] Default Style Values
I was wondering if there is a detailed list or stylesheet of all of the html elements and the default styling. For example, the margins, padding, font weight, font size...anything that can be changed in css. Is there any thing like 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/
Re: [css-d] Vertical Align Theory
The benefit of using display:table-cell over an actual table is that if the text is not tabular, it does not belong in a table. Using display:table-cell will allow you to mimic the display of a table cell while being semantically correct. Another thing to note is that not all browsers implement display:table-cell __ 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] Default Style Values
thank you everybody, that was exactly the information i was looking for. __ 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] IE6/IE7 border problem on list items (wrapping)
instead of display:inline try float:left, it won't allow the items to wrap, if it is too long for the line, it will bring it down to the next. This may not be the best answer but it should work. __ 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] background images
When should I use an image and when should i use it as a background image. Since CSS allows designers to seperate content from styling, when should I use the image tag or should I never use the image tag? __ 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] background images
I have been told by a couple people this is off topic, I am not sure how and to avoid angering eric any more I would like to get a clarification as to how it is off topic and would like to apologize to everyone if it is indeed off topic. Thanks __ 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] Vertically centering text in a paragraph
You can apply a class to the paragraphs that are together and make the line height the same as the height of the image and then st vertical-align to middle. __ 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] Vertically centering text in a paragraph
sorry, that was bad information. I just tried it and while it does make it vertically centered, it adds huge space because of the line height. __ 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] Vertically centering text in a paragraph
does IE support display:table or display:table cell though? I could have sworn it didn't. __ 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] Get rid of top space
body margin and padding set to 0 and the first element set to margin-top 0 __ 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] Get rid of top space
make p margin:0px instead of the 0 0 1em, I just tried it and that is what was screwing you up. __ 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] OFF TOPIC (webpage size)
Just out of curiosity, if i had a page with a width of 768px total, and the rest is a subtle bg, would that be too small of a width? __ 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] Condensing BORDER-xxx-STYLE
you can take all of it out, borders by default are none so it does not need to be there in the first place On Sun, 2009-04-12 at 11:03 -0700, trevor bayliss wrote: How can I condense this CSS? Is it possible? thank you BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; __ 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-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] Condensing BORDER-xxx-STYLE
sorry, I did not realize that you were referring to an image border (which by default is not none). My answer earlier is wrong for images. On Sun, 2009-04-12 at 14:38 -0400, David Laakso wrote: trevor bayliss wrote: How can I condense this CSS? Is it possible? thank you BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; Assuming the above is in reference to this selector from the uri presented earlier: A IMG { BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; } a img { border:none; } Aside: The uppercase in your CSS file could drive a person nuts. __ 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-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] proper use of cite
If I put in the footer site by xxx would that be a proper use of cite or should I just use a 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] proper use of cite
thank you, that was very insightful, i will probably use a variation of that (not include so much information as i just want to put a link back to my company) On Sun, 2009-04-12 at 21:03 +0100, Christian Heilmann wrote: Brian Hazelton wrote: If I put in the footer site by xxx would that be a proper use of cite or should I just use a p? If there is information about who maintains the document the footer is in, address is actually the most appropriate. You can even make it more useful with a vcard: div id=ft address class=vcard a class=url org href=http://wait-till-i.com/;Wait till I come!/a is the blog of span class=fnChristian Heilmann/span a class=email href=mailto:onlinetools...@gmail.com;onlinetools...@gmail.com/a, a span class=titledeveloper evangelist/span living and working in span class=adrspan class=localityLondon/span, span class=country-nameEngland/span/span. a href=http://feeds.technorati.com/contacts/wait-till-i.com;Download vcard/a. /address /div __ 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 to set div opacity
On Sun, 2009-04-12 at 21:37 +0200, Els wrote: Chike Loney wrote: How do I set the opacity of a div to let's say 50% opacity:0.5; http://www.w3.org/TR/css3-color/#opacity Not sure which browsers support it, and also has the disadvantage that the text in the div will also become transparent. If the background of the div is a solid colour (rather than an image), you might want to try using rgba() values for the background colour instead. Again, not sure which browsers exactly support it. But using rgba(), the text in the div will keep its colour instead of becoming transparent with the div's background. http://www.w3.org/TR/css3-color/#rgba-color taking els advice, you can do a little better, use an image editing program, use the rgba values you want, and then save it as a png. Older browsers (IE) have bad support for png's but then you can find a png fix file on the internet and use that in conjunction with the bg image. __ 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] Condensing BORDER-xxx-STYLE
On Sun, 2009-04-12 at 14:53 -0700, trevor bayliss wrote: --- On Sun, 4/12/09, David Laakso da...@chelseacreekstudio.com wrote: From: David Laakso da...@chelseacreekstudio.com Subject: Re: [css-d] Condensing BORDER-xxx-STYLE To: bayliss_tre...@yahoo.com Cc: css-d@lists.css-discuss.org Date: Sunday, April 12, 2009, 2:01 PM trevor bayliss wrote: Thank you Brian, David, Marcio, Els and Val! I got rid of the uppercase letters in the css How do I do the same for border-top-width border-bottom-width would it be: border-width: Top Right Bottom Left? Please read: http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/ Really interesting link thanks. Last question on the subject, is it impossible to condense this code? (As the borders are different I imagine it is) Thanks: BORDER-RIGHT: #333 0px solid; BORDER-TOP: #333 0px solid; BORDER-LEFT: #333 0px solid; BORDER-BOTTOM: #fff 5px solid; __ 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/ combine I think is impossible, but you could share them. Here is what I mean: since the first three are the same go like this border-right, border-top, border-left{ #333 0px solid } border-bottom{ #fff 5px solid } __ 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] Condensing BORDER-xxx-STYLE
On Mon, 2009-04-13 at 09:14 +0900, Philippe Wittenbergh wrote: On Apr 13, 2009, at 7:01 AM, Brian Hazelton wrote: Really interesting link thanks. Last question on the subject, is it impossible to condense this code? (As the borders are different I imagine it is) Thanks: BORDER-RIGHT: #333 0px solid; BORDER-TOP: #333 0px solid; BORDER-LEFT: #333 0px solid; BORDER-BOTTOM: #fff 5px solid; combine I think is impossible, but you could share them. Here is what I mean: since the first three are the same go like this border-right, border-top, border-left{ #333 0px solid } border-bottom{ #fff 5px solid } ?? The above is completely non-sensical. It says: for elements 'border-right', 'border-top' and 'border-left', apply the following: '#333 0px solid'. Apply to what ? No property is specified. 'border' is a property, not a selector. Assuming, as Holly does, the intent is to override some previous setting: selector { border:none; border-bottom: #fff 5px solid; } Philippe --- Philippe Wittenbergh http://l-c-n.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/ sorry about that, I was busy with something else as I wrote it and got the syntax wrong as a result. __ 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] Acronyms
I was wondering, if you use an acronym more than once on a page, do you define it every time or just the first occurrence on a page? __ 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] footer xhtml and css valid
I have a web design company and was wondering if it is still common practice to put the links to w3c in the footer if the pages validate for xhtml and css...i was looking around some other professional sites, and cannot see any that put that info in the footer...is this an outdated practice? __ 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] accessible background images
I was looking at the accessibility of my site, which is not up yet so i cannot post a link. I came across a weird find...when i disable background images, the body text disappears because i use a white font color because the background image is almost black...how would i keep it white but make sure people with images disabled can see the text? __ 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] Semantic UL Class Name
Hi, I have a site that I have been making very semantic and css based but I have a problem. I want to create a class that removes the bullets from an unordered list that I can use on multiple lists. What class name would you give it since it will be applied to multiple ul's, each contains different information. The site, in case you want to dig deeper is http://www.danville302.org Thanks, Brian Hazelton __ 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/