[css-d] Position cities on map -- css only

I made two maps using CSS to position cities on a map http://justaddwater.dk/2007/12/21/map-with-positions-in-css/ There is an IE6 bug in the lower example. Do you have any idea on what's going on? Also, do you know of any best practices on how to make these list so that they're as browser

Re: [css-d] Centering a div with an image

Jan Erik Moström [EMAIL PROTECTED] 07-12-20 23.09 What I've done is this: div id=singlephoto div id=photobackground img src=foto5/2007/2007-05-10_fritids/2007-05-10_09-46-46_549.jpg alt= width=800 height=535 / h1Någon rubrik/h1 p Här kommer nu själva beskrivningen /p /div /div Of course there

Re: [css-d] Position cities on map -- css only

Jesper Rønn-Jensen wrote: I made two maps using CSS to position cities on a map http://justaddwater.dk/2007/12/21/map-with-positions-in-css/ There is an IE6 bug in the lower example. Do you have any idea on what's going on? Isn't this a guillotine?

Re: [css-d] Centering a div with an image

Jan Erik Moström wrote: Of course there is one solution that seems to work fine: table trtd div id=jem-photobackground [...] But I'm not sure if this is a good solution. It was ... 10 years ago :-) Wrapping elements in tables to achieve a shrink to fit effect, is definitely not a good

[css-d] Clients new site built in tables

Hi everyone - this is a topic for discussion and I need some advice before I put my foot in it. One of my clients has recently done a new website http:// www.mcdermotthomes.co.uk I was responsible for supplying a few design concepts, mainly variations on a three column design with the

[css-d] IE Windows is playing tricks on me!

patrick mattison wrote: I'm having problems with IE Win rendering my page. Can anyone offer me a clue??? The whole content section gets bumped below the menu, so i tried adding a style sheet for IE and added: #content {margin-left: 0;} that brought it up to where it's supposed to be

Re: [css-d] Centering a div with an image

Gunlaug Sørtun [EMAIL PROTECTED] 07-12-21 11.08 It was ... 10 years ago :-) I was afraid of that :D Try a suitable shrink to fit block formatting... http://www.w3.org/TR/CSS21/visuren.html#block-formatting ...directly on the #jem-photobackground instead, and set those margins directly on the

Re: [css-d] Centering a div with an image

Jan Erik Moström wrote: Gunlaug Sørtun [EMAIL PROTECTED] 07-12-21 11.08 Try a suitable shrink to fit block formatting... http://www.w3.org/TR/CSS21/visuren.html#block-formatting ...directly on the #jem-photobackground instead, and set those margins directly on the same as 'margin: 0 auto'.

Re: [css-d] Centering a div with an image

Gunlaug Sørtun [EMAIL PROTECTED] 07-12-21 14.03 Not being able to turn W3C's descriptions into something useful, has nothing whatsoever to do with stupidity on your side :-) The various IE/win teams have had since 1998 to do that, and still haven't got it right. Maybe in IE8 - now that they've

[css-d] [ADMIN - OFF TOPIC] Re: Clients new site built in tables

So here's the problem, my client is an agency that uses me for design work and I think they've wrongly invested their clients money on a table based site, when it should be all css. Anyone had a similar problem? This is off topic since it isn't a question about the nuts and bolts of actually

[css-d] external html content in popup on mouseover

I would like to create an effect where, when the user moves their mouse over a certain object in the current webpage, a popup opens which displays some variable content, e.g. a URL, and the popup automatically closes when they move the mouse off the object. I think I can code this (rather crudely)

Re: [css-d] How to contain floats without structural markup

David Hucklesby wrote: Thierry responded: Speaking for myself, I care for CSS validation, in the way I care to spell check my documents. But I don't regard either check as the final arbiter of what goes into the a document. If I write about the Sheraton Centre in New York, for example,

[css-d] Vertical centring div in another div

http://cwm.annerykiln.co.uk/facilities.html Right hand side quotation. #rightbar{ position:absolute; top:0; right:0; width:202px; height:462px; background:#fff url('/grafix/right-bar-bgd.jpg') 0 0 no-repeat; } #pullquote{ position:absolute; top:160px; right:30px; width:150px;

Re: [css-d] How to contain floats without structural markup

Alan Gresley wrote: What my concern is that other CSS user may copy parts of this, potentially morphing itself around the various mailing list and forums and result in new user of CSS who use these hack not understanding what is going on in there page when they may have some invalid

[css-d] Fwd: How to contain floats without structural markup

-- Forwarded message -- From: Gabriele Romanato [EMAIL PROTECTED] Date: 21-dic-2007 19.16 Subject: Re: [css-d] How to contain floats without structural markup To: David Hucklesby [EMAIL PROTECTED] I think that when people spend some hours on studying a parser source code, they

Re: [css-d] How to contain floats without structural markup

On Fri, 21 Dec 2007 08:21:32 -0700, Alan Gresley wrote: (Re: the use of invalid CSS) What my concern is that other CSS user may copy parts of this, potentially morphing itself around the various mailing list and forums and result in new user of CSS who use these hack not understanding what

Re: [css-d] Vertical centring div in another div

#pullquote{ position:absolute; margin: auto 30px auto 0px; width:150px; background:transparent url('/grafix/quote-open.gif') 0 0 no-repeat; } Thanks Jake - good idea but I had tried that - doesn't in f act work. Cheers -- Marten Gallagher annerykiln.co.uk Web Design and Management

[css-d] Peekaboo bug - in Firefox??

Have a look at this page: http://srchc.ca/?q=node/80 The #wallpaper-inner div (blue area above the first large photo) contains, among other things, 15 divs creating the individual lines of light-blue text behind the Chinese Programs header. (We call this the wallpaper.) These 15 divs are

Re: [css-d] Vertical centring div in another div CRACKED IT

I'm not sure if this would work with your postion:absolute on #rightbar but here's my suggestion (I can't test this due to lack of time so it may require modifications): Cracked it... Make the outer display as a table Overflow to hide anything too big Add a div to be a pretend table cell,

[css-d] IE Windows is playing tricks on me!

Thanks Alan! that cleared it up kind of, but now i'm getting a small gap next to the content graphic. It looks as if the background-image: url(Images/content_bg_01.gif); is being cut off on the left side. my initial reaction would be to give it a width but then we go back to the first

Re: [css-d] external html content in popup on mouseover

Trevor Nicholls wrote: I would like to create an effect where, when the user moves their mouse over a certain object in the current webpage, a popup opens which displays some variable content, e.g. a URL, and the popup automatically closes when they move the mouse off the object. I think I can

[css-d] Need help with page columns on FF

url - http://projects.missioninternet.com/proweb/index.php css - http://projects.missioninternet.com/proweb/css/proweb.css How can I get FF to display this page like IE? For illustration purposes I have a grey border around each div class I call infoSection and red borders around each

[css-d] Background image, :hover state, javascript and cross-browser question

I know FF supports background images and the hover state on elements other than a tags. And that way we can make buttons without having to use JavaScript. What about IE7 and IE6? I think IE7 does as well but what about IE6? If not? does that mean that if I want to have a button that changes

Re: [css-d] Need help with page columns on FF - solved

Big Moxy wrote: I solved my own problem by adding overflow:hidden to the infoSection class. url - http://projects.missioninternet.com/proweb/index.php css - http://projects.missioninternet.com/proweb/css/proweb.css Getting a page to /look/ the same cross-browser is relatively easy.

[css-d] IE/Win has layout problem

Thanks Alan! that cleared it up kind of, but now i'm getting a small gap next to the content graphic. It looks as if the background-image: url(Images/content_bg_01.gif); is being cut off on the left side. my initial reaction would be to give it a width but then we go back to the first

[css-d] Layout Overflow issue

Hi, I''m working on a design for a photo blog, and stumbled upon an overflow issue for which I can't find the cause. I copied all relevant code to a test file: URL: http://test.intellit.nl/test.html As you can see there is overflow for the X and Y axis, but I only expect the Y axis to be

Re: [css-d] Layout Overflow issue

On Dec 22, 2007, at 9:43 AM, Jeroen wrote: I''m working on a design for a photo blog, and stumbled upon an overflow issue for which I can't find the cause. I copied all relevant code to a test file: URL: http://test.intellit.nl/test.html As you can see there is overflow for the X and Y

Re: [css-d] Layout Overflow issue

Jeroen wrote: http://test.intellit.nl/test.html As you can see there is overflow for the X and Y axis, but I only expect the Y axis to be overflowing. What is causing this behavior? And how can I fix this? I suppose it has to do with box model which I probably interpret incorrectly?

[css-d] need help on vertical alignement

Hi all, I need help for those two divs details and body in my container, they don't have the same height and I would like them to have the same height. Any way to do this with css? here is the page: http://p80.free.fr/testy/dropdown/test.html thanks in advance Pat

Re: [css-d] Layout Overflow issue

Philippe Wittenbergh wrote: ... You can safely drop the '-moz-opacity'. Gecko browsers support the 'opacity' property since at least Firefox 1.0, if not earlier. Nice side note. Is it common consent to drop workarounds for Fx pre 0.9? :)