Re: [css-d] substitute font for Myriad Pro
On Fri, Mar 22, 2013 at 11:22 AM, Hull, Lauribeth lh...@everettsd.org wrote: The district I work for has a new logo and the graphic artist has Myriad Pro as the supporting font. I know I need to have some back-up fonts in my css. I have found the following options in researching online. Do any of you ... have a preference or have some other suggestions. I personally find Segoe UI to be the closest match in look and feel to Myriad Pro, but it might not be widely cross-platform so you'll need to list others. Tahoma, Trebuchet and Verdana are some others. The way I see it, Helvetica and Arial are a little bit minimalistic and plain whereas these others have a rounder, friendlier feel. Laura __ 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] Drop down menu pushing content down
On Tue, Mar 19, 2013 at 12:17 PM, Mike m...@integrawebdesign.co.uk wrote: Hi guys, I hope someone can help with a little problem. A new website I am designing looks perfect in Firefox 18 on Linux and in Safari. But it's not right in Opera on Linux, Chrome on Windows and probably several others. URL - www.integra-server.co.uk/lnp/**wb/ http://www.integra-server.co.uk/lnp/wb/ On my windows desktop computer it looks ok in Chrome but not in IE 9. Could it be something to do with how different browsers interpret the box model? (some count the padding as part of the width and some don't). If floated content is too wide for the container it gets pushed down. Someone helped me with this issue on here recently and gave me this code to put in the css to fix it. * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Regards, Laura __ 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] resolution vs physical screen size
I'm not sure if this is going off-topic for this list; if someone knows of a more appropriate place to ask this please let me know. It does have to do with media queries, but it's more of an aesthetic question than a practical one. My problem with grasping the media queries concept is the fact that website displayed at a certain resolution (say 1600px wide) look very different on a large desktop monitor and a laptop, and I assume they look different on tablets of different resolutions although I don't have a way to test that. I want my site to display full screen on a tablet pc, (no grey margins on the sides) but I assume the ability to do this depends on the resolution of the tablet. I put in max-width 1280 on my main container so the site fills my 1280 tablet, but it looks huge on my desktop monitor. I haven't seen it on a higher resolution (than 1280) tablet, but I imagine it will look tiny with grey margins on the sides. I have viewed it on a 1600px wide laptop, and that looks ok to me. I understand I can add more columns and horizontal content for higher resolutions, but that's not always a good idea for smaller screen sizes, is it? How do you deal with this? Best Regards, Laura __ 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] fluid image inside div puts extra padding below
Hi, I have a fluid image inside a div and it is putting some padding below the image (the div is colored blue so you can see it in the example). How can I remove it? I've tried various things with the margins and padding of the image and the div, but to no avail. The example is here, and I've stripped the page and code down to the minimum if you view the source: http://kvikna.com/testing/ieeg/slideshow.html Thanks! Laura __ 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] fluid image inside div puts extra padding below
On Fri, Mar 8, 2013 at 4:57 PM, Jon Reece jon.re...@gmail.com wrote: Because images, like text, are inline by default, there is extra space added below for descenders. The 2 easiest ways to prevent this from happening are 1) apply display: block to the image, or 2) add vertical-align: top/bottom/middle. Thanks for explaining this! I had no idea :) Laura __ 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] Can You Do This?
On the other hand, eventually, one may have the need to reshuffle the table to make it more usable on e.g. small-screen devices, along the lines of this demo (resize browser window to something narrow): http://dbushell.com/demos/tables/rt_05-01-12.html Ah...good point. Thanks for the link Philippe. And sorry for the top posting before...I knew that, but gmail gave me temporary vertigo... Laura __ 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] clear content after non-floating items?
Yes, thanks! (why didn't I think of that...) Laura Take that height: 2em; off of .mainmenu and it will be able to grow to what it needs to when items wrap. -Tim __ 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] clear content after non-floating items?
Sorry...I see Tom also noticed that, credit where credit is due :) Laura On Tue, Mar 5, 2013 at 12:54 PM, Laura Valentino la...@vidmot.com wrote: Yes, thanks! (why didn't I think of that...) Laura Take that height: 2em; off of .mainmenu and it will be able to grow to what it needs to when items wrap. -Tim __ 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] Can You Do This?
Is it because the width of the 3 td's add up to greater than 100%? I've never heard of floating table cells - not sure why you'd need to. Laura On Tue, Mar 5, 2013 at 1:38 PM, Barney Carroll barney.carr...@gmail.comwrote: float only works on block display elements, whereas table cells display as table-cell by default. Table cells will naturally appear in a row without needing float. However, what you're doing is forcing float, such that the table cells implicitly become block display elements and lose their table display properties (meaning they return within rows, no longer share heights across rows, etc — to all intents and purposes the table layout is broken). I'm sure what you're trying to do can be done, but float the tables td's into place is vague, in that we don't know what the intent of 'into place' is. Regards, Barney Carroll barney.carr...@gmail.com +44 7429 177278 barneycarroll.com On 5 March 2013 13:10, David grovesda...@linkhomes2000.co.uk wrote: Hello, Files is here: http://www.linkhomes2000.co.**uk/main/calculators/** linkmortgagecalcstart_005.php http://www.linkhomes2000.co.uk/main/calculators/linkmortgagecalcstart_005.php . Am I trying to do something, which can't be done? I'm trying to float the tables td's into place. As can be seen (please ignore borders, only for physical reference) this is not working. From what I see they should float up, but wont. CSS: .boton,td { width: 50%; text-align:left; float:left; padding-bottom:5px; border:2px solid #fff; } .btop { border-top:3px ridge #039; } .tex3,td { width: 65%; text-align:left; float:left; line-height:31px; border:2px solid #fff; } .leftbal,td { width: 30%; height:10%; text-align:left; float:left; padding-top:0; margin-top:0; clear:right; border:2px solid #fff; } .farrighttex3,td { width: 30%; text-align:right; float:right; padding-top:0; margin-top:0; clear:both; border:2px solid #fff; } .four,table { width:100%; font-family:Trebuchet MS, verdana, arial, sans-serif; font-weight:bold; font-size:85%; color:#fff; text-transform:uppercase; border-top:12px ridge #fff; float:none; background-color:#369; border=spacing:5px } Regards D) __**__**__ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/**mailman/listinfo/css-d http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.**com/ http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/**policies.html http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_**support_evolt/ 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/ __ 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] clear content after non-floating items?
My main menu bar is not supposed to wrap (it doesn't on my 2nd gen ipod touch) - but I fear that on some device somewhere, it will wrap. This wouldn't be the end of the world except for the ugly way the wrapped menu item overlaps the following content. (you can see the effect if you size the browser window down far enough for the top menu to wrap - some browsers don't shrink that small though, chrome on windows 7 does). A puzzling thing is that the submenu also wraps, but the following content politely gets out of the way of the wrapped item...and I don't see the difference between the 2 menus! Does it have something to do with the fact that the main menu is contained inside a header div inside the main container div, and the sub menu and the rest of the content are just inside the container? I'm stumped! Any help greatly appreciated. Google doesn't seem to understand my wording of this problem :) Here's the page: http://kvikna.com/testing/ieeg/features.html Not even sure what code to include here, but here's the html of the navbars: header div id=logoa href=index.htmlimg src=pics/ieeg_logo.png alt=iEEG logo border=0/a/div nav class=mainmenu ul lia href=features.html class=selectedFeatures/a/li lia href=*Demo/a/li lia href=*Buy/a/li lia href=*Meet us!/a/li /ul /nav /header nav class=submenu ul lia href=features.html class=selected2Hosted EEG/a/li lia href=*Connectivity/a/li lia href=*EEG Review/a/li lia href=*Patient DB/a/li /ul /nav And the css. The 2 menu styles are more or less the same where measurements go and both display as inline-block: .mainmenu { background-color: #5a83c6; height: 2em; font-family: amblebold; } .mainmenu ul,.submenu ul { list-style-type: none; line-height: 2em; } .mainmenu li,.submenu li { display: inline-block; height: 2em; } .mainmenu li a,.submenu li a { -webkit-tap-highlight-color: rgba(0,0,0,0); display: inline-block; height: 2em; padding: 0 0.4em; text-align: center; text-decoration: none; } Best Regards, Laura __ 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] hover and active pseudo classes on touch screen
Well yes, it kinda does, on some devices ;) I ended up doing this to get the effect that was most like I wanted: http://css-tricks.com/snippets/css/remove-gray-highlight-when-tapping-links-in-mobile-safari/ Not that I want to clutter things up with javascript, but I did this time. Thanks for pointing me in the right direction! On Wed, Feb 27, 2013 at 6:37 PM, Tom Livingston tom...@gmail.com wrote: On Wed, Feb 27, 2013 at 12:51 PM, Laura Valentino la...@vidmot.com wrote: Touch screens seem to ignore my a:active color and just use some random color, and the a:hover color (which I expected to do nothing on a touch screen) becomes something like selected link color (stays highlighted) - which is actually kinda cool, if unexpected. Is this a known thing? Google isn't helping me! Laura There are things like: a:link { -webkit-tap-highlight-color: rgb(52,158,219); } which, I assume (uh-oh) that will allow you to customize that 'random' color... -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ 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/
[css-d] hover and active pseudo classes on touch screen
Touch screens seem to ignore my a:active color and just use some random color, and the a:hover color (which I expected to do nothing on a touch screen) becomes something like selected link color (stays highlighted) - which is actually kinda cool, if unexpected. Is this a known thing? Google isn't helping me! Laura __ 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] percents inside em container in fluid site
I'm trying to wrap my head around how to use percentages inside a container specified in ems...or is this a bad idea? I used ems to specify the max-width of the main container, as I think this will limit the upper width while still allowing downwards fluidity. Inside the container are 2 floated columns, with widths specified in percentages. I thought the percentages should add up to 100% (of the container)...but this doesn't work. It works with one column set at 60% and the other at 30%. What's going on here?? the site: http://kvikna.com/testing/ieeg/ the relevant code: #container { position: relative; max-width: 62em; margin: 0 auto 0 auto; } #main { padding: 3%; float: left; width: 60%; } aside { float: right; width: 30%; padding: 10% 3% 1% 1%; } Thanks! Laura V. __ 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] percents inside em container in fluid site
Oh wait...is it that the padding counts towards the total? That would make sense :) Laura On Mon, Feb 25, 2013 at 4:48 PM, Laura Valentino la...@vidmot.com wrote: I'm trying to wrap my head around how to use percentages inside a container specified in ems...or is this a bad idea? I used ems to specify the max-width of the main container, as I think this will limit the upper width while still allowing downwards fluidity. Inside the container are 2 floated columns, with widths specified in percentages. I thought the percentages should add up to 100% (of the container)...but this doesn't work. It works with one column set at 60% and the other at 30%. What's going on here?? the site: http://kvikna.com/testing/ieeg/ the relevant code: #container { position: relative; max-width: 62em; margin: 0 auto 0 auto; } #main { padding: 3%; float: left; width: 60%; } aside { float: right; width: 30%; padding: 10% 3% 1% 1%; } Thanks! Laura V. __ 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] Problem with nav menu on Mac Safari and Mac Firefox
URL: http://www.bcbsm.com/foundation Problem: In Mac Safari and Mac Firefox, the final navigation option, RESOURCES bumps down to a second line and it should be all on one line. In all PC browsers (IE, Firefox, Chrome) it renders fine. Question: Can anyone help explain why this is happening or what I can try to fix it? What I've done: I did W3C HTML validation and that's ok. I do get some errors on W3C CSS validation and a lot of trial and error to fix, but no such luck yet. I'm really flummoxed by this problem, and would appreciate any help. Thanks, Laura Langa-Spencer (It's my first time posting to the list, so please excuse if I've done anything improperly, and please let me know if I need to do anything differently.) The information contained in this communication is highly confidential and is intended solely for the use of the individual(s) to whom this communication is directed. If you are not the intended recipient, you are hereby notified that any viewing, copying, disclosure or distribution of this information is prohibited. Please notify the sender, by electronic mail or telephone, of any unintended receipt and delete the original message without making any copies. Blue Cross Blue Shield of Michigan and Blue Care Network of Michigan are nonprofit corporations and independent licensees of the Blue Cross and Blue Shield Association. __ 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] position with div in stead of table
At 01:48 PM 4/16/2012, you wrote: much jiggery-pokery? And this works for you? Here, I've been using bubble gum and bailing wire. Okay. Thanks for the tip! __ 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] Positioning a popup window over the button
I'm trying to position a popup window over a button. I've succeeded in doing that by using position: relative and applying a negative top value. The problem is that it creates a space below the button (I assume the same size as the window) and pushes the footer down below that. What's going on?? If I change the position to absolute, it doesn't create this space and I can position the popup relative to the browser window, but I really want it to be aligned with the button. Any suggestions or links to tutorials about this? Here is the example. The button is below the image. The popup styles are in the html. I made the content background bright blue so you can see how much space is added when the popup appears. http://vidmot.com/popupwindow/ Any help would be greatly appreciated! I've been away from this list for a few years and rediscovering css is as fun as ever ;) Laura __ 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] Positioning a popup window over the button
On Jan 7, 2012, at 10:47 AM, G.Sørtun gunla...@c2i.net wrote: One solution is to add ' margin-bottom: -460px;' to div id='PopUp' - (height + padding + border-width), so it doesn't take up any space in original position. Thanks Georg, that solves the problem! I have yet to wrap my brain around this yet though... On Sat, Jan 7, 2012 at 5:59 PM, Tom Livingston tom...@gmail.com wrote: You could try using absolute positioning, making it relative to the button's containing element. I did think of that, but apparently I'm not clear enough on how to do this yet. Do I have to add positioning to the containing element? __ 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] Questions regarding how to make selected li red with css
Hi Everyone... I have two questions and I'm hoping someone here might know the answers... I'm not that experienced with css, and am very curious if anyone out here would know how I can achieve the effect of highlighting the selected item on my list in red instead of blue. The page is at http://www.octos.org/ooth/2new.htm I have validated it and noted that the function that I'm using that will allow me to put the document in the window immediately to the right uses 's and that is throwing errors with the validator. From what I can tell there are no other errors except those in the AJAX script. Are there any hints for having the script tag elements validate or will they always give errors? Much thanks for your assistance and consideration. Have a wonderful day everyone! -- Laura mailto:[EMAIL PROTECTED] -- __ css-discuss [EMAIL PROTECTED] 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 Templates
Hello Thank you again for all your help on my last question. Now I'm struggling with this I want the site to have the top margin and left side as the constant and the rest to be variable. I really don't want to clone this page for the rest of the pages for the site. How does one go about making part of the CSS variable while leaving the header and side panel code the same without copying it to each page in the site? The other thing I need to do with the site is add a log in page which will also be on the left side, I don't think that would affect the style sheets though. My site is http://www.returnengagement.org Thanks for any insight. Much appreciated! -- Laura mailto:[EMAIL PROTECTED] -- __ css-discuss [EMAIL PROTECTED] 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] Confused noob! div is different IE or FF
Hi, I'm working on a site http://www.returnengagement.org CSS is below It renders completely different in IE (looks how I want it basically) versus Firefox Looks all jumbled up! I think it is because of a DIV, but depending on whether or not the DIV on line 66 is there, it renders wrong in the other browser. Am I missing something? Much thanks for any help! I've spent so many hours trying to figure this out and am completely at a loss. -- Laura mailto:[EMAIL PROTECTED] =css below=== this is the re_style.css /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ body { background: #809315 url(images/img01.jpg) repeat-x top left; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px; color: #FF; margin: 0px; padding: 0px; } input, textarea { width: 220px; background: #FF url(images/img04.gif) repeat-x; border-top: 1px solid #A3A3A3; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #FF; border-left: 1px solid #D6D6D6; font: normal 1em/normal Trebuchet MS, Arial, Helvetica, sans-serif; color: #6E6E6E; } h1, h2, h3 { } h1, h1 a, h2, h2 a { text-decoration: none; } h1 a:hover, h2 a:hover { text-decoration: underline; } h1 { font-size: 38px; } h2 { font-size: 28px; font-weight: normal; } h3 { font-size: 16px; } p, ul, ol { margin-top: 1.5em; #this was 190% before but made the space between lines very large line-height: 130%; } ul, ol { margin-left: 3em; } blockquote { margin-left: 3em; margin-right: 3em; } a { color: #FF; } a:hover { text-decoration: none; color: #FF; } a img { border: none; } img.left { float: left; #was 20px margin-right: 20px; } img.right { float: right; margin-right: 20px; } hr { display: none; } #header { width: 960px; height: 206px; margin: 0 auto; background: url(images/img02.jpg) no-repeat top left; } /* Logo */ #logo { width: 870px; height: 152px; margin: 0 auto; } #logo h1, #logo h2 { margin: 0; } #logo h1 { float: left; padding-top: 75px; padding-left: 50px; font-weight: normal; text-transform: lowercase; } #logo h2 { float: left; padding-top: 95px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; } #logo h2, #logo h2 a { color: #FF; } #logo a { text-decoration: none; } /* Menu */ #menu { width: 960px; margin: 0 auto; padding-bottom: 30px; } #menu ul { margin: 0; padding: 23px 0 0 28px; list-style: none; line-height: normal; } #menu li { float: left; padding: 0 2px 0 2px; } #menu li.first a{ float: left; background: #619E00; padding: 9px 20px; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FF; } #menu a { float: left; background: #406800; padding: 10px 20px; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FF; } #menu a:hover { text-decoration: none; background: #619E00; padding: 9px 20px; } /* Search */ #search { float: right; width: 200px; } #search form { margin: 0; padding: 0; margin-top: -10px; } #search fieldset { margin: 0; padding: 0; border: none; } #search input { } #search #s { width: 150px; } #search #x { margin: 0; padding: 0; width: 30px; background: #406800; color: #FF; } /* Banner */ #banner { width: 960px; margin: 0 auto; padding: 8px 0; } /* Page */ #page { width: 900px; margin: 0 auto; padding: 45px 35px 0 25px; } /* Content */ #content { float: right; width: 603px; } .post { } .post .title { margin: 0; padding: 20px 20px 0 20px; background: url(images/img04.gif) no-repeat left 100%; border-bottom: 1px solid #FF; } .post .title a:hover { text-decoration: none; } .post .entry { padding: 0 20px; } .post .meta { height: 25px; margin: 15px 0 20px 0; padding: 10px 0 0 20px; background: #4E9FC8 url(images/img07.gif) no-repeat; line-height: normal; } /* Sidebar */ #sidebar
[css-d] noob problem resolved and follow up question re: xhtml validation
Hi, thanks to everyone for your help. Turns out I was nailed by a really LAME error, I validated the CSS but forgot to validate the xhtml. And therein laid my problem. It has been corrected... and so have I! One further question though regarding validation I have a google maps link on the page which is throwing all kinds of errors and also, I use unordered list ul li with p below the listed item (for other info). The validator says this is not allowed. If that is true, how do you put a paragraph under a li Thanks for all your help. I'll try not to make such a silly error in the future. I really appreciate your feedback! -- Laura mailto:[EMAIL PROTECTED] -- __ css-discuss [EMAIL PROTECTED] 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] floated img not right in IE
Hi, I finally got a page to look the way I wanted in Firefox. Then opened it in IE Win and the floated images are all over the place. Here's the link: http://www.lauragattonihandwovens.com/csstest/scarves.html Also, if you can help, notice that my 3px double borders around the photos are missing in IE. I know I've got a border=0 and that is because every img was showing up with a 1px purple border (I don't know why). Also why is my copyright at the bottom not formatting? (compare http://www.lauragattonihandwovens.com/csstest/logo.html). Here's the css: body { margin: 20px 40px 0 40px; padding: 0; background-color: white; color: black; background-image: url(wpscarf8copy.jpg); background-repeat: repeat-y; position: absolute; font-family: small Arial, Helvetica, sans-serif; } #bodybackground { background-color: white; color: black } #banner { margin: 0; padding: 0; } #navlinks { font-weight: bold; font-size: .9em; margin: 0; padding: 3px 0 3px 275px; text-decoration: none; background-color: #A2A2D8; height: 1%; } #navlinks ul { margin: 0; padding: 0; } #navlinks li { display: inline; padding: 3px; } #navlinks a:hover { color: white; font-style: italic; } #main { color: black; text-align: left; margin: 0; padding: 20px; } #thumbnail { margin: 40px 25px 0 0; padding: 35px; border: double white 3px; background-color: black; float: left; } p.spacing { margin-top: 45px; height: 1%; } #copyright { text-align: left; font-size: .8em; font-style: italic; } Let me know if you need more info. Thanks again! --Laura __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE win bug help
Hi, I finally got a page to look the way I wanted in Firefox. Then opened it in IE Win and the floated images are all over the place. I'm bleary-eyed with learning CSS and getting this far, so I would really appreciate your help. Learning how to hack IE bugs at this point in my process is just too much. Thank you! Here's the link: http://www.lauragattonihandwovens.com/csstest/scarves.html the external style sheet is called logo2.css in the same csstest folder. Also, if you can help, notice that my 3px double borders around the photos are missing in IE and my copyright at the bottom isn't formatted either (compare http://www.lauragattonihandwovens.com/csstest/logo.html). Let me know if you need more info. Thanks again! --Laura __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Need a good dropdown css menu
I am redesigning a portal site. We are trying to incorporate the use of a dropdown horizontal menu. Any suggestions as to the most browser friendly dropdown menu? Thanks! Laura Karol-Chik __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Browser Gradient Issue
Issue #1 The content area and background both have gradients on this website. The background color of these continers is the same as the bottom of the repeated 1px wide jpg that is the gradient. If you look at the page in firefox, everything flows smoothly. If you look at it in safari, the image colors and the background colors are WAY off. How do I make the colors flow well in all browsers? Issue #2 If you go to performances (purple square) gallery (This problem does not exist in safari, so view in firefox) The image is supposed to be beside the text, but I can't seem to arrange it properly. Issue #3 Minor spacing issues everywhere. The top navigation is too high. The Wish List on the index page needs to move to the right a bit, etc. Padding and Margins don't seem to be doing it (and I'm probably changing the wrong things) Can you help me? http://www.lauraglaess.com/clients/Tapestry/index.html ~~Laura __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] FW: IE 6 rendering problem?
I can repro problem #1, where the green box appears under the rule. But it appears at random (apparently) and goes away as soon as you click something else. Haven't seen the other issues. Sorry I have no solution to offer--just letting you know that it's not just your client. From: Aaron Scott Hildebrandt [EMAIL PROTECTED] Date: Mon, 21 Aug 2006 11:34:56 -0500 To: Julie Hathaway [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] IE 6 rendering problem? I am so stumped by this IE 6 problem that I couldn't even come up with a properly descriptive subject heading for this email... I also can't reproduce either problem, IE6 on Windows 2000. Sounding more and more like a client-side problem. Aaron __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- End of Forwarded Message __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Best way to work in CSS and XHTML ?
I use Dreamweaver for simultaneous CSS Xhtml editing. But I don't know if I prefer it to any other because I have used DW for years and years. I have open the css file and the html file at the same time, the HTML is usually always in code view. Change, save, hit F12 to view in browser, repeat. Plus I usually have Fireworks and Flash open at the same time, too, so that's another reason. I guess you can take it as just the recommendation of a Macromedia (now Adobe) addict. The WYSIWYG part in Dreamweaver MX doesn't really work when using all CSS, so you have to keep checking in the browser. laura -Original Message- Re: [css-d] Best way to work in CSS and XHTML ? On 24/05/06, Michel Sabatino [EMAIL PROTECTED] wrote: Which is the easiest and more efficient way to work in CSS and XHTML to get at once a view on how it will look on IE 6 and firefox? How to handle external css files during the same process described before? In one word, which are the best tools (more efficient) to work with in CSS and XHTML? Thanks in advance. Notepad, vi or emacs. Code for Firefox, placate IE. Not really sure what you're asking here... __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Best practices - images, ie7
Using CSS exclusively was new to me a few months ago. I read some books, and lots of online articles and have been using it ever since. I am confused by the use of images and slices with CSS. I would like suggestions of good articles on this topic. Like how to get a nice background behind text with an opacity that lets the body background show through, pretty rounded corners, and stuff like that. FYI, I am a recovering Flash addict. L Lastly, I am using IE7 beta 2. If anyone wants their page tested on IE7, just let me know. Laura webmonkey.wordpress.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] linking lists into multiple pages
I have created a horizontal list for tabbed browsing on my site, but currently have the code for the list appearing on every page; when I want to make a change to one of the tabs, I have to input this change on every page/subpage of my site. Does anyone know of a way to link a list like this to multiple pages. That way I can make a change on the master list and have it applied to every page on which it is linked? Thanks, Laura __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Issue: Floated Image pushes into Left Aligned Text
Hi, I'm having an issue only in IE where the text adjacent to the floated left image is pushed in a couple pixels; once the text clears the bottom of the image, the left aligned text displays correctly. See it here: http://www.thedesignasylum.com/secretstash/IE_layout_issue.html I based this on pixy's 3 column layout: http://www.pixy.cz/blogg/clanky/css-3col-layout/ I have tried lots of things that haven't worked and I am at the end of my rope (tiling the background image, z-index, playing around with padding, making all margins 0, putting the middle column text in its own div, blah blah blah). Is this something I have to live with when viewing it in IE or is there a workaround? Thanks in advance, Laura __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Applying basic CSS to form item
Some references: http://www.d.umn.edu/goto/css#forms Laura ___ Laura L. Carlson Information Technology Systems and Services University of Minnesota Duluth Duluth, MN 55812-3009 http://www.d.umn.edu/goto/webdesign/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problem with input file
Hello listbuds! Well, I'm making terrific progress on this site thanks to all of you! I have run into a weird thing that is causing me trouble in IE, but not FireFox. first, my files are at: http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp/index.htm css: http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp/css/tempinc.css in the index.htm and products.htm I had the statement label for=attachmentUpload your CAD or Specification document here (optional)/label input type=file / In FF it looked great.. however in IE, that statement caused the whole navcontainer on the right to go to the end of the page (in effect, I guess it seemed to overlap). I can't figure out what property to change to fix it, so I've commented it out. :( Also, I have not been able to figure out the mystery of the background. It seems that the #main controls the background. However long #main is, the background will be that long. If the #left is longer, the grid background will still end wherever #main ends. But interesting, the background image is behind both #left and #main like I wanted it. The site structure is working very nicely with assistance from many of you on the list. I really appreciate all the support!! If anyone knows what's wrong... I'd really appreciate knowing so I can learn better how this stuff works! Have a great day! -- Laura mailto:[EMAIL PROTECTED] http://google-fu.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Trying to modify this CSS to show the menu and picture viewer
hi everyone, I've been a busy bee working hard trying to get all this code working! I have had some amazing help from great people here and have a kind of CSS template if you will, that I'm using for my site. I'm trying to incorporate a photo viewer in that layout and let me tell you that is not going too great! (smile). I got the picture viewer working well, but I can't figure out how to get the right side menu working in the structure I have. Here's my basic structure http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp_nov/index10.htm the CSS is at http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp_nov/css/tempinc.css here's the pictures (click on facility from the above link) or go directly to http://ciswebs.smc.edu/cis51/greenwood_laura_lee/tempnov/facility.htm (this page uses the tempinc.css webs above and inline for the picture viewer) I put the word left in the left div, and the word main in the main div... so those are showing up. I don't really need those divs for this type of page. but I do need the menu to be exactly where it is on the right. If anyone has any ideas how to get it working right, boy I'd sure appreciate it. I can't believe how much I'm learning from all this! Much thanks!!! Laura -- Laura http://google-fu.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] making progress but... jumping CSS on nav bar buttons and weirdness between IE/FF
hi.. my page http://tempinc.com/index8.htm on this page, about 2 seconds after the screen refreshes, some of the elements on the left nav bar jump and a larger whitespace is shown between them but not all of them the one between about temp and facility tour and about temp and contact us (This is in IE) now in firefox, the nav bar jumps with 3 elements after products, facility tour and contact us. In firefox, the page layout just doesn't work right at all. IE is how I want it to look... but its completely different in firefox. the map I want to locate next to the ISO logo, but for now I am leaving it at the bottom because I just don't know how come it is over the RFQ form in firefox... but if I can at least get them looking kind of the same I'd be happy. Interesting, in Firefox... the grid in the content div is only like one line width wide, instead of behind all of the blocka-blockd boxes like it shows in IE. Oh and... my css validates, I have one non validating statement on the xhtml (nohref=nohref) does anyone know how to get that to validate? It sure makes life easy... Hate to take it out. Anyhow, I'm plugging along... some of you may have seen this before and without all your help, I surely would not have gotten this far. Thanks for listening. I just keep on truckin here... -- Laura mailto:[EMAIL PROTECTED] http://google-fu.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] is there hope!! newbie trying hard to get it working!
hi everyone.. y'all have been so great and I really appreciate all the input. With your suggestions combined into this http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp_nov/index4.htm (looks good in IE6, missing middle white grid background in firefox, and not sure how it looks in other browsers) I modified the footer to include a table in this version of the same program. Again in IE6 it looks great, in firefox, wow, the whole middle structure is gone, block C is flush left and the white background with blue lines is gone. http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp_nov/index8.htm I'm really not sure how to go about changing this to work. I also need to add a form on the left nav bar and place a iso9001 graphic under that inquiry form (currently commented out), but not sure how to go about that. Anytime I do anything to the document, it seems to break something else. I know this is possible, but it seems like there's something missing each time I try something. Any ideas are gratefully appreciated. I thank everyone for looking. -- Laura mailto:[EMAIL PROTECTED] http://google-fu.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] newbie: weird IE warning when using my CSS compliant page
hi, I'm getting this message with my page that reads: to help protect your security, Internet Explorer has restricted this file from showing active content that could access your computer. Click here for options... the options are allow blocked content or what's the risk. Why would I be getting this when using CSS? http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp_nov/index4.htm Running XP sp2 and IE 6. current version, and running it from my local machine. I don't seem to get the message when its run from the web? but not entirely sure about that. Thanks!! -- Laura mailto:[EMAIL PROTECTED] http://google-fu.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] newbie! - footer not working!
I can't figure out what I'm doing wrong here. I had this working on my prior version http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp_nov/index4.htm Now I've tried to make 4 divs in the middle so I can put different content in there.. and now the footer is not following my footer style, the image in the footer which should be placed on the far left bottom corner of the footing, is above it, and the footer is being swallowed up by the content div. here's what I have now: http://http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp_nov/index5.htm does anyone know what the heck I've done wrong. I had an id: ISO which I was trying to use to place that graphic in my footer.. but I took the DIV out in an attempt to see what it would do and now I just don't know what to do! Thanks a million jillion quadrillion!! :) Laura Lee mailto:[EMAIL PROTECTED] http://google-fu.blogspot.com -- Laura mailto:[EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] newbie - problem with CSS bullets not going away and others
hello, I found this list while googling trying to figure out this problem. I'm using a sample script from http://css.maxdesign.com.au/listutorial/roll_master.htm and for some reason, even if I copy the exact code in my file, it puts bullets next to the list item entries even though the CSS (list-style-type: none) says NOT to put the bullets.. I have posted my code at http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp_nov/index4.htm I have spent hours and hours trying to figure it out... yes I am new to CSS, its a school project, but not new to HTML or coding. I'm not sure if anyone here would know the answer, but if you do, I would be forever grateful. Thanks for listening. -- Laura http://google-fu.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Float:right crashes IE; alternative screws up absolute positioning
Hello again -- Fixed a few of my problems, now I have two more. I had a nice little setup, two columns, one float:left, the other float:right. No margins, no padding, no nothing (as mentioned in this post about IE crashing with floats: http://archivist.incutio.com/viewlist/css-discuss/61022). For the most part (searching Google for ie crash float) the solution was to remove the float and build the page with an alternative style sheet. Ok, so I just float:left the left column, and instead of floating right the other column, just margin-left:300px -- works great. Well, sort of. My error display, which is absolutely positioned, works fine in FF, but fails miserably in IE. Any suggestions? URL w errors: http://dev.762wireless.com/txt/?go=1 CSS: http://dev.762wireless.com/static/new7.css http://dev.762wireless.com/static/new7-txt.css Thanks -laura __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Re: Float:right crashes IE; alternative screws up absolute positioning
On 10/6/05, Laura Kisailus [EMAIL PROTECTED] wrote: I had a nice little setup, two columns, one float:left, the other float:right. No margins, no padding, no nothing (as mentioned in this post about IE crashing with floats: http://archivist.incutio.com/viewlist/css-discuss/61022). For the most part (searching Google for ie crash float) the solution was to remove the float and build the page with an alternative style sheet. Ok, so I just float:left the left column, and instead of floating right the other column, just margin-left:300px -- works great. Well, sort of. My error display, which is absolutely positioned, works fine in FF, but fails miserably in IE. I figured out what the problem was. I was float:left; something within the float:right and it didn't do anything nor make sense. Why IE crashed? I dunno. But anyone else having problems with CSS Floats crashing IE 6 -- find your floats, delete one at a time, and go through them all until you find 2 or 3 floats that get IE working again. Then figure out which one(s) can go, and dump them. This fixed my other problem too, since my two columns are still float:left and float:right. Are people on the list actually getting my emails? Or are they just to simplistic to respond to? Not that I feel entitled to a reply, but I've posted twice now and neither have been responded to, which is kind of strange. -laura __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Strange Javascript styling error?!?
On a certain div, I have an onmouseover and onmouseout that expands and contracts a div. It works great on 4 different pages, except in IE on one page. Steps to recreate: http://dev.762wireless.com/frt/?page=2 Hit Finish Error Displays Mouse-Over the Terms Conditions scroll box The frtmainbody freaks out and shrinks to the same size the scrollbox should upon mouseout. XHTML is OK, CSS seems to be ok. Works fine in Mozilla, works fine in IE on page=1... I'm boggled. -laura __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Strange Javascript styling error?!?
On a certain div, I have an onmouseover and onmouseout that expands and contracts a div. It works great on 4 different pages, except in IE on one page. Steps to recreate: http://dev.762wireless.com/frt/?page=2 Hit Finish Error Displays Mouse-Over the Terms Conditions scroll box The frtmainbody freaks out and shrinks to the same size the scrollbox should upon mouseout. XHTML is OK, CSS seems to be ok. Works fine in Mozilla, works fine in IE on page=1... I'm boggled. -laura __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Re: Online course to learn CSS
I took some cascading style sheets classes in 2002 though the International Webmasters Association/HTML Writers Guild. The first class started with the basics and the second one taught how to do real things. The last one, an advanced course taught by Eric A. Meyer, was very challenging and demanding. The course had quite a bit of CSS theory as well as practice that helped me to understand why browsers behave as they do, what should be happening, and how to try to turn things to an advantage. Topics explored included: how selectors really work, why the cascade and specificity can turn your hair gray, techniques to overcome strangeness in line layout, media-specific and alternate styles, how DOCTYPE switching can make styling easier or harder, and a few ways to sneak past browser bugs without upsetting others. I'm not sure who is currently teaching CSS at the International Webmasters Association/HTML Writers Guild and what is covered now but you could check it out at: http://iwa-hwg.eclasses.org/ Also the Web Design Reference is a huge mega-reference (over 3,000 links) of information and articles about web design and development. It has a full section of online CSS resources (plus accessibility, usability, web standards, and many related topics are covered). The Web Design Reference URL is: http://www.d.umn.edu/goto/webdesign/ CSS Section: http://www.d.umn.edu/goto/css CSS Books: http://www.d.umn.edu/goto/books#css You might also find the Web Design Update Newsletter helpful. The URL is: http://www.d.umn.edu/goto/webdevlist The newsletter is a plain text email digest that typically goes out once a week as an adjunct to the site. All the Best, Laura ___ Laura L. Carlson Information Technology Systems and Services University of Minnesota Duluth Duluth, MN 55812-3009 http://www.d.umn.edu/goto/webdesign/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] stylesheets won't apply
Hi. I'm a high school teacher in California who has been put in charge of the Web pages at my site because I am a computer lab teacher. I've used DreamWeaver and FrontPage, but I would like to convert all the pages to CSS since our school site is clunky and slow and I'm tired of hearing all the complaints! This is my first time asking a question. I discovered CSS during a workshop run by Molly Holzschlag last winter. I'm also working through Eric Meyer's book -- On CSS. I like using CSS but I have run into a snag. Maybe you could help? I have attached an external stylesheet to HTML pages which are all saved in the same folder. When I preview the pages on the Web (Explorer or Netscape), the first page I view has the styles applied. (colors, positions, fonts, etc.) But when I link to another page within the site, the style sheet no longer applies, all I see is the plain HTML. I have attached the stylesheet: link href=/dghome6.css rel=stylesheet type=text/css to every page. Has this happened to anyone else? Will the stylesheets apply when the pages are uploaded to a server? Thanks! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] newbie to css - using css with include file
Hello, I am a newbie to css. I have a template - template_body.htm This template is linked to a cascading style sheet (style_new.css) through the code link rel=stylesheet type=text/css href=http://prairies/style_new.css; - This template also has an inlclude statement to a header file (clf_header .asp) - !--#include virtual=clf_header.asp-- When I preview the template in the browser - the header file is not showing up correctly. There are links in the header file, but I do not want them to follow the cascading style sheet rules for links - is there a way to do this? Is it possible to exclude the header file from the cascading style sheet rules? Any help would be greatly appreciated! ~Laura - Start your day with Yahoo! - make it your home page __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/