Re: [css-d] White Block
Richard Brown wrote: I am trying to resolve some issues on http://lamasion.org.uk/. http://lamaison.org.uk fits the description, I assume it's the one (?) A developer has just finished building a cms driven online shop that is html and css styled. I have uploaded the site but have an issue with a white block sticking out of the right hand side of the site. Does anybody know how to correct this, please? To me it looks like that it's your #container div width which is calculated without remembering all paddings, borders and margins. #container {background: #FFF; float: left; margin-right: -200px; width: 774px; border: 5px double #fff;} regards Jesper Brunholm __ 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] Forgot Link for Div jumping in FF
Sorry, I forgot to put in the link for my earlier post - http://design.tmhdesign.com/meran/italy-golf-spa-e.asp Please look at this page. The div titled copyright jumps up mid-page when first loaded, but after a refresh it jumps to where it is supposed to be. I am not quite sure why that is, I looked in Firefox using the outline for the block elements but it just isn't clear to me what is going on. The overall layout is a modified version of a css template I located online. Thanks for any tips. Thomas M. Hall __ 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/
Re: [css-d] Forgot Link for Div jumping in FF
Thomas Hall wrote: http://design.tmhdesign.com/meran/italy-golf-spa-e.asp Please look at this page. The div titled copyright jumps up mid-page when first loaded, but after a refresh it jumps to where it is supposed to be. Looks like Firefox becomes confused by some mixed styling. So do I... We can't clear an absolute positioned element, so #copyright should either be positioned (without a 'clear') or left in the flow (with a clear). You have this 'mix': --- #copyright{ margin: 100px auto 10px 100px; padding:0; position:absolute; bottom:-92px; font-size:12px; text-align:center; width:600px; left:0; clear:both; } Which I would choose to write as this, 'in the flow': #copyright{ margin: 10px auto 10px 100px; font-size:12px; width:600px; clear:both; } ...if it's just the graphical layout in that page that's important. Note that all the absolute-positioned elements makes that page break in all browsers - when the slightest text-zoom is applied. The pixel-defined line-heights found here and there doesn't help much either. Either the template you've found, or your modifications of it - or both - is seriously flawed. regards Georg -- http://www.gunlaug.no __ 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/
Re: [css-d] White Block
Richard Brown wrote: Could you please tell me how I might fix the problem. I am presuming I should reduce the width by 10px? it looks like 10px, and that would fit the bill of 2x5px border, have you tried? :-) regards Jesper Brunholm __ 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/
Re: [css-d] In IE 6 my dropcap is not aligning correctly
I noticed on my home page of my personal web site (http://www.inspired-evolution.com) my drop cap (the large I in inspired) doesn't exactly fit in with the rest of the word in IE 6 (pc), that is it is too far to the right. In the browser I designed the site for (Mozilla for Mac), it looks good and is positioned how I want it. Any suggestions on a IE 6 hack without messing up the positioning on the good browsers? URL: http://www.inspired-evolution.com CSS:http://www.inspired-evolution.com/Gilbert.css I am wondering why you don't just style the cap with CSS or am I missing something here? That is one of the cool things CSS added - print like capital letters. Regards Moira -- Moira Ashleigh. M.A. Lead Designer SolsticeSun Design http://www.solsticesun.com [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] Problem with IE and background image
I am new on the list and need some help. I have placed a fixed background image on my Web site at: http://www.shamar.org/emet/. It works fine in Firefox but not IE. However, I have a fixed image on another place on the Web site http://www.shamar.org/ that works fine in both Firefox and IE. The style sheets are loaded here: for the site that doesn't work: http://www.shamar.org/style/news.css and for the site that does: http://www.shamar.org/style/core-style.css I am guessing it's something simple ... appreciate it. Lee __ 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] can't get images to align correctly within td's using CSS
hello, on my graphics page, I want the images to be centered within their table cells using CSS , but what I have tried isn't working. I can't seem to find the selector for the images. the URL is :http://www.inspired-evolution.com/Graphics.php and CSS is http://www.inspired-evolution.com/Gilbert.css the css in question is: table.thumbnails { padding-bottom:5em; margin-left:4em; padding:0; } table.thumbnails tr{ background-color:#f0f8ff; padding:0; margin:0; } table.thumbnails tr.caption{ background-color:#b0c4de; border:1px solid #66; color:#66; font-weight:bold; padding:0; margin-top:1em; } table.thumbnails td{ padding-bottom:1em; text-align:center; border:1px solid #333; } table.thumbnails img{ padding:0; margin:0; border:2px solid #66; } any assisatnce is greatly appreciative! -- ::Bruce:: __ 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/
Re: [css-d] can't get images to align correctly within td's using CSS
On 7/11/05, Bruce Gilbert [EMAIL PROTECTED] wrote: hello, on my graphics page, I want the images to be centered within their table cells using CSS , but what I have tried isn't working. I can't seem to find the selector for the images. ... any assisatnce is greatly appreciative! This is because of the higher specificity your images got this rule applied to them: #main_content img{ border:1px solid #333; margin-left:5em } you can fix it by adding #main_content in front of table.thumbnails img { Some tweaking on images/td padding may be required. Regards, Rimantas -- http://rimantas.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] Hey everyone
I'm new to the list. Just figured I'd say Hi. I'm between novice and moderate with using css and came across this list googling. Glad to find a place I can ask questions when I have problems. Sam -- in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 __ 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] Thanks
Hi all, first of all thanks to everyone who responded to my questions. I got 7 replies straight into my inbox telling me off for posting non-css questions, 3 suggesting I should read a book before posting questions, and 4 which told me to either use JavaScript, PHP, or server site includes. As I said at the outset I'm pretty much an absolute beginner. I'm currently working my way through How to do everything with HTML and XHTML, and I constantly encounter deprecated in HTML, use css instead. Stephen Laniel expressed it best: I think the problem is that it's not clear from the outset what CSS handles. It's certainly not clear that CSS fails to handle boilerplate text. From the reaction to my question it is clear that my inability to find a solution is not due to me not finding it in the book or on the css sites, but that it is simply NOT possible to do EVERYTHING with HTML css (I feel kind of cheated by the book but then I got it from the library and didn't shell out money for it so that's probably ok). Thanks to the people sending suggestions on how I could do it - however JavaScript seems to be a security hole (many people I know - including me - have JavaScript disabled in their browser), PHP is Chinese to me, and I couldn't even begin to voice an opinion on server site includes. On a side note I also dabble in REALbasic. The developers of REALbasic and even the CEO answer questions on the newsgroup mailing lists posted by beginners and advanced people alike. I really appreciate their constructive tone and making everyone feel welcome, no matter how dumb their question might be. Markus __ 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] IE css positioning woes
I've been working on a site for a week now, trying to get positioning looking good. The site is www.mapienet.biz/newmag/index.php. The positioning looks great in firefox, but in IE it broke horribly. I added a bunch of * html tags to force some boxes with IE 6 into the right place (IE5 still needs lots of help it freezes hard on mac according to a friend of mine). Also, some reason IE6 is ignoring the bold statements for my title tags. Any suggestions/help would be greatly appreciated. Sam -- in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 __ 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] Mis-sized DIV in IE6?
The image shown at www.iansweeney.me.uk/p4 shows red within the yellow border in IE6, but not in Firefox. How do I get rid of the red? The image size is 744 x 164 and so is the div. div#mix { background-color: red; border: 5px solid yellow; height: 164px; margin: 0px; padding: 0px; width: 744px; } Ian Sweeney -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.323 / Virus Database: 267.8.11/44 - Release Date: 08/07/2005 __ 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/
Re: [css-d] IE css positioning woes
I couldn't see your site. I keep getting DNS not found. I'm only guessing at what the problem could be, but have you tried the band-pass filter or other IE hacks? http://stopdesign.com/examples/ie5mac-bpf/ Also, look for the heading Giving Internet Explorer what it needs in this article: http://www.456bereastreet.com/archive/200503/css_tips_and_tricks_part_2/ These other articles are also pretty handy for general stuff that we all know, but still forget from time to time: http://www.456bereastreet.com/archive/200503/css_tips_and_tricks_part_1/ http://www.456bereastreet.com/lab/web_development_mistakes/ --dk On Sun, 10 Jul 2005, Sam Leathers wrote: I've been working on a site for a week now, trying to get positioning looking good. The site is www.mapienet.biz/newmag/index.php. The positioning looks great in firefox, but in IE it broke horribly. I added a bunch of * html tags to force some boxes with IE 6 into the right place (IE5 still needs lots of help it freezes hard on mac according to a friend of mine). Also, some reason IE6 is ignoring the bold statements for my title tags. Any suggestions/help would be greatly appreciated. __ 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/
Re: [css-d] Mis-sized DIV in IE6?
Seems to me that if you just remove the: background-color: red; the problem dissapears. Is there a compelling reason - global stylesheet or somthing which requires you to leave that in? Rahul. Ian Sweeney wrote: The image shown at www.iansweeney.me.uk/p4 shows red within the yellow border in IE6, but not in Firefox. How do I get rid of the red? The image size is 744 x 164 and so is the div. div#mix { background-color: red; border: 5px solid yellow; height: 164px; margin: 0px; padding: 0px; width: 744px; } Ian Sweeney -- . Rahul Gonsalves [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/
RE: [css-d] Mind the gap
From: Ian Sweeney In IE6 there is a gap between the bottom of the image shown at www.iansweeney.me.uk/p4 and the blue top border of the content section. There is no gap when viewed with Firefox. How do I get rid of the gap? ian, It is the whitespace in your markup causing it. Rewrite the markup as: div id=mastimg alt=MAST src=mast.jpg //div and it goes away. It was some sort of extra space in the mast div. -- Peter Williams __ 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/
Re: [css-d] Mis-sized DIV in IE6?
Ian Sweeney wrote: The image shown at www.iansweeney.me.uk/p4 shows red within the yellow border in IE6, but not in Firefox. How do I get rid of the red? The image size is 744 x 164 and so is the div. div#mix { background-color: red; border: 5px solid yellow; height: 164px; margin: 0px; padding: 0px; width: 744px; } I notice on your page that you've found a solution using overflow: hidden. Another solution is simply to move the closing div tag onto the same line (in the markup) that the image tag occupies. Alternately, you can set the image to display: block, or use verticle-align: bottom to accomplish the same thing. Cheers, ~holly __ 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/
Re: [css-d] Mind the gap
Ian Sweeney wrote: In IE6 there is a gap between the bottom of the image shown at www.iansweeney.me.uk/p4 and the blue top border of the content section. There is no gap when viewed with Firefox. How do I get rid of the gap? Style the image to 'display: block', as it should be in strict. #mast img {display: block;} ...and it'll look alright in IE6 also. regards Georg -- http://www.gunlaug.no __ 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] Safari doctype switcher affecting CSS
Hi all, I am putting the finishing touches on http://impluviumsystems.com/ and have come across a weird behaviour in Safari: when I include a doctype, the CSS hover on the navigation stops working. When I take the doctype out, the :hover effect works once again. I wasn't aware that Safari changed its behaviour based on doctype presence -- is there something basic I've overlooked? I've been staring at this code for days now and it may be as simple as having a fresh pair of eyes look at it! If you've got a moment to wrestle this odd problem, the links are: Website: http://impluviumsystems.com CSS: http://impluviumsystems.com/css/iscorp.css Thanks in advance! Best wishes, David. __ 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/
Re: [css-d] Vertical Text for Castle Hotel Menu (Italy)
Thomas Hall wrote: Ok, so can I somehow use CSS to they can open a web page and print it so it can fold neatly in half and display the wine list on one half, the menu on the other. If so, how would I do this? If anyone would help, I would be s grateful. Bob Easton wrote: Now, layout the page for 960px by 740px and it will fit neatly on 11 x 8.5 IMHO this is not a web/CSS question. Bob's suggestion is valid, but is mainly useful when you want to CSS to format a document for printing that is also available for the web. Thomas' question about a print-only document, and only for a few select users (the ones creating/printing the menu). Create your data management backend, and have the output go to PDF via a menu template instead of a web page. You thus have absolute control over the layout. This can be accomplished reasonably easily using fpdf or pdflib in PHP; similar utilities exist for other common web scripting languages. CSS is fantastic, but don't use a screwdriver to hammer a nail. -- Max Schwanekamp http://www.neptunewebworks.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/
Re: [css-d] Safari doctype switcher affecting CSS
When I look at your nav code, I see -1. -1 what? I believe the standards say that the rule should be ignored if there are no units specified. It doesn't work in Firefox, either (there are no hover effects). -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! __ 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/
Re: [css-d] Odd IE behaviour with borders
Mr. Kim Siever schrieb: http://kim.hotpepper.ca/test.html Jonathan McLean demoized the border chaos on P.I.E. http://positioniseverything.net/explorer/border-chaos.html Ingo -- http://www.satzansatz.de/css.html __ 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/