Re: [css-d] Yet another RTL bug?
Thanks for looking into it, Jukka! Looks like a nasty bug. Setting margins and things like that don't seem to fix it. Yes, yet it works fine in IE6... And I was always under the impression that IE had good support for RTL formatting... Well, CSS has nothing to do with the _problem_, since the demo page does not have any CSS. But I guess you're asking whether CSS could be used to develop a _workaround. Yes, sorry, I wasn't clear in my request... :o) How about a workaround that removes the html scrollbars and sets scrollbars for body? This actually works great, but when the page is too short, the scrollbars are a bit too high up the viewport. I was currently trying to see if I can get a liquid cell to form scrollbars when the table overspills the viewport... :-S Once again, thanks so much for looking into it, Jukka! - Sharon __ 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] Writing CSS articles in English: site structure issues
On 6/1/08, Gabriele Romanato [EMAIL PROTECTED] wrote: Yesterday I've finished to write my first CSS article in English. This is the first of a series of articles that I'm going to _deliver_ in the next fall or something. I've a problem with my site structure. As some of you know, a page named /articoli.html already exists. My site is static, so I've the following options: 1. add a link to /articoli.html articles.html 2. create a /en section 3. create a third-level domain 4. rebuild my site navigation so: 1. most probable. do you think English/American/Foreign people will have some problems with finding it on Google? 2. this doesn't fit to the rest... 3. expensive! 4. baaz! I'm too lazy *^.^* I would opt for an /en section - it gives you the most flexiblity, especially if you have the same article in multiple languages. It is reasonable that the default language of the site doesn't have /it, and if you come up with a language-based navigation management as the site grows, you can always create a redirect from /it to / if that assists automated generation of links. -- 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] linking an entire td
--- Scott Haneda [EMAIL PROTECTED] wrote: How can I link and entire td in a table? I can only seem to get it to work if I set an explicit height, which in this case, I do not know ahead of time As you suggest / fear, I don't think this is possible. Setting height: 100% to the 'a' will only have an effect if its containing block (i.e. the 'td') has an explicitly set height (see http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-height). I'm sure there's a good reason for this. Can you not have your dynamic image generation script also setting the table cell's height? - bobby __ 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] problems with rollovers on dropdowns
My navigation with dropdowns is giving me some issues: In FF, looks generally o.k., but hovering on the dropdown list items adds in some undesireable margins and padding, though I can't find where those are in the CSS. IE 7 shows many more problems. Too much padding above smallnav, dropdowns on nav appear too high, and rollovers are not clean, margin of the first navigation item should be against left edge. Help! -Becca __ 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] problems with rollovers on dropdowns
Rebecca Richter wrote: My navigation with dropdowns is giving me some issues: Help! -Becca I think you'll need to provide a clickable link to it. -- 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/
[css-d] problems with rollovers on dropdowns
Sorry, here's the link: http://www.blackfootchallenge.org/rebeccatest/homepage1_test.html My navigation with dropdowns is giving me some issues: In FF, looks generally o.k., but hovering on the dropdown list items adds in some undesireable margins and padding, though I can't find where those are in the CSS. IE 7 shows many more problems. Too much padding above smallnav, dropdowns on nav appear too high, and rollovers are not clean, margin of the first navigation item should be against left edge. Help! -Becca __ 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] linking an entire td
How can I link and entire td in a table? I can only seem to get it to work if I set an explicit height, which in this case, I do not know ahead of time As you suggest / fear, I don't think this is possible. Setting height: 100% to the 'a' will only have an effect if its containing block (i.e. the 'td') has an explicitly set height (see http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-height). I'm sure there's a good reason for this. If you set the a element to display:block is the above still true? (I've not tested it, just wonder alound.) ...Rob E. __ 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] :: List item images flickering in IE-6 ::
Hi!
I have finished with my layout and found problem with IE6. The page is
www.awayback.com/aitt/about.html On the left side I have used the background
images as bullets. The bullet images are applied 'a' tag which resides inside
'li' tag.
The code is:
.about .col-1 { width: 210px; }
.about .col-1 ul li { display: inline;}
.about .col-1 ul li a {
display: block;
padding: 5px 0 5px 20px;
border-bottom: 1px solid #ccc;
background: url(../images/bullet_abt_aitt.gif) no-repeat 5px center;
}
Please help me with this and also why is this happening.
Kind Regards,
Amrinder
Freelance Web Designer
www.awayback.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] linking an entire td
--- Rob Emenecker [EMAIL PROTECTED] wrote: How can I link and entire td in a table? I can only seem to get it to work if I set an explicit height, which in this case, I do not know ahead of time As you suggest / fear, I don't think this is possible. Setting height: 100% to the 'a' will only have an effect if its containing block (i.e. the 'td') has an explicitly set height (see http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-height). I'm sure there's a good reason for this. If you set the a element to display:block is the above still true? (I've not tested it, just wonder alound.) ...Rob E. Unfortunately, yes. The spec says so. __ 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/
[css-d] Target IE7? Or Something Better?
Regarding this site and CSS:
www.springfieldmo.gov/founders/
www.springfieldmo.gov/css/founders.css
The issue:
In IE7 only, the menu images are 9px too high, apparently needing the same
9px margin-top as on these items as IE6 did. But my IE6 rule below isn't
seen by IE7. The relevant CSS from the full stylesheet is below. Should I
add a third, IE7-only rule somehow to the #navListHor img rules below? Or
is something in my original CSS below flawed to begin with?
I'm late to the IE7 game, so I'm not sure if it should now be acting much
like FIrefox, but with this rule it definitely isn't.
I'm just trying to find where the ultimate fault lies and how to address it
best.
ul#navListHor {padding:0px; margin:0; margin-left:170px;
list-style-type:none; margin-top:9px;}
#navListHor li {float:left; margin-right:10px;}
#navListHor img {border:none; margin-top:0;}
* html #navListHor img {border:none; margin-top:9px;}
Thanks, as always, to the great minds on this list!
Chris A.
__
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] Rendering Flash Object within a list.
Hi, Is it possible to render a flash movie as a line element in an unordered list or as a detail description in a definition list? If so, what would be the markup and accompanying CSS styles for achieving this? Regards, Sohail Aboobaker. __ 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] drop-down navigation (not hovering in IE)
Hi,
I'm having trouble with this css drop-down/hover menu.
Its working perfect in firefox and safari, but will not show up in
IE 6 7. You can see it here: http://www.ozworkz.com/delnorte/temp/
The drop-down is only on the Locations menu item.
The drop-down would not show up at all in any browsers until I added the
z-index: 99; to the css.
Here is the css for the menu: (I'm sure its not the most efficient,
but I'm just trying to get it to work at this point).
view the full css here: http://www.ozworkz.com/delnorte/temp/style.css
also I've set it up so that when the text-size in the browser is
increased, the menu stays in tact (the background images appear the
same).
if that makes sense.
/* NAVIGATION */
#nav ul {
margin: 0;
padding: 8px 5px 0 15px;
height: 27px;
list-style: none;
background: url(images/menu-left.gif) 0 0 no-repeat;
float: right;
}
#nav li {
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
/* Home Home
___*/
.home {
padding: 4px 12px;
}
a.home {
font-family: Trebuchet MS;
font-size: 1.3em;
font-weight: bold;
color: #750C10;
text-decoration:none;
}
a.home:active {
text-decoration:none;
}
a.home:hover {
color: #FFF;
text-decoration: none;
}
/* Locations Locations
___*/
.locations {
padding: 6px 15px;
}
a.locations {
font-family: Trebuchet MS;
font-size: 1.3em;
font-weight: bold;
color: #750C10;
text-decoration:none;
}
a.locations:active {
text-decoration:none;
}
a.locations:hover {
color: #FFF;
text-decoration: none;
}
#nav ul .secondlist { /* second-level lists */
position: absolute;
background: #BDA989;
border: 2px solid #7F2E14;
width: 145px;
height: auto;
margin:4px 0 0 50px;
padding: 0;
z-index: 99;
left: -999em;
}
#nav ul .secondlist a {
text-decoration: none;
display: list-item;
background: none;
padding: 5px 0;
color: #51432D;
font-size: 1.0em;
font-weight: bold;
}
#nav .secondlist li a:hover {
background: #7F2E14;
color: #FFF;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
/* Information Information
___*/
.information {
padding: 4px 15px;
}
a.information {
font-family: Trebuchet MS;
font-size: 1.3em;
font-weight: bold;
color: #750C10;
text-decoration:none;
}
a.information:active {
text-decoration:none;
}
a.information:hover {
color: #FFF;
text-decoration: none;
}
/* Photos Photos
___*/
.photos {
padding: 4px 15px;
}
a.photos {
font-family: Trebuchet MS;
font-size: 1.3em;
font-weight: bold;
color: #750C10;
text-decoration:none;
}
a.photos:active {
text-decoration:none;
}
a.photos:hover {
color: #FFF;
text-decoration: none;
}
/* Contact Contact
___*/
.contact {
padding: 4px 15px;
}
a.contact {
font-family: Trebuchet MS;
font-size: 1.3em;
font-weight: bold;
color: #750C10;
text-decoration:none;
}
a.contact:active {
text-decoration:none;
}
a.contact:hover {
color: #FFF;
text-decoration: none;
}
__
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] :: List item images flickering in IE-6 ::
.about .col-1 { width: 210px; }
.about .col-1 ul li { display: inline;}
.about .col-1 ul li a {
display: block;
padding: 5px 0 5px 20px;
border-bottom: 1px solid #ccc;
background: url(../images/bullet_abt_aitt.gif) no-repeat 5px center;
}
Hi Amrinder,
I'm on my Ubuntu system at the moment, so I haven't verified this, but
it would seem you are experiencing a background image caching bug in
IE6. To fix this, I place this on all my sites:
!--[if IE 6]
script type=javascript/css src=link/to/fixIeBgFlicker.js/script
![endif]--
and I have this auto-running script in a separate file
(fixIeBgFlicker.js) in my javascript folder:
/**
* Fixes Background Caching for Internet Explorer 6
*/
(function fixIeBgFlicker () {
// object detection
var m = document.uniqueID // IE
document.compatMode // =IE6
!window.XMLHttpRequest // =IE6
document.execCommand ; // IE
try {
if (!!m) {
m(BackgroundImageCache, false, true) // = IE6 only
}
} catch (oh) {};
// This is only for testing and confirmation.
// When you know it is loading and running, delete this altogether.
alert('fixIeBgFlicker loaded');
})();
Technically, the object detection component is unnecessary in your case
since you are using no other javascript and can therefore get by using
conditional comments. I left it in because I often merge my js into a
single file to trim http requests and often forget to pull this out into
a separate file for IE6/conditional comment loading. Feel free to pare
it down if you wish.
Hope it helps!
Bill Brown
TheHolierGrail.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] :: List item images flickering in IE-6 ::
.about .col-1 { width: 210px; }
.about .col-1 ul li { display: inline;}
.about .col-1 ul li a {
display: block;
padding: 5px 0 5px 20px;
border-bottom: 1px solid #ccc;
background: url(../images/bullet_abt_aitt.gif) no-repeat 5px center;
}
Hi Amrinder,
I'm on my Ubuntu system at the moment, so I haven't verified this, but
it would seem you are experiencing a background image caching bug in
IE6. To fix this, I place this on all my sites:
!--[if IE 6]
script type=javascript/css src=link/to/fixIeBgFlicker.js/script
![endif]--
and I have this auto-running script in a separate file
(fixIeBgFlicker.js) in my javascript folder:
/**
* Fixes Background Caching for Internet Explorer 6
*/
(function fixIeBgFlicker () {
// object detection
var m = document.uniqueID // IE
document.compatMode // =IE6
!window.XMLHttpRequest // =IE6
document.execCommand ; // IE
try {
if (!!m) {
m(BackgroundImageCache, false, true) // = IE6 only
}
} catch (oh) {};
// This is only for testing and confirmation.
// When you know it is loading and running, delete this altogether.
alert('fixIeBgFlicker loaded');
})();
Technically, the object detection component is unnecessary in your case
since you are using no other javascript and can therefore get by using
conditional comments. I left it in because I often merge my js into a
single file to trim http requests and often forget to pull this out into
a separate file for IE6/conditional comment loading. Feel free to pare
it down if you wish.
Hope it helps!
Bill Brown
TheHolierGrail.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/
[css-d] Where to put the width?
I'm currently working with code that has a table based layout. It's also templated such that peices of a page are in seperate physical files. Its difficult for me to do things like widen a column because the width of the column is specified 3 or 4 times, like this (pseudo-code): table width=200px cell width=200px table width=200px div width=200px ...and so on. Now it seems that the innermost width takes precedence. So that if the outermost table width were to be changed to 100px, the rendering would not change. So I guess I have two questions: first, is it true that the innermost width always takes precedence, or is there a more subtle rule that my tests have not revealed? Second, what is the best policy to specify widths to avoid redundancy - specify only the innermost width, or only the outermost width? Thanks! - Josh __ 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] problems with rollovers on dropdowns
Rebecca Richter wrote: http://www.blackfootchallenge.org/rebeccatest/homepage1_test.html My navigation with dropdowns is giving me some issues: In FF, looks generally o.k., but hovering on the dropdown list items adds in some undesireable margins and padding, though I can't find where those are in the CSS. IE 7 shows many more problems. Too much padding above smallnav, dropdowns on nav appear too high, and rollovers are not clean, margin of the first navigation item should be against left edge. Help! -Becca Difficult to shove 5lbs of apples in a 3lb bag. If you are up for it, I'd suggest splitting the one bank of 9 links into two banks. It will, at least, give users the ability to scale the fonts just a little before the whole thing turns into an explosion in a jigsaw puzzle factory. This [1] seems to be working, more or less, in IE/6 IE/7, Safari, and Mac FF. The menus are a spin on this [2], rather than the menu you used. [1] http://www.chelseacreekstudio.com/ca/cssd/e.html [2] http://sperling.com/examples/menuh/ -- 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] Site check please...
on the Order, FAQ and Contact US pages the leftcolumn-two div contains a child div called post which has some padding. This shifts all content down and across, not sure if this is intentional. lister 2008/6/3 Michael Adams [EMAIL PROTECTED]: On Tue, 03 Jun 2008 12:22:49 -0700 (PDT) Raven Gildea wrote: Hi all, May I request a site check please? It all looks okay on my own Mac and PC browsers, but I'd like to hear of any weirdness you might see that I don't: http://www.sweetlorrainebakeshop.com/ Thanks very much! Lorraine Hi Lorraine: I'm seeing two small issues in IE5/Mac. On the home page, I'm getting little square blocks in front of the apostrophes in I've and don't in the lower righthand column. Source in IE5/Mac shows this: pThese are the BEST cupcakes I?'ve ever had.br / pI don'?t want any other chocolate chip cookies after having yours.br / while source in Safari shows I've and don't without the question marks. I don't know why. Anyone? Also in Mozilla on Linux. I originally thought it was UTF-8 chars in a non UTF-8 page. But both your HTTP header and page Content-Type declare UTF-8. The validator spits on these \xA9 characters as well. http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sweetlorrainebakeshop.com%2Fcharset=%28detect+automatically%29doctype=Inlinegroup=0ss=1verbose=1 -- 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/ -- Rob Freeman [EMAIL PROTECTED] __ 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] Target IE7? Or Something Better?
Chris Akins wrote: Regarding this site and CSS: www.springfieldmo.gov/founders/ www.springfieldmo.gov/css/founders.css The issue: In IE7 only, the menu images are 9px too high,.. Mac OS X 10.4.11 (Parallels XP IE). With your page in IE/7, IE/6, and Mac/FF adjacent to adjacent to each other, I see no difference in the position of the horizontal list marker. Someone with win/XP or win/2000 /may/ see a difference. -- 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] Target IE7? Or Something Better?
Regarding this site and CSS: www.springfieldmo.gov/founders/ www.springfieldmo.gov/css/founders.css The issue: In IE7 only, the menu images are 9px too high, apparently needing the same 9px margin-top as on these items as IE6 did. Chris, I'm seeing no difference whatsoever with IE6 and FF on XP SP1 and also IE7 on XP SP3. -Melbeach __ 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] Target IE7? Or Something Better?
I'm late to the IE7 game, so I'm not sure if it should now be acting much like FIrefox, but with this rule it definitely isn't. I'm just trying to find where the ultimate fault lies and how to address it best. Chris, Tests on IE7/Vista and Firefox/Ubuntu 8.04 side-by-side show identical or nearly identical presentations, and certainly no flaws. Am I missing something or have you already fixed this for IE7? Nice looking site, including back to the root home page. Great work. Incidentally, are you going to the National Association of Government Webmasters in Chicago this September (http://www.nagw.org)? Zoe Gillenwater is presenting a two-hour conference session on CSS and I am presenting a four-hour pre-conference session on Advanced CSS. Anyway, hope that helps. Bill Brown TheHolierGrail.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/
[css-d] IE Margin Issues
Hello All, I have an issue with a negative margin in IE. I have this site set up so that the navigation falls back on top of the header as seen in this capture: http://www.lyramid.com/test/Assets/Images/navigationcapture.png This displays fine in all browsers but IE. Here's what it looks like: http://www.lyramid.com/test/Assets/Images/navigationcapture_gap.png I've searched through the archive and google extensively and I can't find an answer. Any help would be appreciated. The site: http://www.lyramid.com/test The css: http://www.lyramid.com/test/gelrilla_styles.css Thank you for your time. __ 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] IE and img trouble
Hi everyone. I just discovered this list through hotdesign.com/seybold/32online.html. I've been maintaining websites for a little while now and I'm also interested in FreeBSD and OSS programming. I've got a question about a layout I'm doing in which I keep getting the background color poking out between the images I'm using. I'm not sure why this is, and it's only in Internet Explorer (opera and firefox display it with out this). I know that the background is poking out of the bottom of the image, if that matters. Here's the link to the page w3.coh.arizona.edu/aas/new_aas The layout is tableless, but I had tried it with tables too and the same thing was happening. I would guess it has something to do with text spacing, but I've messed with it, and I can't figure it out. Does anyone know how to eliminate it? Basically I want the images to be displayed seemlessly. I know that I could just photoshop them, but since there is going to be a lot more to this template, I want to figure out how to get rid of that gray background popping through. Thanks ~ Chris -- christopher [EMAIL PROTECTED] __ 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] IE and img trouble
christopher wrote:
I've got a question about a layout I'm doing in which I
keep getting the background color poking out between
the images I'm using.
w3.coh.arizona.edu/aas/new_aas
Thanks ~ Chris
Add this to close the gap in IE/6 and IE/7:
img {vertical-align:bottom;}
--
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/
