[css-d] content div dropping down in IE
I am working on the layout of a site which involved a scrolling (when the content allows it) div that is supposed to align to the right of a side column (floated left). here is the url: http://warriorsarise.org/ appears fine to me in FF and Safari. in IE the content col (named #content_area in the CSS) drops down below the side nav (named #announcements). It appears there should be enough pixel space in the container div, so I am not sure ehat is going on with IE. Any assistance is greatly appreciated. CSS is located at : http://warriorsarise.org/CSS/layout.css -- ::Bruce:: __ 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] CSS to eliminate dotted borders on hyperlink clicks
I remember reading somewhere about CSS you can add, so that links won't get the dotted border around them when you click on the links , but I cannot remember what it is. Can anyone refresh my memory? This may be just a Firefox thing. -- ::Bruce:: __ 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] 3 col layout breaks in IE6
Hello, I have a test page set up at http://www.mellonaidftp.com/ssri/test.php the page displays as intended in IE7 and Firefox, but in IE6, it blows up. The rounded corner boxes that should be floating right are displaying in the middle column and the middle column text is barely making an appearance. Also, the rounded corner boxes are appearing way too wide in IE6. They should only be 215px wide. The CSS I am using is http://www.mellonaidftp.com/ssri/CSS/Secondary.css and for a few things I am targeting IE browsers only and using http://www.mellonaidftp.com/ssri/CSS/Secondary_IE.css can anyone offer any suggestions on getting IE6 to behave with this layout? thanks in advance! -- ::Bruce:: __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3 col layout breaks in IE6
On 7/1/07, Bruce Gilbert [EMAIL PROTECTED] wrote: Hello, I have a test page set up at http://www.mellonaidftp.com/ssri/test.php the page displays as intended in IE7 and Firefox, but in IE6, it blows up. The rounded corner boxes that should be floating right are displaying in the middle column and the middle column text is barely making an appearance. Also, the rounded corner boxes are appearing way too wide in IE6. They should only be 215px wide. The CSS I am using is http://www.mellonaidftp.com/ssri/CSS/Secondary.cssand for a few things I am targeting IE browsers only and using http://www.mellonaidftp.com/ssri/CSS/Secondary_IE.css can anyone offer any suggestions on getting IE6 to behave with this layout? thanks in advance! -- I think I figured out my problem, it was an issue where I had a width set to the ul li, and that was causing it to break in IE6 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] gradient shadow not covering float
hello, on my test page here: http://www.mellonaidftp.com/ssri/test.php there is a gradient that starts below where the big brown image place holder is, where you see the breadcrumb links and printer/email a friend icons. This gradient needs to extend all the way to the right behind the third column where you see the latest news/upcoming events/Meet the Team boxes. but the gradient is stopping in front of that div. I thought it might be a float clearing issue so I added the CSS found here: http://www.positioniseverything.net/easyclearing.html and applied class=clearfix to the divs involved, but this doesn't seem to fix the problem. The gradient still does not continue behind the 'InformationColumn' div. any suggestions? the full CSS is here: http://www.mellonaidftp.com/ssri/CSS/main.css thanks in advance! -- ::Bruce:: __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] help with content column dropping down in IE6
I am having difficulty with IE6 (again). The problem is on this page http://www.cassell.com/draft/tandem/CSS_Design/index.html http://www.cassell.com/draft/tandem/CSS_Design/site.css In ie 6 #maincol.narrow wants to drop down no matter what I try.I tried adjusting the widths, margin etc. I have written specific styles for IE6 only, but nothing I try has worked. I even tried this hack and designated in an IE6 only stylesheet: * html #InnerContainer { overflow-x: auto; overflow-y: hidden; width: expression(660); } no luck... any help is appreciated! -- ::Bruce:: __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS menu not behaving in IE 6
Hello, I am trying to figure out the best solution to why in IE6, The last tab in on my Menu is not displaying inline like it does in FF and IE7. It appears extra padding or margin is being added between the UL LI tags or something.The tab for 'About VAE; drops down below the menu within the content section in IE6. My solution would be to use conditional comments and add a IE6 only stylesheet adjusting the width for the menu LI's but I would rather the spacing and appearance be consistent cross browser. If you use IE6 you can see what is happening. the URL is http://www.cassell.com/draft/vae/index.php and the stylesheet can be found at http://www.cassell.com/draft/vae/styles/style.css any assistance on a better solution is greatly appreciated. -- ::Bruce:: __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] :focus and IE
I am using :focus in my CSS and works great in FF, but not in IE6 on PC, does IE not support :focus? This is IE6, I am testing on..haven't tried IE-7. CSS: input[type=text]:focus, textarea:focus{ color:#333; background-color:lightyellow; border:1px solid #000; } XHTML: input type=text name=textfield4 / etc. -- ::Bruce:: __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] unwanted space in IE 6
on this page I am working on http://inspired-evolution.com/Bitface_design/ under the Cartus log and the picture of the hands, you will see a little bit of the green background showing through from the header div. I don't want this spacing and it's not evident in FF. I have all of the divs involved set to zero out the margins and padding. Any suggestions on how to get rid of the spacing in IE 6? CSS can be found at : http://inspired-evolution.com/Bitface_design/CSS/Global_Styles.css -- ::Bruce:: __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] outer shadow of web page not displaying all of the way on the right hand side
on this template page I am working on, I cannot get the right shadow on the outer part of the page to display like it's left side counterpart. The shadow wants to stop after my header and not continue downward. Thia appears the case in all browsers I have tested on. the URL is : http://www.inspired-evolution.com/new_site/template.php and the CSS is: http://www.inspired-evolution.com/new_site/main_new.css any ideas? __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] cannot get side shadows for outer div to display right in FF
Hello, I am attempting to create a CSS based page which is centered within a browser window and has a shadow effect on the outer div repeating vertically down the left and right sides. I have this looking decent in IE, but in Mozilla/FF it is really screwy looking with the shadow not fitting the layout (which means I am doing something wrong). the URL in question is: http://www.inspired-evolution.com/new_site/template.php and the CSS can be found at: http://www.inspired-evolution.com/new_site/main.css thanks for any assistance -- ::Bruce:: __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] cannot get side shadows for outer div to display right in FF
Yes :-) Add borders on the following elements and you'll see better #outer_div{ height: 100%; margin-left: auto; margin-right: auto; width:58em; border:1px solid lime } #shadow_container{ margin:0; padding:0; width:62em; border:1px solid red } #shadow_container is much wider than #outerdiv. Things start to misalign from there. Set the width of #shadow_container to 100%, and things look already much better. There are other things you'll need to tweak, but you'll them once the above is fixed. It 'works' in IE 6, because it is broken, and expands the width of boxes when the content is wider than the allocated width. Standard compliant browsers don't expand them (and IE 7 has fixed that bug). Philippe --- Philippe Wittenbergh http://emps.l-c-n.com thanks for the pointer Philippe, I have made the adjustment you suggested. You can view the updated pages with the links above. I still cannot figure out how to get the shadows to the edsge where my red border is temporarily. I am tried adjusting margins and padding, can't get anything to work. -- ::Bruce:: __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] help with float drop in third column of CSS layout -Mozilla Browsers
Hello, I am trying out a layout using floats and margins with multiple columns and in mozilla browsers the third column in the bottom half of the layout is dropping (the one labeled portfolio) and the only way I can push it up is through a negative margin top for that column. I know there is a better fix though and I need to find tthe cause of the drop first. Also I know everything is screwed up in IE and I will get to fixing that later, but first I want everything to work in FF. The link is http://www.inspired-evolution.com/layout_test.php and the CSS is at the top. thanks in advance, Bruce Gilbert __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] floats or margin alignment?
so for a two col layout as an example you would float the first col left and for the second col add margin-left to clear the first col, and add spacing, but there would be no need to float the sec col, right. Would that be the best approach? On 6/18/06, Ed Seehouse [EMAIL PROTECTED] wrote: On 6/18/06, Bruce Gilbert [EMAIL PROTECTED] wrote: I was just curious as to the benefits of floating divs, as opposed to aligning with margin spacing? It seems that floated elements often case floats drops and the floats need to be cleared etc. whereas margin somewhat more easy to manage. I'd say that if you can do it with margin adjustments that's the way to go. If you need to get a little more sophisticated then move to floats, but use them as sparingly as possible. For a two column layout you need just one float, for example, not two. -- Ed Seedhouse -- ::Bruce:: __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] floats or margin alignment?
I was just curious as to the benefits of floating divs, as opposed to aligning with margin spacing? It seems that floated elements often case floats drops and the floats need to be cleared etc. whereas margin somewhat more easy to manage. __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] fixed background over scrolling text problem
I am getting this to work fine in Mozilla and Safari, but in IE the background is nowhere to be found. I did also notice in the browsers where it does show up is when you resize the browser window, the background is static and doesn't reposition along with the rest. I am thinking this may be due to the fact that I have one div as position: absolute for the scrolling effect and everything else is position:relative. Is there a better way to do this so that my background image works in this layout? Sorry I cannot provide an example, but it's yor basic layout with an outer container div, header div, content div, and footer with two columns within the content div, onle col floated left and one right. The right col has scrolling content so it is positioned absolutely and everying else is positioned relative. On 6/15/06, David Laakso [EMAIL PROTECTED] wrote: Tom Anthony wrote: On 15 Jun 2006, at 00:20, Bruce Gilbert wrote: I have a div filled with text that I am creating scrolling functionality using DHTML. I am having a CSS issue because my background image was scrolling along with the text, and I wanted it to remain put (static), so I tried this: -- ::Bruce:: Hi Bruce, background-attachment:scroll; should be: background-attachment:fixed; -Tom Fixed may be a problem for IE. Although there is an underground rumor a friend of the list has solved this wicked difficult problem. Best wishes, ~odilonRedon -- ::Bruce:: __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] inconsistincies with suckerfish hover menu over multiple browsers
Hello, I am attempting a suckerfish type menu on this page ( http://www.inspired-evolution.com/About_Me.php) and I am having a few issues. In IE 6 the submenu isn't aligning vertical to the main navigation. It is appearing off to the right a bit. In Mozilla, the main menu isn't centered like I want. It's appearing off to the right. In both IE and Moz there is too much spacing in between the dark blue row that contains the menu. I am referring to the top and bottom margins, but cannot see where this spacing is coming from. I having been looking at the CSS for a while, and belive I need a fresh pair of eyes to look at it! the CSS is question is: #navcontainer2 { width:54em; border-top:1px solid #fff; border-bottom:1px solid #fff; background-color:#036; margin:0 0 0 2em; padding:0 0 2em 8em; height:1; } * html #navcontainer2 { width:62em; border-top:1px solid #fff; border-bottom:1px solid #fff; background-color:#036; margin-left:.5em; padding:0; height:1em; } #navlist2 ol, #navlist li { margin:0; padding:0; list-style-type: none; } #navlist2 a:link, #navlist2 a:visited { margin:0; padding:0; color: #ccc; border-right: 1px solid #ccc; text-decoration: none; font-weight:bold; } #navlist2 a:link#current, #navlist2 a:visited#current, { border-bottom: 1px solid #fff; color: #fff; } #navlist2 a:hover { color: #f0f8ff; text-decoration:underline; } #navlist2 a { display:block; width:10em; height:1.5em; line-height:1.5em; } #navlist2 li { /* all list items */ float: left; width: 10em; /* width needed or else Opera goes nuts */ } #navlist2 li ol.second { /* second-level lists */ position: absolute; margin:0; border-bottom:1px solid #fff; background: #369; width:10em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #navlist2 liol.second { /* second-level lists for modern browsers */ position: absolute; border-bottom:1px solid #fff; background: #369; padding:0; width:10em; margin:0 0 .5em 1.5em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #navlist2 li ol.second a { /* second-level lists */ padding:.5em 0 .5em 0; background: #369; border-bottom:1px solid #fff; height:1.5em; } #navlist2 li ol.second a:link { /* second-level lists-link */ height:1.5em; border-bottom:1px solid #fff; color:#fff; } #navlist2 li ol.second a:visited { /* second-level lists-visited */ border-bottom:1px solid #fff; color:#f0f8ff; } #navlist2 li ol.second a:hover { /* second-level lists -hover*/ text-decoration:none; color:#036; background-color:#789; } #navlist2 li ol.second a:active { /* second-level lists-active */ padding:.5em 0 .5em .5em; color:#669; } #navlist2 li:hover ol.second, #navlist2 li.sfhover ol.second { /* lists nested under hovered list items */ left: auto; } full CSS is at : http://www.inspired-evolution.com/Gilbert.css any guidance/assistance is greatly appreciated. -- ::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/
[css-d] rounded corner box is funky in IE, surprise surprise!
I am applying a technique I read about using images for the corners along with CSS to achieve a rounded box effect. Looks fine to me in Mozilla but in IE the right side isn't rounded, but a straight vertical line. See here for an example. http://www.inspired-evolution.com/Personal.php I tried deploying the usual tricks that I know of display:inline and position:relative, but they aren't having an effect. Maybe I don't have them in the proper places. Any other suggestions? CSS relevant to problem in IE * html #box{ float:right; clear:left; width:20em; background-color:#789; margin-right:1em; position:relative; } .rtop, .rbottom{display:block} .rtop *, .rbottom *{display: block; height: 1px; overflow: hidden;position:relative; display:inline;} .r1{margin: 0 5px} .r2{margin: 0 3px} .r3{margin: 0 2px} .r4{margin: 0 1px; height: 2px} full CSS: http://www.inspired-evolution.com/Gilbert.css TIA -- ::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/
[css-d] text not wrapping around floating div in IE
Hello, on the personal site that I am working on (http://www.inspired-evolution.com/About_Me.php), in IE the paragraph text is dropping below the right floated div (suggested links), (see mozilla, firefox for intended look). I was hoping for some suggestions to achieve the same effect in IE as in FF, without changing the CSS for the paragraph text. That is. change the right floated div (#box) instead of the #main_content p stuff. One way I know of is wrapp the text in a div and float left for IE, but this would be a major pain. Any other suggestions? full CSS is at http://www.inspired-evolution.com/Gilbert.css TIA -Bruce -- ::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/
[css-d] don't want image on last li link!
I have a uborganized list which are also hyperlinks. I am wanting an image to appear to the right of the first two links, but not the third (or last). what I have is in the XHTML div id=sitemap ul class=sitemap lia href=Site_Map.php title=link to our Site MapSite Map/a/li lia href=Contact.phpContact Us /a/li li class=lasta href=Consultation.php title=link to free consultation form Free Consultation/a/li /ul /div and in the CSS: ul.sitemap li a{ padding:0 1.5em 0 .5em; background:url(/footer_dots.gif) right no-repeat; } ul.sitemap li.last a{ padding:0 1.5em 0 .5em; } this doesn't quite work, as the image still appears to the right of :li class=lasta href=Consultation.php title=link to free consultation form Free Consultation/a/li what do I need to do to accomplish this? Full Link: http://www.fortuneinteractive.com/SEMLogic.php (bottom, right) Full CSS: http://www.fortuneinteractive.com/CSS/primary.css TIA! -- ::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/
[css-d] page with form is displaying wacky
I am testing a page that has two block columns beginning about 1/3rd down the page. There is supposed to be a line that extends all the way to the footer in between these two columns, and this is working on all pages except. this one: http://www.fortuneinteractive.com/Consultation_test.php I think the problem is lying with the form code in the left quandrant which is causing in mozilla no diving line and the footer is askew to the left. In IE there is a diving line, and the footer is o.k, but the right div drops down. When I take the form code out the problem is not there (hence my deducting that the form is causing this problem). any ideas on a fix? the CSS is located at: http://www.fortuneinteractive.com/CSS/primary.css -- ::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/
[css-d] question about universal declaration of zero padding, margin in css stylesheets
If I declare at the top of my stylesheet div {margin:0; padding:0;} when I declare a specific div eg: #header, do I need to declare the zero attributes in there as well or does my top declaration take care of that? -- ::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/
[css-d] IE 5 Mac totally not diggin my CSS!
Hello, I know no-one (or hardly no-one) uses IE 5 Mac anymore, but I am trying to at least have my site presentable in that browser (it currently is not). Right now nothing shows up at all except the outer div and header graphic. The site is at http://www.inspired-evolution.com/ and the CSS is http://www.inspired-evolution.com/Gilbert.css any assistance or improvement/hacks for Mac IE 5 is greatly appreciated. -- ::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/
[css-d] need to get rid of scroll ar in FF/mozilla, but have div extend to footer
Hello, on a new site I am woking on (http://www.fortuneinteractive.com/) in Mozilla/FF. you get the horizontal and vertical scroll bar and I know the reason why. It is because I am overflow:auto on my content div. I added this after googling and finding this was a float clearing solver. the content div has the following CSS: div#text_area{/*hiding from IE*/ background:url(bg_text_area.jpg) repeat-y; color:#333; text-align:left; border:0; padding-top:2em; margin:0; height:100%; overflow:auto; } full css If I don't have the overflow:auto in FF/moz the div doesn't extend all the way to the footer like I want. Any suugestions on solving this problem in Mozilla, FF? full CSS: http://www.fortuneinteractive.com/main.css -- ::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/
[css-d] new warnings when validating CSS file
Today, I am suddenly getting all of these warnings when validating my CSS file that weren't there last week. I didn't make any major changes to my css file. Most of the warnings say either: You have no color with your background-color : or : You have no background-color with your color and some say: Same colors for color and background-color in two contexts has anyone else experienced this and know how to fix these warnings and also why they would appear today, but not last week? -- ::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/
[css-d] repost- unwanted gaps surrounding div in IE 6
I posted this several weeks ago, but didn't get a response, so I am reposting. For a page I am working on such as this one: http://www.semlogic.com/test/newsletter1.php with the dark grey bar below the top banner there is unwanted spacing around the bar which is a div. I have added padding:0, margin:0 to all of the surrounding divs, and tried placing all of the code on one line etc. nothing has worked so far. the CSS can be found at: http://www.semlogic.com/test/CSS/Global.css using IE 6 on PC running windows XP. anything else I should try? -- ::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/
[css-d] possible to declare multiple backgrounds on divs in CSS?
Is this possible to do? #content_wrapper{ width: 720px; margin:0; padding:0; text-align: left; height:100%; background: #fff url(../assets/images/left_bg_repeat.gif) repeat-y top left; background: url(../assets/images/right_outer_repeat.gif) repeat-y top right; } or are you only allowed onebakground per div? I am trying to create a repeating shadow effect on the right and left sides of my outer div as well as have a repeating side column background, but don't want to have to create three separate divs to hold these background images if possible. thanks, -- ::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/
[css-d] design breaks upon text resize (IE 6 PC)
I am testing a site in IE 6 pc and noticed that when you resize the text, the Middle and right divs drop down below their container. I have all the position sizing set in pixels, except for the font sizes which are set in ems for resizability. I assume this is happening because the text is expanding and is pushing the other div blocks outward, but was wondering if there was a way to prevent this from happening. the test page is at http://www.semlogic.com/test/index.htm and the CSS is at http://www.semlogic.com/test/CSS/Global.css if anyone can offer any pointers, I would be greatly appreciative. thx, -- ::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/
[css-d] unwanted white space between divs in IE
On this page:http://www.semlogic.com/test/index.htm I have a little unwanted white space when viewing in IE PC 6 between the grey bar near the top and the left blue column. I have adding padding:0 and margin:0 to both divs and also tried the holly hack for the 3 pixel jog, but I am still getting the spacing. the CSS is at : http://www.semlogic.com/test/CSS/Global.css anyonw know what *bug* is occuring here? (assuming it is a bug) thanks! -- ::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/
[css-d] problems with overlapping elements
On a page I am working on, I am trying to get a background image for a search bar to overlap and appear in front of another background image. I am not sure if this is even possible, but I am trying to do it using z-index to no avail. the page url is:http://www.semlogic.com/new_version/template.htm and the relevent CSS is #header { margin:0; padding:0; width:780px; height:142px; background: url(../images/bkg_header.gif); z-index:100; } #grey_bar{/*grey bar used below logo header*/ background:#c1c1c1 url(../images/search_bkg.gif) top right no-repeat; width:100%; height:auto; z-index:1; } the grey bar has a background positioned right which is the background for the search bar and I want that to extend beyond (above) the boundaries of the grey_bar div and appear in front of the image in the header div. hope this makes a little bit of sense. the full css is at : http://www.semlogic.com/new_version/css/style.css any suggestions for accomplishing this is greatly appreciated! thanks, -- ::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/
[css-d] faux column not working in IE 6 PC
I am trying to use the faux clumn technique for the left quadrent of my page which I want to extend down to the footer and starts at my light green h1 block with a green right border down the page. see here:http://www.wealthdevelopmentmortgage.com/Bruce/Company.htm works fine in FF but in IE the border is only extended a teensie weensie bit down the page. the full css is at :http://www.wealthdevelopmentmortgage.com/Bruce/WDM.css relevent CSS: div#maincontent{ padding:0; margin:0 0 10em 0; height:auto !important;/*sets the specific height for middle container block modern browsers*/ } div#maincontent_left_block{/*used as a holder and placement for main images which appear on a page*/ float:left; width:215px; height:100%; background:url(/images/left_block_gif.gif) repeat-y 0% 0; margin:0 1.5em 0 0;/*top margin for IE*/ } how to get IE to behave on this? -- ::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/
[css-d] trouble getting floated images to look right in IE (PC)
Hello all, I need some help getting this page to look better in IE6 PC: http://www.wealthdevelopmentmortgage.com/Bruce/Team.htm the problem is in IE there is no spacing between the images of the people picts and the bio text. When I put a border around the content, it looks like the image is contained within the text div. and no matter how much padding I apply nothing works. The way it looks in FF PC is the way it's supposed to look with the text floated to the right of the image and 25px spacing between the image and text. TIA the CSS can be found at :http://www.wealthdevelopmentmortgage.com/Bruce/WDM.css -- ::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/
[css-d] proper syntax for background-repeat x and y?
I have an image that I want tile both verticall and horizontally so I declare it in CSS as : background-image: url(/test/images/BG_tile.gif);background-repeat: repeat-y repeat-x; which works just fine, but CSS validator gives parse error and says too many values. Is this not the proper way to so this? -- ::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/
[css-d] Re: trouble getting floated images to look right in IE (PC)
In the declaration for the images, change padding to margin. Regards, David Laakso -- David Laakso http://www.dlaakso.com/ oh, duh. Yep that worked. __ 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] hover list issue / question
I am having a few issues with my menu on hover. I want the hover effect to be over the entire block leaving no space in between the white lines.(looking at FF and IE 6.0 PC) you can see what I mean in you go here :http://www.wealthdevelopmentmortgage.com/Bruce/Team.htm and hover over the top menu (home, company team, contact etc.) the CSS in question is: /*begin main navigation */ * html div#mainnav {/*targets IE only*/ padding-bottom:.5em; } div#mainnav { background-color: #363; padding:0; margin-top:2em; float:left; width:760px; } * html div#mainnav ul {/*targets IE only*/ line-height:2.5em; } div#mainnav ul { text-align: center; margin-top: 0; /* cancels gap caused by top padding in Opera 7.54 */ margin-left: 0; background-color: #363; color: #fff; font-family:arial,helvetica,sans-serif; display:inline; line-height:1em; list-style-type:none; float:left; padding-left:11em; padding-top:1em; /* fixes Firefox 0.9.3 */ } div#mainnav ul li { display: inline; margin:0; padding:0; } div#mainnav ul li.border_right{ background: transparent url(/test/images/border.gif) right no-repeat; padding:1em 1em 1.5em 0; } div#mainnav ul li a { padding:.5em .5em 1.5em 1.5em; color: #fff; text-decoration: none; font-weight:bold; } div#mainnav ul li a:hover { background-color: #9bb58f; color:#363; } #active a { border-left: 1px solid #fff; } -- ::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/
[css-d] a few more issues in FF (perhaps dealing with float clearing)
Hey guys, I am having a few more issues at : http://www.wealthdevelopmentmortgage.com/test/test_file.htm CSS: http://www.wealthdevelopmentmortgage.com/test/WDM.css when reviewing in FF, I notice the image (the key in hand image), has some unwanted space between the top of the image and the light green bar above it (I want no space). Also, I have tried adding a right margin to the text, but it doesn't take effect. I am thinking there may be another possible float clearing issue, but it may not be that, and wanted to see who else may know more than me just guessing. thanks, ::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/
[css-d] nav menu list issues with IE
Hello, for my top navigation menu located at http://www.inspired-evolution.com (about me, skill set etc.) to get the double pipe lines I am using in my CSS #navcontainer li:before { content: || ; color: #fff; font-size: 1.5em; line-height: 1em; padding-right: .25em; } I got this idea from on of the CSS list featured on http://css.maxdesign.com.au/ but, this doesn't seem to want to work on IE. Works on the other browsers I tested, though. any suggestions to please IE??? -- ::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/
[css-d] couple of dropcap issues (mostly IE)
Hello, on my home page (http://www.inspired-evolution.com), I have created a fancy dropcap for the I in inspired and noticed a couple of issues. 1) The I in inspired isn't centered in the blue background like I want it to be. 2) In IE the rest of the word (nspired) looks indented to the right, throwing off the effect. *note: I have only checked on mozilla mac and IE PC so far so there may be other issues in the other different browsers as well. I would appreciate checks on this. The CSS I am using for the drop cap is: .dropcap {/*for the dropcap itself*/ color: #fff; float: left; width: .75em; text-align:center; margin-right:.15em; padding-right:.25em; font: 5em georgia, times, serif; background-color:#369; border:2px dotted #fff; } p.cap {/*for the dropcape para*/ font-size: 1em; padding-bottom: 1em; margin-left: 2em; line-height: 17px; text-indent: 2em; } http:www.inspired-evolution.com CSS http://www.inspired-evolution.com/Gilbert.css Thanks, __ 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] CSS condenser tool
Hello, I used to have a URL bookmarked that had a nifty tool which allowed you to upload or copy and paste your css and the tool would condense the CSS wherever possible reducing the file size. I have misplaced this URL. Anyone know what I am referring to and can send me the URL again? __ 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] CSS condenser tool
Here's one: http://flumpcakes.co.uk/css/optimiser/ ciao, Zulema yep, that's the one. Thanks! -- ::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/
[css-d] not getting the desired hover effect on bottom links
Hello, I am having a problem getting the proper CSS to affect the bottom links on most of my pages. If you go to my home page :http://www.inspired-evolution.com and look towards the bottom above the footer, you will see the links (recent updates, about this site, accessibility etc.) on the home page, I am getting the desired effect with the top and bottom borders on hover. However, on any other page the hover effects are a blue background which is the default hover effect on a href's. An example would be the same links on this page: http://www.inspired-evolution.com/Hireme.php the code is the same on every page. sample xhtml code: div id=bottom_linksul id=horizontal_list2lia href=Recent_Updates.php title=Recent UpdatesRecent Updates/a/li/ul/div /div I am sure this is a specificity issue, but I haven't been able to solve it! for instance the CSS for the hover effects on the bottom links: #horizontal_list2 li a:hover { font-family: arial, helvetica, sans-serif; border-top: 1px dotted #003; border-bottom: 1px dotted #003; } I tried adding both #bottom_links and #main_content before #horizontal_list2, but neither of those attempts had the desired effect. The CSS is located at http://www.inspired-evolution.com/Gilbert.css any assistance /suggestions are greatly appreciated! -- ::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/
[css-d] problems with background image flickering on scroll
Several people have pointed out to me that on my site you get a flicker when scrolling down or up with the background image which is just a small line gif which repeats. I can duplicate this myself, but I am not sure what is causing this problem. the URL is http://www.inspired-evolution.com CSS: http://www.inspired-evolution.com/Gilbert.css any suggestions? __ 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/
[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 relavent CSS: #main_content_home { min-height: 625px;/* set here min height */ height: auto !important;/* overwrite the height */ height: 540px;/* this is also the min height for IE */ border:2px solid #069; width:720px; margin-left:1em; margin-right:1em; background: #fff url(/images/I2.gif) 11% 10% no-repeat ; } __ 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] trouble with image gallery
I am having trouble with my thumbnail image gallery alligning correctly and the rollover effect to work correctly. I am previewing on Mozilla Mac and everything is screwy. the page is here http://www.inspired-evolution.com/Graphics.php the CSS is at http://www.inspired-evolution.com/Gilbert.css the images and background aren't centered with each other the image should be centereed with the background which should be spaced out evenly horizontally across the page. Their should be a dark blue border on the images, which becomes light blue on rollover. the CSS in specific in question is: dl.gallery { border: 1px solid #33; background-color: #b0c4de; width: 150px; text-align: center; padding: 10px; float:left; } .gallery dt { font-weight: bold; font-color:#66; } .gallery dt img { border: 1px solid #66; width: 144px; height: 144px; } .gallery dt img.ams { border: 1px solid #66; width: 144px; height: 79px; } .gallery a:link { border: 1px solid #66; } .gallery a:visited { border: 1px solid #66; } .gallery a:hover { border: 2px solid #33; } .gallery a:active { border: 1px solid #33; } .gallery dd { margin: 0; padding: 0; } any assistance would be 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/
[css-d] trouble with extra width in IE PC
Hello, I still haven't been able to come up with a solution to my problem with my div's not lining up in IE (PC). The URL in question is http://www.inspired-evolution.com/Contact.php, and the CSS is http://www.inspired-evolution.com/Gilbert.css. I tried adding display:inline to the divs that make up the page, but that messes things up in the good browsers. Any suggestions for me? This isn't a float issue, because I have nothing floated. __ 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] Re: form submit button taking on css of input
'input img.submit' means An img tag inside an input tag, where the img tag has 'submit' as its class. What you want is 'input.submit', which means an input tag with 'submit' as its class. hmmm. I know have for the xhtml input class=submit src=/images/submit.gif alt=Submit type=image name=submit / and the css is: input.submit{ width:58px; height:27px; margin-left:60em; } the button is still not taking on these attributes. What am I STILL doing wrong?? http://www.inspired-evolution.com/Contact.php -- ::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/
[css-d] image mouseover effect with CSS not working
Hello, I am having trouble getting an image rollover effect to work in CSS. Basicially I have a thumbnail image that I want to have a border that expands when you mouseover the image (which is a link). the code would be something like a href=foo.htmimg src=foo class=border/a and I thought in CSS this would work: img.border a:link{border: 1px solid red} img.border a:hover{border: 3px solid red} but it doesn't. what would be the proper method here? -- ::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/
[css-d] uneven divs in IE6 win
I have noticed a problem in IE 6 win on the PC for a site I am working on located at http://www.inspired-evolution.com. The outer-div and Inner div content don't seem to be aligning. One is overlapping the other on the right hand side allowing the background to show through top/right. I'm not sure if one div is stretching too far or another is not stretching far enough. it may be a combination of both! The CSS is at http://www.inspired-evolution.com/Gilbert.css To the best of my testing It looks like this is only an IE PC issue. any assistance is greatly appreciated. -- ::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/
[css-d] specifing div height not working in Mac IE5
Hello, I know very few people use Mac IE anymore, but I use it some to test and develop and I am stuck on an issue with a site I am working on. Specifying height for a container div, soesn't seem to want to work the Div CSS in question is: #main_content{ background:#fff; min-height: 540px;/* set here min height */ height: auto !important;/* overwrite the height */ height: 540px;/* this is also the min height for IE */ border:5px solid #999; width:750px; } the div only wants to extend to the amount of content and not to the height given for the div. An example would be http://www.inspired-evolution.com/Portfolio.php IAFAIK) this is only occuring on Mac IE-5. Any suggestions is greatly appreciated. TIA -- ::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/
[css-d] consistent container height no matter the amount of content
Hello, I am working on setting up a personal web site and I am testing on a Mac in Mozilla. I have only tested briefly in other browsers, but one problem I am noticing is the height of my container div only extends to the amount of the content and not a fixed height. I want each page to be the same height. I tried using height:100% on both the body and container elements, but that doesn't work. How can I accomplish this? I know JS is sometimes used to keep columns all the same height and didn't know if that was also the only solution for this problem or not. Anyway, to see what I am referring to go to: http://www.inspired-evolution.com/Resume.php versus http://www.inspired-evolution.com/Contact.php I would want both these pages to have the exact same height... CSS is at http://www.inspired-evolution.com/Gilbert.css the divs in question are : #wrapper_outer{/*wraps page*/ width:750px; height:100%; font-size:1em; border-right: 5px solid #036; border-left: 5px solid #036; min-height:100%; } and #wrapper_inner{/*creates wrapper div around textual content and footer*/ height:100%; background-color:#036; } TIA for any assistance with this! -- ::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/
[css-d] a little confused on these hacks on which browser they pertain to
A couple of CSS hacks I see used quite frequently are setting a : width:45em and also a w\idth: Is the normal way to do width for IE and the other one for Gecko? I'm a little confused on that. Also, what does htmlbody #wrapper (or anything similar) do? and what browser(s) does that target? TIA -- ::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] using percentages, paragraph too small within tables
On 5/31/05, Martin Heiden [EMAIL PROTECTED] wrote: Bruce, To scale the font-size, you have to declare a value 100%. thanks, but I tried that, and it didn't seem to work. here is a link to the page I was referring to: http://206.211.80.55/Schools/schools_details.php you will be prompted for login: username: administrator password: dpsweb#55 scroll down until you see the paragraph 'directions', and underneath that you will see 'from I-85...below that you will see really tiny text that says 'why am I so small?'. This is the text I am referring to. -- ::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/
[css-d] can't get rid of spacing between table header and first table row
I have a table with a table header followed by table rows with data...pretty standard. I can't get rid of the space that occurs between the table header(th) and the first table row(tr). I tried this, but still getting a space. Any suggestions? table th background-color:#99cdff; margin:0; padding:0; border:none; } -- ::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/
[css-d] alt tag in CSS?
I don't suppose there is a way to give an image an alt tag when you are calling the image as a background in CSS is there? div id=image/div or is the rule of thumb, if the image requires an alt tag, specify in the html?? TIA -- ::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/
[css-d] why doesn't this work in gecko browsers
I am trying to do a table border in CSS and my border shows up in IE (PC), but not Gecko. table.borders{/*used when creating a table w/ borders*/ border:1px solid #d3d3d3; border-collapse:collapse; padding:10px; } table td.borders {/*used when creating a td with borders*/ padding: .25em; border: 1px solid #d3d3d3; border-collapse:collapse; } it's a nested table, so maybe that's the issue? eg: table tr td table class=borders tr td class=borders/td /tr /table /td /tr /table any ideas? TIA -- ::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/
[css-d] how would I set the font size in CSS for something like this?
I have a percentage set up in my body css (100.01%) and various percentages of that size for other elements. I have a form within an unorganized list where the font size of my option links are appearing way to small in Gecko browsers so I need to know how I would set it in CSS. the code is something like this: ul li form action= onSubmit=return jumpMenu(this.Forms) select name=Forms title= option class=selectionCommunity Education.../option option value=/option /select /li /ul I thought it would be something like: ul li form option {font-size:100%} ...but that doesn't work :-( any suggestions? -- ::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/
[css-d] too much space when using clear:both
hello, I have a table element which I am using to clear a div, but when I do it gives me too much space by using clear:both. Any suggestion on reducing the spacing? the site is http://206.211.80.55/Reports_and_Publications/index.php. You will need to login with username:administrator password:dpsweb#55. the css is at http://10.21.80.1/assets/css/DPS_Global.css same username/password. thx, -- ::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/