Re: [css-d] Selecting CSS file depending on Server using the HTML Page
On 12/12/07, Charlene [EMAIL PROTECTED] wrote: My explaination is a little bit complicated and not using the proper technical terms. I'm sorry about that but I have a bad cold but a hard deadline. I am setting up a bunch of subdomains such as a.domain.com, b.domain.com... domain.com (or www.domain.com). The page I'll be referencing (call it frame.htm) using an Iframe is on the www.domain.com main folder. Each of the subdomains will have its own stylesheet. iframe name=I1 src=http://domain.com/frame.htm; frameborder=0 height=87 width=96% scrolling=no/iframe I'd like to set the stylesheet in frame.htm to use the stylesheet for the subdomain (ie a.domain.com/css/style.css or b.domain.com/css/style.css). Is there an easy way of doing it? BTW this frame.htm is created 5 times a day, so I would rather not copy it into 30 subdomains 5 times a day. Presumably you are assembling the page with some server-side scripting language. Most of them have some system variable which contains the full domain used in the request (usually the variable name is some variant of 'HTTP_HOST' if the server is Apache). This would allow you to inject the correct FQDN into the stylesheet call. (Using this method it should be possible to eliminate the iframe, too). Alternatively there should be a solution possible via MOD_REWRITE: Have the web pages call a constant path for the css file and modify it according to the domain. My Mod rewrite skills aren't up to actually giving an example. -- Richard Grevers, New Plymouth, New Zealand Dramatic Design www.dramatic.co.nz __ 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/
Re: [css-d] Selecting CSS file depending on Server using the HTML Page
Richard Grevers wrote: On 12/12/07, Charlene [EMAIL PROTECTED] wrote: My explaination is a little bit complicated and not using the proper technical terms. I'm sorry about that but I have a bad cold but a hard deadline. I am setting up a bunch of subdomains such as a.domain.com, b.domain.com... domain.com (or www.domain.com). The page I'll be referencing (call it frame.htm) using an Iframe is on the www.domain.com main folder. Each of the subdomains will have its own stylesheet. iframe name=I1 src=http://domain.com/frame.htm; frameborder=0 height=87 width=96% scrolling=no/iframe I'd like to set the stylesheet in frame.htm to use the stylesheet for the subdomain (ie a.domain.com/css/style.css or b.domain.com/css/style.css). Is there an easy way of doing it? BTW this frame.htm is created 5 times a day, so I would rather not copy it into 30 subdomains 5 times a day. Presumably you are assembling the page with some server-side scripting language. Most of them have some system variable which contains the full domain used in the request (usually the variable name is some variant of 'HTTP_HOST' if the server is Apache). This would allow you to inject the correct FQDN into the stylesheet call. (Using this method it should be possible to eliminate the iframe, too). Alternatively there should be a solution possible via MOD_REWRITE: Have the web pages call a constant path for the css file and modify it according to the domain. My Mod rewrite skills aren't up to actually giving an example. MOD_REWRITE might work but the other won't because the PHP (cron job - run once a day) is creating only ONE file. Of course I could have the PHP create 30+ almost identical files in each of the subdomains. And then write a program to be sure there is an updated file in each of the 30+ subdomains. I was looking around and the other solution may be to have JavaScript in the outer page (in *a.domain.com*) which can interpret GET values by an IFrame call to the page. Like: iframe name=I1 src=http://domain.com/frame.htm*subdomain=a*; frameborder=0 height=87 width=96% scrolling=no/iframe A third solution I'm looking at is using AJAX to read the http://domain.com/frame.htm file and inserting it into the spot in the main document where it belongs instead of an IFrame. This means that I no longer have to worry about http://domain.com/frame.htm using a CSS file since it is only html text and will use the CSS file of the main page which is what I really want. __ 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] formatting Navlinks - top bottom
Newbie here. Problem page: http://www.reikisangha.net/beta/beta1.html I'm working my way through Lynda.com's CSS Web Site Design with: Eric Meyer training. I have just completed Chapter 7: Using Margins and Borders to Create White Space and Separation. Using Dreamweaver CS3, I opened a new default document: 3 column elastic, header and footer. Right now my goal is to insert format a navlinks bar similar to the Javaco Tea training files. I have been able to successfully insert the navlinks bar but formatting it properly is presenting some challenges. Right now, there's too much space in the top and bottom areas of the navlink bar. I've been adjusting margin and padding values in the: #navlinks and #navlinks li but seem to be missing some concept somewhere. Adding #navlinks li margin-top: 10px; margin-bottom: 10px; doesn't seem to do anything but adding #navlinks li padding-top: 10px; padding-bottom: 10px; increases the overall height of the borders. Adjusting #navlinks to margin: 0; padding: 0px; creates an unwanted space between the logo and the navlinks bar, while adding so much as padding: 1px; creates too much height. Adding height to #navlinks begins to get me closer to where I need to be, but then the positioning of the navlink fonts are off. I've missed a concept somewhere (or it hasn't been covered yet in the material I am learning). I would like help learning what to look for to help solve problems like this. Thank you, Buck __ 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/
Re: [css-d] formatting Navlinks - top bottom
Stephen Buck wrote: Newbie here. Problem page: http://www.reikisangha.net/beta/beta1.html I've missed a concept somewhere (or it hasn't been covered yet in the material I am learning). I would like help learning what to look for to help solve problems like this. Buck Welcome! Code no more or less than is necessary to achieve the goal. Id's for example, default to margin:0; padding:0; so you don't need to re-state it. /Avoid setting height./ Code to the latest version of Opera and Firefox. Confirm it's working in IE 6 IE 7. Adjust accordingly. Adding img {display :block;} closes the gap the IE's are leaving to accommodates font descenders. CSS img { display : block; } #navlinks { background: #cc; color: #fff; } #navlinks ul { margin : 0 0 0 30px; padding : 10px 0; } #navlinks li { display : inline; padding : 0 0.75em; border-right : 1px solid #fff; } #navlinks li.last { border-right : none; } #navlinks a { color : #00; } HTML div id=navlinks ul li class=firsta href=#Link/a/li lia href=#Link/a/li lia href=#Link/a/li li class=lasta href=#Link/a /li /ul /div!-- /#navlinks -- HTH. Best, ~dL -- http://chelseacreekstudio.com/ __ 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/
Re: [css-d] Selecting CSS file depending on Server using the HTML Page
On Tue, 11 Dec 2007 18:46:29 -0600 Charlene wrote: [snip type=agressive /] MOD_REWRITE might work but the other won't because the PHP (cron job - run once a day) is creating only ONE file. Of course I could have the PHP create 30+ almost identical files in each of the subdomains. And then write a program to be sure there is an updated file in each of the 30+ subdomains. [snip type=additional /] So why dont you just generate the contents of the body with your PHP cron job and use a PHP include for the common contents on each site. To bring this back on topic, a different head for each site will allow seperate style sheets to be used. Due to the OT nature of this discussion, if you want to explore this option more, email me off list. -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ 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/
Re: [css-d] denying the downloading of img
I have a request to stop anyone from copying and downloading images from the website I am working on now. Someone told me that that is possible with css. I have researhed it, but have not been able to find anything on that. I have a few questions. 1. is it possible with css? 2. if it is how do I go about it? 3. if it is not possible, what do I need to use to do it? The website is necwa.org, and this concerns mostly the footer images as these are fairly large, and the organization would like to prevent their downloading. Thanks. Looking for last minute shopping deals? Find them fast with Yahoo! Search. http://tools.search.yahoo.com/newsearch/category.php?category=shopping __ 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] [ADMIN - OFF TOPIC] Re: Selecting CSS file depending on Server using the HTML Page
At 12:40 -0600 11/12/07, Charlene wrote: I have a bad cold Sorry to hear that but a hard deadline. Unfortunately that does not excuse the off topic post - how you assemble your pages has nothing to do with CSS. Please do not treat css-d as a general purpose, Oh, I can't be bothered to figure out where would be the right place to ask this question forum. No more posts to this thread please. Alex Robinson css-d moderator __ 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/
Re: [css-d] denying the downloading of img
I stopped reading at the end of your first sentence. Read this: http://www.webdeveloper.com/forum/archive/index.php/t-87939.html Paul Hanson Technical Writer RoboHelp ACE - http://www.adobe.com/support/forums/team_macromedia/robohelp.html Quintrex Data Systems http://www.quintrex.com email: phanson at quintrex.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of jaklitsch maya Sent: Wednesday, December 12, 2007 1:57 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] denying the downloading of img I have a request to stop anyone from copying and downloading images from the website I am working on now. __ 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] [ADMIN - OFF TOPIC] Re: denying the downloading of img
At 11:57 -0800 12/12/07, jaklitsch maya wrote: I have a request to stop anyone from copying and downloading images from the website I am working on now. ... 1. is it possible with css? I presume that the person who gave you this information meant that if you displayed an image through an element's background property, that it would be 'protected' since some (indeed most, but certainly not all) users would not be able to save it by right clicking on it. I'm not going to explain why that is far from being a thorough solution to the 'problem' or why the problem is not a problem since it is not on topic for this list. This thread is now closed. Alex Robinson css-d moderator __ 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] new layout breaks in IE7
My new site navigation scheme at www.bodyworku.com completely breaks down in IE7. I'm an old HTML and table-layout pro, but I'm just now learning CSS layouts. The nav scheme is based on this example: http://www.tyssendesign.com.au/articles/css/background-changing-sliding-door-tabs/ My style sheet is at: http://www.bodyworku.com/CSS/bu.css Any advice/help is greatly appreciated. Thanks, Larry __ 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/
Re: [css-d] denying the downloading of img
If images are visible on a webpage, they can be aquired by anyone accessing the webpage. There is no way around it. There are so many ways someone can get themthere is no solution that covers them all. It is impossible. On Dec 12, 2007 1:57 PM, jaklitsch maya [EMAIL PROTECTED] wrote: I have a request to stop anyone from copying and downloading images from the website I am working on now. Someone told me that that is possible with css. I have researhed it, but have not been able to find anything on that. I have a few questions. 1. is it possible with css? 2. if it is how do I go about it? 3. if it is not possible, what do I need to use to do it? The website is necwa.org, and this concerns mostly the footer images as these are fairly large, and the organization would like to prevent their downloading. Thanks. Looking for last minute shopping deals? Find them fast with Yahoo! Search. http://tools.search.yahoo.com/newsearch/category.php?category=shopping __ 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-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/
Re: [css-d] denying the downloading of img
On Dec 12, 2007 11:57 AM, jaklitsch maya [EMAIL PROTECTED] wrote: I have a request to stop anyone from copying and downloading images from the website I am working on now. Someone told me that that is possible with css. I have researhed it, but have not been able to find anything on that. I have a few questions. 1. is it possible with css? No. 2. if it is how do I go about it? See 1. 3. if it is not possible, what do I need to use to do it? The website is necwa.org, and this concerns mostly the footer images as these are fairly large, and the organization would like to prevent their downloading. There are more or less two possibilities A. Make the images smaller. B. Don't make them publicly available through the webserver B1. Place the images in a directory that requires login/password B2. Make the images only available after a CAPTCHA is filled out. Cheers, Stephan -- Stephan Wehner - http://stephan.sugarmotor.org - http://www.thrackle.org - http://www.buckmaster.ca - http://www.trafficlife.com - http://stephansmap.org __ 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/
Re: [css-d] denying the downloading of img
jaklitsch maya wrote: I have a request to stop anyone from copying and downloading images from the website I am working on now. Impossible. Images are displayed by your web browser by doing a request for the image file and downloading it to a temporary location. There are various steps you can try to take to make it more difficult, but they add various layers of complexity to your system and they're easily beaten. Even ignoring the various transfer mechanisms, what's to stop someone from taking a screenshot of the webpage and cropping out the image? If it's photographs we're talking about you could place a watermark on them. Jason __ 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] Little help with IE (site check, in fact)
Hello ; Happy day to anyone. I'm running out of time, that's the reason why I bother the list. If I should have more time I would try to fix all this by myself with my friend Google, but I can't. It's for yesterday. It's not laziness. I'm still having some problems with IE6 and I can't see the solution. 1) Shadows in an empty div No matters what I do, I'm unable to make an empty div to vertically fit the parent's height. If you see it in FF, it's OK and even in IE 5 it works ! What is this ? 2) Fixed position With the footer. It just don't works as expected. There is also a problem with some tables in the articles pages (I'm working with a CMS, SPIP) It looks well but it's a dirty code. But don't look at this. I will fix it as soon as I can. And, of course, If you have any suggestion, comment, idea… Well, here it is http://nortours.info/ If you try to validate the page, pleas consider that the following problems have been solved in local - mask() http://nortours.info/nortours/structure.css: Not Found http://nortours.info/nortours/typographie.css: Not Found http://nortours.info/nortours/elements.css: Not Found http://nortours.info/nortours/csshover.css: Not Found Thank you in advance for read me. Cordially Luis __ 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] having trouble with...you guessed it... IE 6-7
I thought I had this worked out, but apparently not. My content div is not lining up with the fake sidebar I made it. you can see the action in IE6-7 here: www.sthig.com/churchNext.com (here is my css) http://www.sthig.com/churchNext/css/churchnext.css Okay so here's the setup. The white sidebar is really just a repeating jpg (http://www.sthig.com/churchNext//images/wraprepeat.jpg) going down the side there. It's supposed to scale evenly with the content div. It works just fine in Firefox and Safari but of course it doesn't want to play nice with IE. So what am I doing wrong? Can anyone help me out? If I'm not clear, please let me know and I will explain thanks! Scott -- S c o t t T h i g p e n Illustrative Designer www.sthig.com Phone: 770.527.3958 __ 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] Radio buttons in forms, styling without tables
Hi all, I'm trying to restyle a page to make a form work without tables. It all seems OK except for some radio buttons, and I'm having real problems in getting them correctly to align. This page illustrates the problem: http://www.tellura.co.uk/soundsteps/franchise_contact.htm It looks the way I want it to in Safari 3. In both Firefox (Mac and PC) and IE6 it looks horrible: the second radio button in each set is level with the first instead of being below it, and the second and third caption strings seem to be displaying inline with the previous radio button label. Can anyone suggest what may be going wrong? Alternatively, if anyone can point me at suitable articles on table-free forms and particularly doing radio buttons, I would be grateful. Thanks, Ian. -- [EMAIL PROTECTED] 07973 156616 | 01926 811383 __ 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] Sidebar issues
Hello - Regardless of the struggles I have had with CSS, I still find myself trying more and more. In all actuality, I probably won't build a site with tables again! However, with that said I'm having another issue that I can't seem to figure out and I'm hoping the experts here might give it a look. It might be the answer is right in front of me but I've been looking at it too long. I'm working on a new site and have a right-hand sidebar for misc content. The problem I have is that if the main content window is not full of content (or more content than the sidebar), the sidebar flows down the page, over the footer, etc. Besides looking awful, it's not acceptable! It happens in Firefox, IE, etc. The development site is at: http://obb.danstuenzi.com. I have included the CSS below if anyone has any thoughts on this. Thanks! Todd * CSS for site * html { margin: 0; padding: 0; } body { margin: 0; padding: 0; background-color: #ab9877; background-image: url('/images/bg_grad_brown.png'); background-repeat: repeat-x; font: 62.5% Arial, Verdana, Helvetica, sans-serif; } /* OUTER SHELL */ #shell { width:950px; margin: 0px auto; padding:0px; text-align:left; background-color: #fff; border-right: 2px solid #081734; border-left: 2px solid #081734; } // /* TOP NAVIGATION LINKS AND DATE STYLES */ #header { background-color: #081734; height: 125px; color: #fff; } #header ul { margin: 10px 10px 0 0; padding-top: 0; text-align: right; float: right; } #header li { display: inline; } #header a:link, #header a:visited, #header a:active { text-decoration: none; color: #fff; } #header a:hover { text-decoration: underline; } #date { clear: right; font-weight: bold; font-style: italic; margin: 80px 10px 0 0; padding: 0 0 0 15px; float: right; text-align: right; } // /* TOP SECTION WHICH INCLUDES THE MENU AND SLIDESHOW AREAS. SEE \INCLUDES\P7PM\p7pmh3.css FOR SPECIFIC MENU STYLES */ #top { position: relative; margin-top: 2px; padding: 0; height: 250px; border-bottom: 2px solid #081734; border-top: 2px solid #081734; background-color: #081734; } #menu { margin: 0 650px 0 0px; width: 100%; height: 100%; margin: 0px 0px 10px 0px; padding: 0px; background-image: url('/images/menu_bg.gif'); background-repeat: repeat-y; } #slideshow { position: absolute; top: 0; right: 0; width: 650px; } /* THIS IS THE MAIN CONTENT AREA. INCLUDES THE CONTENT AND SIDEBAR */ #main { position: relative; top: 0; left: 0; width: 100%; margin: 10px 0px 15px 0px; padding: 0px; height: 600px auto; } #content { margin: 0 275px 0 15px; background-color: #fff; padding: 15px; border: 1px solid #b9d2e3; } #sidebar { position: absolute; top: 0; right: 0; width: 240px; margin: 0px 15px 0px 0px; padding: 0px; background-color: #ccc; background-image: url('/images/sidebarbg.gif'); border: 1px solid #433d32; } #sidebar h3 { font-size: 1.4em; /*color: #433d32;*/ color: #fff; padding: 3px; margin: 0px 0px 0px 0px; background-image: url('/images/bg_title.png'); background-repeat: repeat-x; } #sidebar .inner, #sidebar p { padding: 5px 10px 10px 10px; } /* FOOTER STYLE */ #footer { clear: both; padding: 10px; background-color: #081734; text-align: center; color: #fff; vertical-align: middle; font: normal 1em Arial, Verdana, Helvetica; /*border-top: 2px solid #c5c8e3;*/ } #footer a:link, #footer a:visited, #footer a:active { text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer a.footer:link, a.footer:visited, a.footer:active { text-decoration: none; padding-right: 15px; padding-left: 15px; color: #fff; font-weight: bold; } #footer a.footer:hover { text-decoration: underline; } #footer_info { padding-top:15px; } // p { font-size: 1.2em; } h1 { font-size: 1.75em; margin-top: 10px; } h2 { font-size: 1.5em; margin-top: 0; } h3 { font-size: 1.15em; margin-top: 0; margin-bottom: 3px; } h4 { font-size: .9em;
[css-d] Site test
Hello all. First time poster. Just wondering if I could get a site check on this temp site: http://www.grum.com/temp/al/index.html I managed the HTML/CSS, not the graphics, so I'm looking to see what, if anything, breaks (I know the h1 in the banner does on increased font-sizes). Also would like to know what can be done about centering the menu better. Finally, I've tested in FF 2.0.0.11 and IE 6 on Win2K Pro. All seems to display as it should... anyone having issues with other browsers/OS are encouraged to reply. Thanks in advance, Mike __ 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/
Re: [css-d] Firefox bug, or Safari?
Dave Pierce wrote: Dave Pierce wrote: I've got a bug showing up somewhere, and I'm not too sure how to fix it. On this page http://www.lorettodaybreak.org/pages/ daybreak_events_photos.html there's a large break between the subheads and the following ULs. It looks OK in Safari and IE, but not in Firefox and Opera. Knowing that the latter two browsers are probably the better browsers, web standards wise, can anyone out there tell me what I'm doing wrong? fantasai fairly replied: Try getting rid of all the extra br tags. You can use the CSS 'margin' property if you need more space. fantasai, Doh! Thank you, I really should have thought of that one! That works great in Firefox and Opera, but now in Safari the UL is totally messed up. The first line of each list item is spaced right, but the bullet is way off to the right of the first line. Any suggestions as to how to fix it in Safari? Oh, and another thing: in addition to getting rid of all your brs and using CSS margins instead, you should be using proper heading markup instead of paragraphs with classes. There's four articles written by Tantek linked from this page: http://fantasai.inkedblade.net/web-design/ You should read them. You'll have web pages that are more accessible *and* easier to style if you use good markup. :) ~fantasai __ 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/
Re: [css-d] Sidebar issues
Todd, The problem is using position: absolute for the column on the right. See http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning for more info. Both of the elements inside the wrapper should be floated. Take a look at this demo and view the source to see the css. http://www.jimdavis.org/test/floaters.html www.positioniseverything.net has good info about bugs and hacks for using floats with IE6. Also check out the List wiki/FAQ -- http://css-discuss.incutio.com/ for more info and ideas. Jim On Dec 12, 2007 1:34 PM, Todd Richards [EMAIL PROTECTED] wrote: Hello - Regardless of the struggles I have had with CSS, I still find myself trying more and more. In all actuality, I probably won't build a site with tables again! However, with that said I'm having another issue that I can't seem to figure out and I'm hoping the experts here might give it a look. It might be the answer is right in front of me but I've been looking at it too long. I'm working on a new site and have a right-hand sidebar for misc content. The problem I have is that if the main content window is not full of content (or more content than the sidebar), the sidebar flows down the page, over the footer, etc. Besides looking awful, it's not acceptable! It happens in Firefox, IE, etc. The development site is at: http://obb.danstuenzi.com. I have included the CSS below if anyone has any thoughts on this. Thanks! Todd __ 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/
Re: [css-d] Firefox bug, or Safari?
Dave Pierce wrote: I've got a bug showing up somewhere, and I'm not too sure how to fix it. On this page http://www.lorettodaybreak.org/pages/ daybreak_events_photos.html there's a large break between the subheads and the following ULs. It looks OK in Safari and IE, but not in Firefox and Opera. Knowing that the latter two browsers are probably the better browsers, web standards wise, can anyone out there tell me what I'm doing wrong? Try getting rid of all the extra br tags. You can use the CSS 'margin' property if you need more space. ~fantasai __ 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/
Re: [css-d] Site test
In both FF and IE6 the nav menu breaks across two lines when the viewport is set to 1024px wide. The 'contact' image is below the 'home' image. Changing the padding on the li to 2% keeps everything on one line at 1024 wide. To center the menu you can give a width to the ul that accommodates the all of the li's, then center the ul with margin: 0 auto; Jim On Dec 12, 2007 3:51 PM, Mike Smith [EMAIL PROTECTED] wrote: Hello all. First time poster. Just wondering if I could get a site check on this temp site: http://www.grum.com/temp/al/index.html I managed the HTML/CSS, not the graphics, so I'm looking to see what, if anything, breaks (I know the h1 in the banner does on increased font-sizes). Also would like to know what can be done about centering the menu better. Finally, I've tested in FF 2.0.0.11 and IE 6 on Win2K Pro. All seems to display as it should... anyone having issues with other browsers/OS are encouraged to reply. Thanks in advance, Mike __ 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/
Re: [css-d] Little help with IE (site check, in fact)
Luis Speciale wrote: http://nortours.info/ 1) Shadows in an empty div No matters what I do, I'm unable to make an empty div to vertically fit the parent's height. If you see it in FF, it's OK and even in IE 5 it works ! What is this ? IE6' standard mode isn't anywhere near standard, so IE6 can only do what you ask for when in quirks mode. That's why older IE/win versions appear to work as intended, since they're always in quirks mode. Alternative: declare the relevant height directly, like... * html .dos { height: 200px; } 2) Fixed position With the footer. It just don't works as expected. IE6 (and older) doesn't understand 'position: fixed' - period! You can add the following (complete) to the very bottom of the relevant stylesheet... @media screen { * html #BAS { position: absolute; top:expression(eval(document.compatMode document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)); height: 20px; margin: -2px 0 -50px 0;} } ...and IE6 will behave as if it understands 'fixed'. IE has some whitespace problems inside that footer though, so the footer will appear a bit too tall. See: http://www.gunlaug.no/contents/wd_additions_15.html for more on that solution. Note: you have too many nonsensical property/value mixes in there. 1: absolute and fixed positioned elements can neither float nor clear anything, so no use floating or clearing them. 2: 100% wide elements obviously have no need for auto side-margins. 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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] new layout breaks in IE7
Larry Swanson wrote: My new site navigation scheme at www.bodyworku.com completely breaks down in IE7. I'm an old HTML and table-layout pro, but I'm just now learning CSS layouts. The nav scheme is based on this example: http://www.tyssendesign.com.au/articles/css/background-changing-sliding-door-tabs/ Any advice/help is greatly appreciated. Thanks, Larry John Faulds (tyssendesign.com), author of the navigation method you are using, is a frequent contributor on the Web Standards Guild [1] list. An appropriate subject line posted to that list may be well worth your effort. [1] http://webstandardsgroup.org/ Best, ~dL -- http://chelseacreekstudio.com/ __ 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/
Re: [css-d] Firefox bug, or Safari?
Dave Pierce wrote: Dave Pierce wrote: I've got a bug showing up somewhere, and I'm not too sure how to fix it. On this page http://www.lorettodaybreak.org/pages/ daybreak_events_photos.html there's a large break between the subheads and the following ULs. It looks OK in Safari and IE, but not in Firefox and Opera. Knowing that the latter two browsers are probably the better browsers, web standards wise, can anyone out there tell me what I'm doing wrong? fantasai fairly replied: Try getting rid of all the extra br tags. You can use the CSS 'margin' property if you need more space. fantasai, Doh! Thank you, I really should have thought of that one! That works great in Firefox and Opera, but now in Safari the UL is totally messed up. The first line of each list item is spaced right, but the bullet is way off to the right of the first line. Any suggestions as to how to fix it in Safari? Set margin-top on the UL or, even better, margin-bottom on the header, not 'margin' on the UL: 'margin' resets all four margins, and you didn't want to touch the left and right margins on the list. ~fantasai __ 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/