[css-d] Mouse over map

Hi Guys I wanted to have a go at the technique used on this website but in css: http://www.barlowgirl.com/ I can't remember the phrase used to do it in css! Does anybody have links to tutorials please? Thanks -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you

Re: [css-d] Mouse over map

On 2/8/06, Richard Brown [EMAIL PROTECTED] wrote: Hi Guys I wanted to have a go at the technique used on this website but in css: http://www.barlowgirl.com/ I can't remember the phrase used to do it in css! Does anybody have links to tutorials please? sprites:

Re: [css-d] Border doesn't render in IE

Rowan Wigginton wrote: Hello, I have what seems like a very simple problem which only occurs in IE (I've tested with 6 7). I have an unordered list menu at the top right of this test page - http://www.rowanw.com/testcases/no_border_ie.htm. For the first link I've created a style that

Re: [css-d] Mouse over map

At 12:12 AM 2/8/2006, Richard Brown wrote: I wanted to have a go at the technique used on this website but in css: http://www.barlowgirl.com/ I can't remember the phrase used to do it in css! Does anybody have links to tutorials please? Stu Nicholls has a nifty demo of a CSS image map:

Re: [css-d] vertical stretch .. just can't get it - ALMOST GOT IT

the php code does a browser check and if IE it loads a very small additional CSS bit to fix IE This isn't a reliable way of doing things. Anybody can spoof the user agent HTTP header, and many people do. Opera, whose CSS standards compliance is much better than IE6, pretends to be IE by

Re: [css-d] XML and CSS

Hey Bob, Designer wrote: Interesting. I have recently been experimenting with the problem of presenting XHTML1.1 as application/xhtml+xml without blowing up IE, and I came across the excellent work outlined at : http://www.workingwith.me.uk/articles/scripting/mimetypes/ This uses PHP

[css-d] Bullet list / Image problem

Inventis MailHi, As you can see on http://www.inventis06.be/index.php?section=5, my bulleted list is too far to the left so it is displayed over (FireFox) or under (IE) the picture on the left. I can't do any margin on the ul or li, because otherwise my bullets will change throughout the whole

[css-d] Negative margin in floated ancestor in IE

Site: http://www.zekes.co.nz * Problem: The Level 2 heading with the brown background has a -40px left margin, but is being truncated in MSIE. I suspect that this is because t is a child of a floated element. Is there any workaround for this? * doesn't validate - that's 'cos the navigation

Re: [css-d] Bullet list / Image problem

Maarten Reynders wrote: As you can see on http://www.inventis06.be/index.php?section=5, my bulleted list is too far to the left so it is displayed over (FireFox) or under (IE) the picture on the left. I can't do any margin on the ul or li, because otherwise my bullets will change throughout

[css-d] Mid-Pass filter - any problems expected with IE7?

Hi all, I use the Mid Pass filter[1] from Tantek Celik to supply IE5 Win specific styles to that browser: @media tty { i{content:\;/* */}} @import 'ie5.css'; /*;} }/* */ According to Celik, this should be safe for standards compliant browsers, provided they do not render to the 'TTY' medium

Re: [css-d] Negative margin in floated ancestor in IE

Richard Grevers wrote: Site: http://www.zekes.co.nz * Problem: The Level 2 heading with the brown background has a -40px left margin, but is being truncated in MSIE. I suspect that this is because t is a child of a floated element. Is there any workaround for this? Add a couple of IE/win

[css-d] Why does this site break in Firefox?

Hi, Ok, I realize there's probably quite a few reasons why this doesn't work correctly in Firefox but primarily I'm interested in the footer not automatically changing vertically depending on the content of the page, and also the top blue nav extends too far right in FF. Any ideas?

[css-d] align

Inventis MailA collegue of mine has following problem: Ticture and text alignment at the right top content is correct for FireFox and Internet Explorer, but doesn't work properly in for Internet Explorer on Mac. When you look at this page, the pages text is being placed below the image

[css-d] CSS Tab Menu Issue Page Shifting Issue

CSS Experts, First of all, I want to position the navigation bar on the right. (i.e. Float Right) so I wrapped the nav div in a container named navcontainer to facilitate this. The navigation was working perfectly fine yesterday well positioned on top of the image right below it but for the

Re: [css-d] XML and CSS

Marcel Fahle wrote: The standard [1] says, that XHTML Documents may be served as text/html for compatibility issues as long as it follows the guidelines in Appendix C [2]. If you're talking about XHTML 1.0, this is correct. If you're talking about XHTML 1.1, this is not correct. But none

Re: [css-d] Bullet list / Image problem

From: Maarten Reynders [EMAIL PROTECTED] As you can see on http://www.inventis06.be/index.php?section=5, my bulleted list is too far to the left so it is displayed over (FireFox) or under (IE) the picture on the left. I can't do any margin on the ul or li, because otherwise my bullets will

Re: [css-d] z-index? content menu hiding behind header

thanks so much for sticking with me francky; i really appreciate it. the reason the css is hopelessly complex is that different parts of it get pulled into different pages depending on what theme and what layout is chosen. it's as simple as i know how to make it given what i need it to do. On

Re: [css-d] right button panel

Kike Estellés wrote: I've seen in www.csszengarden.com an effect that I can't reproduce. In this website, when you make smaller the window, it gets a point where the rigth button panel stops and the horizontal scroll bar appears. I tried to reproduce it: - using the minimun size of the

Re: [css-d] Site Check: www.girlscantwhat.com

[EMAIL PROTECTED] wrote: Site: http://www.girlscantwhat.com CSS: http://www.girlscantwhat.com/css/gcwcss.css Gretchen, With regard to readability and breaking on zoom: Work in FF: Set the font- size on html to 100%; and 1em on the body; Set the main content p to 1em. Add a ruleset:

Re: [css-d] Site Check: www.girlscantwhat.com

Georg wrote: [EMAIL PROTECTED] wrote: I would appreciate some feedback on how everything looks at this stage. http://www.girlscantwhat.com A couple of remarks... You should test out the stability of your layout when font-resizing is applied in browsers. A bit weak in all, I

Re: [css-d] Site Check: www.girlscantwhat.com

http://www.girlscantwhat.com I can confirm the browser crashing Georg experienced using IE6 on Win2K. I'll take a look in Firefox. I experienced this problem on my own site and ultimately it had to do with the IE repeating characters bug attempting to repeat an empty div on font

Re: [css-d] mysterious gaps in FF/IE/Opera

Gunlaug Sørtun wrote: Mike Soultanian wrote: I am having some trouble trying to figure out where some gaps are coming from. If you look at the following page in FF/IE/Opera, you'll notice that there's a gap between each of the letters in the big THE ARTS graphics with the purple

[css-d] n00b font question

In the shorthand style font: font: 100%/120% Verdana, Arial, Helvetica, sans-serif; What does the /120% represent? I'm guessing font-size-adjustment, but I can't seem to find anything via google confirming or dispelling that guess. -- Marc Luzietti Flagship Project Bayview Financial, L.P.

Re: [css-d] n00b font question

[EMAIL PROTECTED] wrote: In the shorthand style font: font: 100%/120% Verdana, Arial, Helvetica, sans-serif; What does the /120% represent? Line-height: http://www.w3.org/TR/REC-CSS2/fonts.html#font-shorthand -Adam __

[css-d] Does css width property apply to TD elements?

Is this a valid method of creating columns of a fixed size of 37px in IE6 or am I doing something wrong? What if I applied this class to a col element instead? Or do TD element widths have to be applied directly in HTML as an attribute to td instead of in CSS? CSS: .UnitsC { Width:37px; } HTML:

Re: [css-d] n00b font question

In the shorthand style font: font: 100%/120% Verdana, Arial, Helvetica, sans-serif; What does the /120% represent? In this declaration, 100% will be your font size and 120% will be your line-height. -brian __

Re: [css-d] n00b font question

At 08:38 AM 2/8/2006, [EMAIL PROTECTED] wrote: In the shorthand style font: font: 100%/120% Verdana, Arial, Helvetica, sans-serif; What does the /120% represent? I'm guessing font-size-adjustment, but I can't seem to find anything via google confirming or dispelling that guess.

[css-d] Fwd: Does css width property apply to TD elements?

Sorry. Didn't notice that I had to add css-d to the To: field myself... -- Forwarded message -- From: BigSmoke [EMAIL PROTECTED] Date: Feb 8, 2006 6:05 PM Subject: Re: [css-d] Does css width property apply to TD elements? To: James Conley [EMAIL PROTECTED] On 2/8/06, James

Re: [css-d] n00b font question

[EMAIL PROTECTED] wrote: In the shorthand style font: font: 100%/120% Verdana, Arial, Helvetica, sans-serif; What does the /120% represent? I'm guessing font-size-adjustment, but I can't seem to find anything via google confirming or dispelling that guess. As others have pointed

Re: [css-d] n00b font question

[EMAIL PROTECTED] wrote: In the shorthand style font: font: 100%/120% Verdana, Arial, Helvetica, sans-serif; What does the /120% represent? I'm guessing font-size-adjustment, but I can't seem to find anything via google confirming or dispelling that guess. As 47 people have already

Re: [css-d] mysterious gaps in FF/IE/Opera

David Laakso wrote: Typography is about readability, not about being cool. Or is it? The typographical side of it - whether it's about being cool or not, may be solved in a number of ways. Letter-spacing in a text-element, or margins in a float-construct, will achieve the same - visually. These

Re: [css-d] mysterious gaps in FF/IE/Opera

Gunlaug Sørtun wrote: David Laakso wrote: Typography is about readability, not about being cool. Or is it? OTOH: if the image line-up is created by using _one_ image, with an overlay and some trickery for those pop-ups, then one might get something out of it that'll look

[css-d] OT - links to images, etc in CSS files

Hi, Sorry that this is off topic but thought it would probably be the best place to ask... I'm writing a parser that reads in a stylesheet and then lists all assosciated files that are referenced within the stylesheet, e.g. images, sound files, etc - NOT imported CSS files for the time being.

Re: [css-d] OT - links to images, etc in CSS files

On 2/8/06, Julian Voelcker [EMAIL PROTECTED] wrote: Hi, Sorry that this is off topic but thought it would probably be the best place to ask... I'm writing a parser that reads in a stylesheet and then lists all assosciated files that are referenced within the stylesheet, e.g. images, sound

[css-d] unwanted bottom margin caused by float-clearers

Hello, I want to split a footer DIV into left and right halves, so I'm using two floated DIVs inside it. Of course that means I need to clear it somehow. I've tried both the PIE clearfix method and the clearer-DIV method, and these have always worked for me. But now I've got a layout where I

Re: [css-d] Site Check: www.girlscantwhat.com

*The purple bricks do not line up with the blue bricks in IE and they scroll... If it can be fixed, let me know and I'll fix it. IE doesn't support fixed positioning. You can find a ready to use javascript fix at http://www.doxdesk.com/software/js/fixed.html Brian Funk Hall's Haven

[css-d] col jumping to bottom

hello previously i had this problem and someone suggested having an exact pixel amount on the main outer div. for one of my sites this works, but on this site is not working. i am baffled. my client (on pc) says the right col is jumping to the bottom of the page. can someone check this

[css-d] a better way?

I am having issues figuring out how to place a list of images in this page while still maintaining the min-height hack. http://tct2006.com/growing/ here is the details... I have a *div id=main* that has all of my content in it. The content is a blog and will vary in length from time to time. my

Re: [css-d] unwanted bottom margin caused by float-clearers

I want to split a footer DIV into left and right halves, so I'm using two floated DIVs inside it. Of course that means I need to clear it somehow. snip http://nodivisions.com/stuff/cssproblem/04/clearer-DIV.html The strange thing is, if you put a bottom-border on the body, it

Re: [css-d] unwanted bottom margin caused by float-clearers

Anthony DiSante wrote: http://nodivisions.com/stuff/cssproblem/04/clearfix.html http://nodivisions.com/stuff/cssproblem/04/clearer-DIV.html Any idea how I can achieve the float-clearing without getting that bottom margin? Add: #footer {display: table-cell;} ...and the footer will touch

Re: [css-d] Negative margin in floated ancestor in IE

On 2/9/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Richard Grevers wrote: Site: http://www.zekes.co.nz * Problem: The Level 2 heading with the brown background has a -40px left margin, but is being truncated in MSIE. I suspect that this is because t is a child of a floated element. Is

[css-d] Page check

Hi folks, first time posting to the list with a layout that I'd like to see reviewed: Page: http://www1.kenyon.edu/examples/content.html CSS: http://www1.kenyon.edu/examples/styles.css Here's the page in our current site that I was trying to imitate: http://www.kenyon.edu/x2132.xml We're

[css-d] background image visible in IE6, not Firefox or NE7

Roger, thanks for your help. I am trying to implement your suggestions. So far it only partly works, but I'm probably doing something wrong. See http://209.211.255.131/newsite/testfeb8.html and http://209.211.255.131/newsite/testfeb8.css (/testfeb6.html left on server as the earlier version

[css-d] site review pc

http://idealzone.net/adpromomextel/home.html thanks. rush. __ 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 --

Re: [css-d] mysterious gaps in FF/IE/Opera

'theater' for me, and will do so even more when the letters are tighter. I'd think more about leaving it the way it is, and increasing the word-spacing slightly. Typography is about readability, not about being cool. Or is it? ~davidLaakso Hey David, While I completely understand your

Re: [css-d] Page check

Rebecca Mazur wrote: Hi folks, first time posting to the list with a layout that I'd like to see reviewed: Page: http://www1.kenyon.edu/examples/content.html CSS: http://www1.kenyon.edu/examples/styles.css [...] ~Rebecca Linux Rebecca, 1/ short page shift at 1280 and up.

Re: [css-d] Site Check: www.girlscantwhat.com

*The purple bricks do not line up with the blue bricks in IE and they scroll... If it can be fixed, let me know and I'll fix it. Sure, just don't put brick outlines in your purple overlay and make your overlay transparent. That way the bricks will show through. Here's an example:

Re: [css-d] site review pc

rashantha de silva wrote: http://idealzone.net/adpromomextel/home.html thanks. rush. Rush, You could easily accomplish a similar layout without tables and all the br / tags. There are many CSS layouts to select from on the List Wiki: http://css-discuss.incutio.com/ This is a good site

Re: [css-d] OT - links to images, etc in CSS files

Hi BigSmoke, I believe you can safely assume that every URL appears within url() See http://www.w3.org/TR/REC-CSS2/syndata.html#uri for more information on URLs within CSS. Thanks, that should make life a bit easier. -- Cheers, Julian Voelcker Cirencester, United Kingdom

Re: [css-d] Site Check: www.girlscantwhat.com

Brian Funk wrote: *The purple bricks do not line up with the blue bricks in IE and they scroll... If it can be fixed, let me know and I'll fix it. IE doesn't support fixed positioning. You can find a ready to use javascript fix at http://www.doxdesk.com/software/js/fixed.html Hi

[css-d] CSS dynamic width button

Does anyone know how you could create a button (with graphical edges) in css that could dynamically change width depending on the text inside the button? So: IMG TEXT IMG I tried making a div that contained the text and the 2 other divs located at -x pixels right and left ... and although it

[css-d] GUI-based CSS generation tool

Does anyone know of a good CSS generation tool? I'm specifically looking for a wysiwyg generator. Thanks, Eric __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub --

Re: [css-d] GUI-based CSS generation tool

Eric Buitenhuis wrote: Does anyone know of a good CSS generation tool? I'm specifically looking for a wysiwyg generator. Thanks, Eric Eric, The css-d list wiki knows all: http://css-discuss.incutio.com/?page=CssEditors ~davidLaakso

Re: [css-d] unwanted bottom margin caused by float-clearers

On Feb 9, 2006, at 5:24 am, Gunlaug Sørtun wrote: Anthony DiSante wrote: http://nodivisions.com/stuff/cssproblem/04/clearfix.html http://nodivisions.com/stuff/cssproblem/04/clearer-DIV.html Any idea how I can achieve the float-clearing without getting that bottom margin? Add: #footer

Re: [css-d] unwanted bottom margin caused by float-clearers

Philippe Wittenbergh wrote: Actually, if you care about Safari, it would be better to use {display:table}. With {display:table-cell}, the footer jumps to the top of the page in Safari. That /is/ a bug in Safari. How's the latest safari with a third alternative I tested: {overflow:

Re: [css-d] unwanted bottom margin caused by float-clearers

On Feb 9, 2006, at 12:20 pm, Gunlaug Sørtun wrote: Philippe Wittenbergh wrote: Actually, if you care about Safari, it would be better to use {display:table}. With {display:table-cell}, the footer jumps to the top of the page in Safari. That /is/ a bug in Safari. How's the latest

Re: [css-d] Why does this site break in Firefox?

Eoin, On Feb 8, 2006, at 6:58 AM, Eoin Maguire wrote: Ok, I realize there's probably quite a few reasons why this doesn't work correctly in Firefox but primarily I'm interested in the footer not automatically changing vertically depending on the content of the page, and also the top blue

[css-d] problems with 2-column layout positioning and borders

I have two different methods of trying to layout a page that has a header, footer, left column for navigation buttons (client insists on the image based buttons), and a main content column as seen on: http://www.asian-herbs.com/index.cfm The problem with the above is the left column is floated

[css-d] Vertical alignment within td, two separate blocks

Hi all, long time lurker, first time poster. I have a td in wich i need one block of text aligned to the top and the other to the bottom. I can set a vertical-align on the td, but this aligns both blocks ofcourse. Its probably not best practise to do what i'm trying, but right now i don't have

Re: [css-d] align

On Feb 8, 2006, at 8:04 AM, Maarten Reynders wrote: Ticture and text alignment at the right top content is correct for FireFox and Internet Explorer, but doesn't work properly in for Internet Explorer on Mac. When you look at this page, the pages text is being placed below the image

Re: [css-d] Newby struggling with unwanted border color in Firefox

Maxwell Balmain wrote: First post for me. I am new to CSS and quite impressed with the knowledge and help given through this list. I just posted a new site. Check outhttp://rubybluestudio.com/ gallery_intro.html This page looks fine in Safari and IE (Mac) but there are unwanted blue

Re: [css-d] Any tools to grab a page and CSS images?

Bill Moseley wrote: Know of any tools that will read the css files too? Opera Cordially, David -- David Hucklesby, on 2/8/2006 http://www.hucklesby.com/ -- __ css-discuss [EMAIL PROTECTED]

Re: [css-d] Drop shadow effect on Text with CSS

On Tue, 7 Feb 2006 17:18:23 -0500, Peach Lynda wrote: Am willing to have only IE users see the shadow effect: http://wwwdev.eglin.af.mil/faq.shtml Our users are primarily IE -- but .. I couldn't connect to your page, but there are different solutions to this, depending on the browser. I

[css-d] What's causing the offset of items in this form?

In this test I have two forms, each with text input field and submit button. In the top example the button is a standard type=submit, and the two items line up as I'd expect. In the bottom one I use a type=image button. What causes the vertical alignment offset in the bottom example?

Re: [css-d] Drop shadow effect on Text with CSS

David Hucklesby wrote: AFAIK - only Safari and Opera 9 support this alternative. Konqueror supports it as well (in this case, there ARE differences between Konqueror rendering and Safari rendering). And I imagine now that Gecko has builtin blurring capabilities (for implementing the SVG

[css-d] browser / viewport height problem

Hi I'm still cutting my teeth with CSS layouts, please excuse what may be a silly question.. The problem is, when the browser window is less than the height of the page the content seems to go out of the DIVs. In other words, the user scrolls down to see the content (that's ok) but the