Re: [css-d] Theoretical Media Query question

Add a little more efficiency into that second option and you've got the method I use: In a sass partial that you'll import into your main scss file - build your mixin(s): $min-bp-large: 747px; @mixin bp-large { @media only screen and (min-width: $min-bp-large) { @content; } } The

Re: [css-d] Page Scales when Browser Scrolls (IE Only)

Note that IE <9 won't play nice with your HTML5 sectional elements (header, nav, section, footer) without a polyfill (which you don't have in that page you linked). http://en.wikipedia.org/wiki/Polyfill http://modernizr.com/ (html5shiv) On Fri, Mar 7, 2014 at 11:12 AM, Crest Christopher < crestc

Re: [css-d] h1 vertical jump

On 2/10/2011 2:24 PM, David Laakso wrote: On this page: the word "Journal" [h1] will sometimes jump-- click to and from "Previous Page" "Next Page" to see it. css line numbers 50 through 59:

Re: [css-d] Styling Image Links

On 1/14/2011 9:13 AM, Gates, Jeff wrote: On 1/14/11 10:07 AM, "Jukka K. Korpela" wrote: The clean approach is to use selectors that are more specific than those in rules that are to be overridden. E.g. #right a.download-file:link { border-bottom: none; } On 1/14/11 10:11 AM, "Germán Martínez"

Re: [css-d] help with button position in Safari

Just tried Chetan's fix - worked when I tried it on Safari 5 Win7. It's worth noting that the rule Chetan provided requires the strong selector he wrote -- make sure when you try it out that your selector is at least as strong. Shawn On 12/7/2010 1:40 PM, Debbie Campbell wrote: Well... I tr

Re: [css-d] Element is little bigger than inner

Yu-Hsuan, The extra space you're describing is likely the content space reserved in a inline element for typeface descenders (the bits of letters like 'y' and 'g' that dangle). An inline image I think is by default vertically aligned to the baseline of the inline content space (which is the

Re: [css-d] selected link colour problem

Lisa, Your selector: #sidemainmenu a:visited is stronger than: #sidemainmenu .currentpage You could bump the strength of your .currentpage selector like so (there are other ways as well): #sidemainmenu a.currentpage Cheers, Shawn On 11/10/2010 7:53 AM, Lisa Frost wrote: Ok, this has me com

Re: [css-d] div id="nav" VS. nav

Try adding: display:block; to your nav rule. Also-- The tags and aren't CSS, they're HTML (in this case, HTML5). Shawn On 10/18/2010 10:37 AM, Rory Bernstein wrote: Hello All, I have this web page: http://weinraub.ehclients.com/home/ I am trying to use some CSS3 elements here. I have a d

Re: [css-d] Gap in IE7

've been on this list for enough years to know to validate my code > before ever posting a question here! > > As for the doctype, I think the President is going to host a debate at Blair > House real soon > > > Skip Knox > Boise State University > >

Re: [css-d] Gap in IE7

On 2/26/2010 9:51 AM, Skip Knox wrote: > > While a suggested fix is welcome, I'd also like to know what the issue is. I > would have researched this myself but was unable for form a search string > that produced any useful results. Do yourself a couple of favors, Switch to a more widely suppor

Re: [css-d] Why does this work?

The solution is to make your image a block element and zero out it's margin/padding ( example: img {display:block;margin:0;padding:0;} ). I'm not sure why a line-break fixed it in IE, but with the above solution you won't need it. -- // Shawn Lawler Resea

Re: [css-d] instead of br clear?

on the block wrapping your floats. In your case, ditch the -- then add this to your stylesheet. #main {overflow:hidden;} You may need to trigger hasLayout for some IE versions. width:100% will do. -- // Shawn Lawler Research and Training Center on Community Living

Re: [css-d] trouble in IE8

ed to do the trick in the small test I ran. .sitenav ul { width:278px; overflow:hidden; list-style:none; margin:0; padding:0; } --------// Shawn Lawler Institute on Community Integration University of Minnesota _

Re: [css-d] Amazing CSS

d please ;-) > > I think this what you're looking for mate: http://www.scottjehl.com/v7/index.php/process/html_text_drop_shadows -- // Shawn Lawler Institute on Community Integration University of Minnesota _

Re: [css-d] css list

d up your page and select the 'Tools' menu for a few validation options. -- ----// Shawn Lawler Institute on Community Integration University of Minnesota __ css-discuss [cs...@lists.css-discuss.org] ht

Re: [css-d] Before & after

Jørgen Farum Jensen wrote: > Various places I've seen these pseudo-elements > ::before and ::after. > What's the difference between these and > :before and :after? > ::before (CSS3) = :before(CSS2) http://www.w3.org/TR/2005/WD-css3-selectors-20051215/#gen-content --

Re: [css-d] Can CSS compare the href to the URL and if they match, highlight the href?

tching fragment identifiers to each of your menu links you could achieve your goal. I won't recommend it though; it feels like an abuse of the fragment identifier, and the focus of each page will initially be one of your menu items--an unusual (confusing) page behavior for both mouse and

Re: [css-d] Retrieving info from a contact form

your above question, try searching for "handling html form data" - that should get you rolling. > I understand that this is more of a code question than a css question, but I > could really use the help. It has nothing to do with css ;-D -- // Shawn Lawler Institu

Re: [css-d] HELP! Hover Image Not Centered in IE on 1024 width screen

+ padding = 612] on the div wrapping your full-sized-image-display-area (the first div with id="body") and delete [margin: 0 15px 0 15px;] and [left: 0px; top: 0px;]. From this: To this: <http://validator.w3.org/> That should get you centered in IE7. --

Re: [css-d] (no subject)

Brian Simmons wrote: > I am having trouble with my links on the page. I have a top menu and a side > menu. When you click on any link the whole system breaks down Yes indeed the clicks are trashing your layout, specifically a:visited is doing you in ;) In your stylesheet when you're declaring your

Re: [css-d] s get separed if abs positioned is inside them

Giuseppe Craparotta wrote: > This styles seem to imply that in IE6 and 7 a clear grey border appears > below the first 4 's, as you can see. It is actually the page > background, not a border part of my design. > In Firefox there's no grey between the boxes, which is the way it should > be. >

Re: [css-d] floats and IE

Cynthia Page wrote: > Whoops, I did want the jc page to line up the cover images horizontally > according to the width of the "content" div. As here > http://hoengerlab.colorado.edu/b3d/docs/jc.html. It looks like now they just > stack up one image above the other hortizonally > http://bio3d.c

Re: [css-d] floats and IE

Cynthia Page wrote: > They don't work (they don't stack up under themselves, they hide off to the > right of the page) in Windows/IE7. > > added width:auto; removed clear:right; #floatwrap { width:auto; overflow: hidden; margin: 10px; border: thin solid #FF6600; } Cheers an

Re: [css-d] Background image dropping in div when borders commented out

ksmode.org/css/backgroundposition.html Hope this helps, Shawn Lawler Ian Young wrote: > In this draft of site for client, put background image inside a div in order > to control for different resolutions. > > Two odd things. > > Despite having same position as when defined in bod

Re: [css-d] which one do i position?

Off the top of my head -- Assuming: 1. There are other lists on your page. [we'll identify the list you want postioned elements in] 2. You want your images positioned relative to your links. [we apply position:relative; to your image's parent element] 3. You want your images positioned in the s

Re: [css-d] font sizing

font-size / line-height http://www.w3schools.com/css/pr_font_font.asp Shawn what is the intent of the size calculation "62.5%/1.6em"? -nick __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org

Re: [css-d] left-margin diff between FF and IE

Add [padding-left:0;] to [#notizie ul] get rid of that extra left spacing in FF. /* It looks like you may eventually want to remove the list bullets as well. If that's the case, add [list-style:none;]. */ Put it all together and you have this: #notizie ul { margin: 0 0 0 8px; padding-

Re: [css-d] Question about ID vs Class

Here ya go mate: http://css-discuss.incutio.com/?page=ClassesVsIds You may want to visit the Wiki before posting a message to the list. It will likely save you some time ;) Shawn -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Anthony Papillion II Sent:

Re: [css-d] Universal reset of margins and padding: Which techniquedo you prefer?

>From the comments section of that article: #21 . Faruk Ateş . Sep 7, 2005 (16:18) Dean, If you click on a default, square button, it'll invert the bevel and move the text slightly to make it appear as if you've actually pushed it in, pushed it deeper. Using the * selector removes that fu

Re: [css-d] IE6 serve one page everything else another

Here's a quick 'n dirty possibility: You'll notice that I changed your markup a bit (it was screaming to be put into a list). Forgive me for pasting all this code here ;] Tested in: Windows(Firefox 1.5.0.3, IE 6, Netscape 7.1) body {font-family:Verdana, Arial, Helvetica, sans-serif;} /*Netsca

Re: [css-d] shifted div after ul in ie

I have a menu box which uses nested divs to do rounded corners. When I put plain text into the content area of these boxes, the div that is at the bottom looks fine, but if I put in a ul, it shifts to the left in IE. -- You're forgetting that each element has its own baggage (margins, pa

Re: [css-d] Ie extra padding

IE6 seems to be adding double padding to my 2 menu bars, but i can't seem to find which property it's inheriting it from. She looks right in firefox 1.5 on pc. (haven't tested for mac yet.) http://tinyurl.com/rhcjn Relevant css: #navbar { border: 1px solid #222; margin: 0; padding: 0; backg