Re: [css-d] div element seemingly incorrect
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Ray Leventhal wrote: The 'container' div needs a border. When I style 'container' with a border, only the 'header' div seems to get the border when I'd expect the border to encompass 'container' in full, encircling all the other divs within container. Since #nav/#main are floated, they are taken out of the layout, so you need to make #container contain the floats. The easiest way to do this is to add overflow: auto; to #container. A fuller explanation (with some alternative methods) is at http://css-discuss.incutio.com/?page=ClearingSpace Hope this helps, Ricky -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.7 (GNU/Linux) iD8DBQFGs39/ZBKKLMyvSE4RAvAEAJ9B1yVKg/YygXjYj00DZGloQm0lrACfZO99 L3ca6i25/cUJ7IT5L4mMxrg= =vnZd -END PGP SIGNATURE- __ 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] Making a container of two columns stretch to contain the longer of the two
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Dave M G wrote: What I need is for the container div to stretch out to be as long as whichever of the side-menu or article-container is longest, so that its borders and background enclose both columns all the way down to the bottom. Looks like a float containment problem to me. Try setting overflow: auto; on the container. Hope this helps, Ricky -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.7 (GNU/Linux) iD8DBQFGqMiLZBKKLMyvSE4RAqQ/AKDWBh2U5Plc5tHeiUANy3lwdKKWbwCfQiHm ZN2n0VWi45fCt6W98CgpGAw= =fGI+ -END PGP SIGNATURE- __ 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] Background image not centring correctly in Firefox
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Seona Bellamy wrote:
Heya,
I was under the impression that by setting the background-position to
center center you could get your background image sitting in the middle of
the screen. IE is doing this just fine, but with Firefox I am finding that
the image sits right up at the top, half off the screen. You can see it in
action at http://www.frontandback.com.au/temp/
You need to set html, body { height: 100%; }. Otherwise body should
only be as high as its content.
Hope this helps,
Ricky
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.7 (GNU/Linux)
iD8DBQFGp//kZBKKLMyvSE4RAlyCAJ4g88Wu+U95rQOlfyGeGaygYBhxywCeK/L5
f0aSWFkN7RBCfWf35zgfuqY=
=cMEe
-END PGP SIGNATURE-
__
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] H2 background to work like sliding doors
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Erik Gyepes wrote: Hello, I have a rounded black box under a h2 element and I want it to work like sliding doors - to be longer when the text is longer, and vice versa. But now it has width as it's container box and I don't know how to solve that, look here http://erikgyepes.com/problem/. Does setting the background-color to black in h2.box work? background: #00 url(images/black-box-right.png) no-repeat; Hope this helps, Ricky -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.7 (GNU/Linux) iD8DBQFGpjqZZBKKLMyvSE4RAnlGAKCTyd5FAGIRBQ4aaEG59SOr4v0poQCgsJV0 tPFwgZu+pSnA22GOYvc1vxk= =JzD0 -END PGP SIGNATURE- __ 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] Wrapper isn't working - not sure why
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Juanita wrote: Can anyone see why the wrapper isn't holding everything inside it? Since the columns are floated, they are taken out of the flow, which is why the wrapper only contains the header. To clear the float, you can set overflow: auto; on #wrapper, or use one of the other methods mentioned at http://css-discuss.incutio.com/?page=ClearingSpace. Hope this helps, Ricky -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.7 (GNU/Linux) iD8DBQFGoTU4ZBKKLMyvSE4RAureAKDP3QILc24st1zBvn8Zj+tUWWXNTwCg6Es/ SVmxi/KlCH5MVcR6yAXzKJ0= =/QqB -END PGP SIGNATURE- __ 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] Inheriting background colour in IE
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
[EMAIL PROTECTED] wrote:
tr.bottom td.foodcolumn {background: url('img/nutri_chart_botleft.gif')
no-repeat bottom left;}
tr.bottom td.savingcolumn {background: url('img/nutri_chart_botright.gif')
no-repeat bottom right;}
which works fine in Firefox, but in IE6 the background colour from the
.odd/.even is reset. I've tried to set it to inherit but nothing seems to
work unless I hard code the colour into the .bottom elements which isn't
ideal because it's not known whether the .bottom row would be an .odd or
.even one (the number of entries might be variable).
Any suggestions on the best way to achieve this?
Perhaps:
tr.bottom td.foodcolumn
{
background-image: url('img/nutri_chart_botleft.gif');
background-position: bottom left;
background-repeat: no-repeat;
}
tr.bottom td.savingcolumn
{
background-image: url('img/nutri_chart_botright.gif');
background-position: bottom right;
background-repeat: no-repeat;
}
Hopefully, this won't override the background-color set before.
Hope this helps,
Ricky
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.7 (GNU/Linux)
iD8DBQFGoTdCZBKKLMyvSE4RAhBhAJ9OV2JCvEHx1SZhbp83+VaF5VqEigCdFD3X
ynDVEb3NofetTuhfgQ+hPWg=
=xX/A
-END PGP SIGNATURE-
__
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] footer that 'sticks' at the bottom
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Arian Hojat wrote: I seen a couple webpages where the footer is a neat little thin strip absolutely positioned? at the bottom of viewport, and the content will go behind it, but the content is never hidden since they use some padding i guess and u can use the browser's scrollbars to view the content if its expand over browsers' viewport size, but the footer is always there and never 'pushed out'. Anyway to achieve this? My example of this is at http://test.riczho.dyndns.org/fullheight/. Instead of absolutely positioning the footer, I keep it relatively positioned and outside of the height: 100%; wrapper, then use negatives margins/padding on #content to always keep it at the bottom. Hope this helps, Ricky -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.7 (GNU/Linux) iD8DBQFGnnfrZBKKLMyvSE4RApqiAJwNIq9XHDyovk8mUZB2Is2mjIqsMACg6hm+ bvreBw8Su83XaKjXwPal35k= =63P5 -END PGP SIGNATURE- __ 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] Honing shorthand skills:
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Micky Hulse wrote: margin: 20px 0 0 0; Can be shortened-down to this: margin 20px 0 0; Because the LEFT value will obtain a value from the RIGHT value. Correct? Yup- here are all the possibilities: margin: all; margin: top/bottom left/right; margin: top left/right bottom; margin: top right bottom left; For more info, see http://www.w3.org/TR/CSS21/box.html#propdef-margin. Hope this helps, Ricky -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.7 (GNU/Linux) iD8DBQFGlVuEZBKKLMyvSE4RAiGwAJoD1dheIQgsJJhMHBGiECahUXNhWgCg1eI7 8GwtaFRraMEtCCJthAr+9jc= =2jPo -END PGP SIGNATURE- __ 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] Left 50% margin- 497
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Colin Mcgarry wrote:
Looking at the css of a website I was visiting i noticed the following
page layout.
#page {
position: absolute;
width: 994px;
left: 50%;
margin-left: -497px;
}
I can follow the logic of this but is it better than
left 0
margin 0
It looks like a relatively hideous way to center a page. I would use:
#page
{
width: 994px;
margin: 0 auto;
}
instead.
Hope this helps,
Ricky
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.7 (GNU/Linux)
iD8DBQFGksQhZBKKLMyvSE4RAhFcAKC7rHQa8PO1pDmra1J/NFup2s7iuACfcYHJ
H1GilXhsf3Xx/zQPI7PIvVo=
=6t+K
-END PGP SIGNATURE-
__
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] CSS Menu not Layering over Flash
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Echo Schmidt wrote: I have a CSS Menu that is not layering over Flash. I tried using the wmode preference and that fixed it in IE but the CSS is still layering behind the flash in Firefox. Does anyone know what the fix might be? As a side note, the wmode attribute isn't supported in Firefox on Linux at all (https://bugzilla.mozilla.org/show_bug.cgi?id=137189). While there is a hideous hack involving placing an iframe between the flash and the menu and using javascript to set display: block; on it (this might be outside the scope of css-d), I'd suggest that you just avoid the situation if possible. Hope this helps, Ricky -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.7 (GNU/Linux) iD8DBQFGksU9ZBKKLMyvSE4RAsLxAKC+MD1G4dplxakt4Q9O6VIfppxWUwCg5wfQ OAQLu/XKW/OKZNPmltVFWwg= =BC51 -END PGP SIGNATURE- __ 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] Centering a div
James Smith wrote:
If you look at http://dev.jaysphotography.org.uk/index.cfm/page/images/ you
will see thumbnails at the top of the page. No matter how hard I try I
can't get these to the centre of the page and I have tried all of the normal
tricks.
Since the images are floated, it's somewhat difficult to center them.
If you don't mind having a small space between them (which I think looks
better anyway), you can remove float: left; from #Thumbs img and set
#Thumbs { text-align: center; }.
Hope this helps,
Ricky
signature.asc
Description: OpenPGP digital signature
__
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] CSS and accesskeys
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Arlen Walker wrote:
I've been wracking my brain: Is there any way a CSS selector can pick
up on the accesskey assigned to a link to style it differently?
You can use attribute selectors
(http://www.w3.org/TR/REC-CSS2/selector.html#attribute-selectors):
ex. a[accesskey=x] {}
Of course, IE6 doesn't support this (if I remember correctly).
Good luck,
Ricky
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.6 (GNU/Linux)
iD8DBQFFzm4+iXbZ7NjlUcARAtlOAKDAJ5Hxs+j7Mg1duDqOuHMeX5oqYgCfR+ax
Mh1pOjP0J6qkpAynXVUETWw=
=u0c9
-END PGP SIGNATURE-
__
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] 100% height question
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Andy Harrison wrote: For the sticky footer, assuming it's actually possible, I'd think you'd want to put everything in a wrapper div with min-height 100% (or gasp a table). I've mulled this over myself a few times but haven't actually played with it. Lemme know if you figure it out. :-) Here's my little test for the sticky footer: http://test.riczho.dyndns.org/fullheight/ Hopefully, it can be easily expanded to three columns (unfortunately, it uses faux columns right now, but the overall method might be useful). Hope this helps, Ricky -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.6 (GNU/Linux) iD8DBQFFtWdViXbZ7NjlUcARAj8wAKCMKirheptXk7mPziNMx/Q9unxQFwCgqbp+ GV9UyFd094Bp/gBEsJfZiLM= =xA0x -END PGP SIGNATURE- __ 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] Is a forum a tabular data?
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Blake wrote: Yes, you're right, the main forum is definatly a table. And what of the threads themselves? Two columns, no real headings or complex data, that part of the forum is crying out to be an ol to me, and I'm imagining the markup to be something like this: If you need a reference of semantic markup for a forum, take a look at PunBB (http://forums.punbb.org/)- they pretty much use valid, semantic markup throughout their forum package (which make it extremely easy to custom-style with just CSS). Ricky -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.6 (GNU/Linux) iD8DBQFFk/MQiXbZ7NjlUcARAh35AKCpI/xtgvfAA/ldK7h+2JyMz3u6PACeLg1d aA6VI+Yxu+06hECzGIe9Vfk= =9bB5 -END PGP SIGNATURE- __ 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] Famous CSS/Javascript menuins system
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Wes Gamble wrote: I've been lurking on this list for a while and there is almost always mention of some well known, currently fairly popular CSS (and Javascript I think) dropdown menuing scheme. It has a very catchy name, but it escapes me. Can anyone help me remember it? Perhaps you mean Suckerfish Dropdowns? (http://alistapart.com/articles/dropdowns/) Ricky -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.5 (GNU/Linux) iD8DBQFFPe87iXbZ7NjlUcARAq1OAJ4jvo5anpMoozOyYpv9tGySJ8WaUwCg2hz0 oAdNwvIOHTNmxq0h+HckMGk= =YJgM -END PGP SIGNATURE- __ 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] How do you adjust the indent on UL LI elements?
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Robert Lane wrote: How would I write a style to get rid of or reduce the indent on the list items? Try playing around with the paddings of the ul. Ricky -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.3 (GNU/Linux) iD8DBQFEtYQ+iXbZ7NjlUcARAu79AKDKBdzKSyBGftc7vrOP7xvs4HmlLACgz2rb M7H8JyTLPU7lC/CSa8ElD6M= =HnRf -END PGP SIGNATURE- __ 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] forms: tables or CSS?
On 6/11/06, pablo / silvasonic [EMAIL PROTECTED] wrote: what do you guys think? tables or CSS? and if tables, what's the best way to go about it, so that the form is still accessible. Well, personally, I tend to use a divlabel/labelinput/div markup for forms (something like this: http://test.riczho.dyndns.org/forms/). I've previously used a definition list for forms, but I think that markup sacrificed a bit of flexibility, (as do tables, in this case) Ricky __ 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] Margins displaying differently in IE vs Firefox/Opera
On 5/31/06, Joanne [EMAIL PROTECTED] wrote: I have a page made where the navigation is sitting in a div with a margin left value of 20px. It is sitting in a different place in IE than it is in Firefox (and I'm pretty sure that Firefox is actually correct. Although I can't tell much more without looking at the site, I would guess the double margin bug: (http://www.positioniseverything.net/explorer/doubled-margin.html). If this is the case, try adding display: inline; to #navigation. Hope this helps, Ricky __ 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] Rounded Corners
Can anyone suggest some of the better methods out there for learning and creating round corners. I'm really only looking for a link, and while I'm persuing the CSS Front page, still like to know what others think are the better methods. Most important is that they are image free, strictly CSS. Optional would be nice to have drop shadow on the rounded corner boxes. There are a ton of links on the wiki: http://css-discuss.incutio.com/?page=RoundedCorners (I've never even had a chance to go through all of them). As far as imageless and drop shadows, I'm afraid that those will probably either require javascript, browser-specific/unsupported properties, or horrendously ugly markup. Good luck in your search, though! Ricky __ 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] Does anyone use css with SSI?
I'm not sure if my template page should have the for example the div id=mainmenuor if the included text should contain this. Where this div tag is may not be the issue. I don't use the z index anywhere. Maybe I should be using this. Personally, I base include placement on how clean I can keep the main file (so I'll keep the opening/closing of tags in the included template). To Evert: For really simple applications, I think SSI is supposed to be the fastest method, so I'll use it for sites that won't need other dynamic content. Ricky __ 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] Visibility Issues
I've setup a list to organize the navigation links on the left, but after I added the code making them links, they all disappeared. I think you referred to link classes as IDs. Good luck, Ricky __ 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] CSS editor?
what do you guys (and gals) recommend as a CSS editor? Personally, I use Vim for everything. Although it has somewhat of a learning curve, you become VERY efficient once you get used to it. Versions for almost any OS are available at http://www.vim.org/download.php Ricky __ 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] Position-problem
On 4/9/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: My problem is that the div with class=container don't resize the high if the 2 other divs drow. How can i fix this? do i need float? You can float the container, set an overflow on it, or add a clearing div. There are problaby more methods here: http://css-discuss.incutio.com/?page=ClearingSpace Ricky __ 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] css header how-to?
Hi all. I'm trying to update one of my websites in CSS. The website in question is http://www.highlandchurch.org I've got everything on the website figured out except the header. I can't figure out how to get one image on the left, and one image on the right with text below it. In a table it would look like: Try using a container div with overflow: auto (to contain the float) and float one image right, one image left inside. Something like this: div id=container style=overflow: auto; div id=image1 style=float: left; img src=image1.png alt=image1 /div div id=image2 style=float: right; img src=image2.png alt=image2 /div /div Ricky __ 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] List Replies
(Clicking reply in Gmail defaults to the user's email address, and not [EMAIL PROTECTED] Anyone know a way to fix this? I accidently sent this to Angel directly.) I think there's a reply to all button in gmail which cc's it to css-d. Ricky __ 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] Image Positioning
I would like to know how I can position the 'beach picture' I have in
the header to the right.
I just floated the the first image left, the second right, and #top
left (you might want to give them IDs or something to make this
easier).
#top { float: left; }
#top img { float: left; }
#top img + img { float: right; }
__
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] Image Positioning
Careful, my McAfee says Donna's URL is phishing. My guess is that the domain, accountsupport.com probably triggered it.. from my inspection, the site contains no malicious content. And just to get back to CSS, you might want to combine some of those messy border-left/right/top/bottom into a single border property. Ricky __ 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] Image Positioning
That's only working in Firefox at my end.
IE6 (and older IE-versions) doesn't understand the '+' selector, and
Opera tends to shrink a floating #top-container.
Gah-- forgot to test in Opera (and the + was just so that I wouldn't
have to download the file, as I mentioned). Would this work (tested
it in IE, Opera, Konqueror, and Fx)?
#top { overflow: auto;}
#logo { float: left; }
#beach { float: right; }
(I just wanted to avoid fixing the height).
Ricky
__
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] vertical stretch .. just can't get it
On 2/5/06, Peter Lindstrom [EMAIL PROTECTED] wrote: - 2 columns - they both stretch vertically to fill page and/or content This is my test for a full height layout: http://riczho.dyndns.org:1123/fullheight/ Unfortunately, it doesn't work in IE7.. But I've tested this in IE 6, Firefox, Opera, Konqueror (and I've heard that it should work in Safari-- Mac IE 5 may be another issue though). Ricky __ 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] Height question, container doesn't stretch in firefox
But for some reason the height doesnt stretch with the content in Firefox If you just let the content in #container stretch it, you can just remove height: 100% and #container would be the correct height. Ricky __ 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] new site is live...
Not that it's newsworthy, but I have re-designed my site blackcoil.com using ASP.NET 2.0, Master Pages, CSS, XHTML, and all that lovely goodness. Just a note, that new line before your DOCTYPE can potentially mess you up by putting IE in quirks mode (although this probably doesn't affect you now, it can cause a lot of mysterious trouble later on). Also, looking through the pages, I only see h1, h3, and h4. Remember that you should use h? to show the structure of your page (you can always change the font-size/margins/padding in your CSS. It may help to look at your page without the CSS and see if it looks right. Hope this helps, Ricky __ 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] positioning problems
On 1/16/06, Stuart King [EMAIL PROTECTED] wrote: I am having to problems: 1: the navVert menu will not stay inside the wrapper 2. when hovering, it does not change colors The color simply won't change because you have an invalid color code (you put an o instead of a zero. To make the absolutely positioned #navVert stay in the wrapper, add position: relative to #wrapper. Ricky __ 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] Newb Questions
On 1/16/06, JJ [EMAIL PROTECTED] wrote:
If I'm using divs with IDs for layout, is there any reason to use one or
the other convention in my stylesheet?
div#content {...
#content {...
If you need to differentiate between div#content and [something
else]#content (on multiple pages), then div#content would be logical.
Otherwise, since there will only be one #content on a page anyway, I'd
go with #content.
When specifying margins of 0 width, is one or the other of the following
better for any reason?
margin: 12px 0 5px 0;
margin: 12px 0px 5px 0px;
Since 0 is unitless, I (personally) think that the extra px is a waste
of space, though some people like to keep it so that they can change
the value more quickly.
What is the reason I see in some stylesheets for applying the same styles
to both 'body' and 'html' elements? I guess I don't understand the need
for the 'html'.
My guess for this would be that some browsers handle the two
differently (personally, I just apply styles to both to be safe).
Ricky
__
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] position: relative causing positioning and display problems in class
Just some general notes first: Although it may not have to do with your problem, the whitespace before the DOCTYPE can put IE into quirks mode. Also, you might want to consider using some IDs (use IDs for things that will only appear ONCE on a page, so you'd use an ID for the wrapper/content divs or the header/footer/sidebar. For the menu, I wouldn't pay $45 (?!?) for a javascript solution (that outputs an annoying-to-style table). Instead, you might consider a CSS dropdown menu (like here: http://www.alistapart.com/articles/horizdropdowns) with some minimal javascript to get IE to work. This way, you can fully control the styling of the menu without delving into javascript code as much. (I'm sure that others on this list will have more CSS dropdown experience/suggestions). Ricky __ 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] Hello people + IE bug
the header is few-pixels-shifted when compared with the rest of the page (unless the page itself is shifted and the header is OK :-) For me, removing the background-positions on #conteneur and #top in martin.css seemed to fixed the problem. To run IE in Linux, you might consider running windows in vmware player (http://www.vmware.com/products/player/) or some sort of virtual machine. I've also heard that people have gotten IE to run in wine (http://www.winehq.org/). Ricky __ 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] minimum height proporty
im having slight difficulty with minimum height in IE. it works fine in
FF and all the info i can find suggests that it shoudl work in IE.
I don't think IE supports min-height, but it treats height incorrectly
(as min-height).
Just use an IE conditional comment with height like this:
!--[if IE]
style type=text/css
#middle {
height: 450px;
}
/style
![endif]--
Ricky
__
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] collapsing divs
decide to make CSS work so the green section collapes up? How can I make it so the green div extends at least as far down the page as the blue div? To get the green div to extend fully, you'd have to float it (and specify witdh: 100%). (Float the container) Ricky __ 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] Paragraph Control
On 10/25/05, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
Is there any 'correct' way to get paragraphs to remain block level elements
but to only act as though there is a break tag between them? I have tried
setting the margin-top to one negative em value ( P + P { margin-top: -1em; }
) and that seems to work pretty good but is there any other method that's
less of a hack?
Remove both margin-top and margin-bottom.
p {
margin-top: 0;
margin-bottom: 0;
}
Ricky
__
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] Site feedback please :)
Would appreciate any feedback. Thanks! Just a few things: For the navigation, I'd use a display: inline; unordered list instead of a table. In your header, I'd use an h1 with hidden text (just to keep with semantics) On a aesthetic note, I'd add a right border in your faux columns (and perhaps some extra padding-right on your content). Also, add some padding-bottom in the sections in your right colum. Overall, nice simple layout (login fields stick out a bit in Opera). \ Nice forum-- this is probably a bit late, but if you want a really clean and customizable forum, take a look at PunBB (http://www.punbb.com/). CSS XHTML strict templates (that should be much easier to modify). Ricky __ 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] background image in layers.....
Is their an elegant way of specifying a different background image in a layer if the layer co-rds etc are the same, only the background image changes? If only the background image will change, you can probably make a class .landscape with all non-image styles and have an ID for each landscape with background-image: url(...); Ricky __ 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] form field grey out.
Not sure I described that correctly, but I was looking for an idea on how to have like a text box with some data in, but make it uneditable and look like its greyed out. Anyone have any suggestions? Add disabled=disabled in the input tag: input type=text disabled=disabled / Ricky __ 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] wrapping text around images
I would like to create a do it yourself page that has an image (possibly two or three) per sentence/short paragraph with multiple sentences/short paragraphs per page. I would also like the text to start at the top of the image(s), possibly 1em give or take to the left. I can get this to work in tables (yuck) but can't seem to do it in css. To achieve this effect, I placed the image in a span floated to the left: span style= position: relative; float: left; width: 276px; /* width of the image */ margin: 0 1em 0 0; img src=http://www.google.com/intl/en/images/logo.gif; alt=Google style= display: block; margin: 0; padding: 0; border: 1px solid #C0C0C0; / /span To get the 1em of text before the image, just place this code after the first line of text. Ricky __ 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] Strict and Javascript
I have been trying to validate http://sesi-md.com/Temp/ without success. I am
using !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; as my doctype and things
have worked fine in the past. I went ahead and added some JavaScript to the
page and now it will not validate because http://validator.w3.org is telling
me
that the less than sign in my for statement is not valid [ for (i = 0; i
10; i++) { ]. Also, I have to give an image a name so that I can address it,
and that is not validating either.
I'm not completely sure about this, but you might have to surround
your script with:
script type=text/javascript
![CDATA[
... script ...
]]
/script
To ensure that it's ignored by the validator.
Also, I'm pretty sure that you can access an element by it's ID with
getElementByID or something (I'm not very familiar with javascript).
Ricky
__
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] Two pixel gap under flash in Firefox
Changing the font-size does not seem to do anything for me here. However, when I set the line-height it actually makes the div bar below disappear. Sorry-- I may have been unclear about what to set those attributes on. If you set font-size: 0; line-height: 0; on the container div, the gap should disappear. Here's how my altered code looks: div id=flashintro style= background: red; line-height: 0; font-size: 0; object type=application/x-shockwave-flash data=whoclicked-ad.swf width=800 height=180 param name=movie value=whoclicked-ad.swf / /object /div div style= background-color: #006600; height: 2px; img src=images/sp.gif width=1 height=1 / /div Hope this works, Ricky __ 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] Syntax question
For example which is correct: div.fooBar #FOO #BAR 0r div.fooBar#FOO#BAR The first one is correct. The second would select a div with a class of fooBar and an id of both FOO and BAR (not sure if that's even allowed). Ricky __ 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] Two pixel gap under flash in Firefox
I have a flash swf movie that when viewed in IE there is no gap between the flash movie and the div below. However, when viewed in Firefox there seems to be a 2 pixel gap between the bottom flash swf and the top of the div. In addition to removing margins/paddings, setting font-size and line-height to zero usually works for me. Ricky __ 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] Site check please - Essie Croft
On 8/30/05, Mike Davies [EMAIL PROTECTED] wrote:
There is a space above the horizontal navigation menu. The colours will
be changed before going live but have been left to show the problem.
Adding:
#navlist {
margin: 0;
padding: 0;
list-style-type: none;
}
Should fix the problem... you forgot to remove margins on the ul.
Another problem, though, is that different default font sizes on
windows IE/Opera force the horizontal menu onto two lines (on my
computer, at least). This can be fixed by adding an absolute font
size in html,body: font-size: 16px; worked well for me.
Ricky
__
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] application question
I was wondering if anyone can suggest an affordable solution for designing logos/gifs (for FIR purposes)? For vector-based, Inkscape (http://www.inkscape.org/) is good (and open soure). Assuming that you're using windows (since you have microsoft paint), you can download a gui installer for GIMP from http://gimp-win.sourceforge.net/stable.html. Ricky __ 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/
