[css-d] to center a fixed width website
Hello,
I have a quick n easy CSS question.
I want to make a website that is fixed to 800px width.
What is the best, cross browser compatible way, to center it ?
Is their a better way of doing it than this ?
html
head
titletest/title
/head
body
style
#test
{
width: 800px;
}
/style
div id=base align=center
div id=test
h1website constructed in here/h1
/div
/div
/body
/html
Thankyou.
Two Way TV is the trading name of Two Way Media Ltd
Company Number: 4904168
*
__
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] to center a fixed width website
Hi Lee,
The best way to center a website is to center the body then add a left and
right auto margin on your wrapper div. In the wrapper div you should set the
text-align back to left otherwise all your text will be centered:
body {
text-align:center;
}
#wrapper {
margin:0 auto;
width:800px;
text-align:left;
}
Simply put everything inside the wrapper and you're done!
- Matt =)
Matthew James Taylor
http://matthewjamestaylor.com
Hello,
I have a quick n easy CSS question.
I want to make a website that is fixed to 800px width.
What is the best, cross browser compatible way, to center it ?
__
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] Site check please
http://www.pielows.co.za/ I'm particularly interested in how one section of the site appears in IE6 (or before). This section is accessed with the menu link '_*Cape Tours*_' and has a CSS-driven menu on the left. I think that this menu's background is not correctly aligned in IE6, but cannot be sure. Thanks for looking and any help. Bill __ 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] PNG repeating background in IE
On Thu, 7 Feb 2008 22:10:14 +1300, Karl Hardisty wrote: [...] The layout works fine in many browsers apart from the aforementioned, due to a transparent PNG being present in the css. Is there any way I can keep the general look and have it work somehow in IE of yore? HTML here: http://mothership.co.nz/reduction/ css here: http://mothership.co.nz/reduction/msnew.css Have you thought of using PNG-8[1]? Not a perfect solution, but you may be able to create something of a compromise. [1] http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/ Cordially, David -- __ 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] start an ordered list at a number 1
Hi Is there a way to start an ordered list at anything other than 1? I'm having a problem with QA type of page that numbers the questions, but it also needs some blubs between the questions. Kind of like below: ol liblahblah?br fieldset /li need to insert yadayada lianother question fieldset and so forth/li Thanks in advance. Looking for last minute shopping deals? Find them fast with Yahoo! Search. http://tools.search.yahoo.com/newsearch/category.php?category=shopping __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Need help with a Firefox issue
On Wed, 06 Feb 2008 18:56:22 -0800, Big Moxy wrote:
Hi All,
I'm puzzled by the appearance of 4 addition hr in the Featured Vehicle
section of
http://www.cargovango.com/Inventory/Default.aspx. This is common code and the
problem
doesn't show up elsewhere.
CSS:
hr {display:none;} /* perhaps? */
Cordially,
David
--
__
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] start an ordered list at a number 1
[EMAIL PROTECTED] wrote: Hi Is there a way to start an ordered list at anything other than 1? I'm having a problem with QA type of page that numbers the questions, but it also needs some blubs between the questions. Kind of like below: ol liblahblah?br fieldset /li need to insert yadayada lianother question fieldset and so forth/li /li need to insert yadayada li is not valid. We had a similar question in this thread: http://archivist.incutio.com/viewlist/css-discuss/57830 my take http://archivist.incutio.com/viewlist/css-discuss/57838 Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] to center a fixed width website
Arlen Walker wrote:
On Feb 7, 2008, at 3:50 AM, Lee Bettridge wrote:
Is their a better way of doing it than this ?
Oh great googily-moogily yes.
CSS
html { text-align: center; }
body { width: 800px; margin-right: auto; margin-left: auto; text-
align: left; }
(Why use a wrapper div when you have one built in to the document
structure?)
I think this does not work in IE5.5 or IE6 quirks mode.
Ingo
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] changing IMG SRC attribute value via CSS stylesheets?
On Thu, 7 Feb 2008 10:58:23 -0500, Rob Emenecker wrote:
Hey all,
I have a sight that I am working on that uses separate screen and print CSS
stylesheets. The screen version has a graphic that is white with a drop
shadow that
appears over a background graphic. For the print version, if user's have
background
colors/graphics turned off in their browser, I would like an alternate
graphic to
appear -- white on white paper, despite the drop shadow, does not stand out.
So, if in my XHTML, I have...
div id=head
div id=logotype
img src=/images/misc/logotype.png alt=... name=logotypeImg width=370
height=70 border=0 id=logotypeImg / /div div id=tagline
Where good food, family, and friends come together. /div /div
Is there a way in CSS, to specifically alter the value of the src attribute
in the
print.css stylesheet?
I'm not opposed to having an alternate IMG in there and toggling the DISPLAY
values,
provided that it won't break my layout. That is...
div id=head
div id=logotype
img src=/images/misc/logotype.png alt=... name=logotypeImg width=370
height=70 border=0 id=logotypeImg / /div div id=logotypePrint
img src=/images/misc/logotypePrint.png alt=... name=logotypeImg
width=370 height=70 border=0 id=logotypeImg / /div div
id=tagline
Where good food, family, and friends come together. /div /div
... and in the screen CSS...
div#logotype { display: block; }
div#logotypePrint { display: none; }
... and then in the print CSS...
div#logotype { display: none; }
div#logotypePrint { display: block;}
Thoughts? Comments? Suggestions?
Your approach should work okay. To prevent the logotypePrint image
showing up when styles are not applied, you could use width=1
height=0 on that image, and put the dimensions in the print CSS.
This will additionally allow you to use print values for those
dimensions-- inches, for example.
Cordially,
David
--
__
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 choubidou
Sébastien FICHOT wrote: I've released a website for SQL makers. Can someone check this website please ? www.guss.fr It's aways interesting to have more eyes on things that can broke accessibility or reliability between platforms and way-of-thinking. I *think* there are a few too many serious errors in there... http://validator.w3.org/check?uri=http://www.guss.fr/ http://jigsaw.w3.org/css-validator/validator?uri=http://www.guss.fr/warning=1profile=css21 ...to release it as is. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site check please choubidou
HI everyone ! I've released a website for SQL makers. Can someone check this website please ? www.guss.fr It's aways interesting to have more eyes on things that can broke accessibility or reliability between platforms and way-of-thinking. Thank you ! http://www.guss.fr Sébastien Fichot __ 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] Maximum value for em
On 07/02/2008 15:53, Geoffrey Hoffman wrote: Just speaking off the top of my head here... The size of an em is derived from the text size of the container. I haven't actually calculated it but say if your font-size is 12px then an em is about the same, or at least proportional to it. By contrast an ex is smaller, but still proportional to the font size of the parent container. An em is indeed the same as the font-size, so as you say, if a font is 12px them an em is also 12px. http://www.w3.org/TR/REC-CSS2/syndata.html#em-width -- http://antanova.blogspot.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] Maximum value for em
Actually, Geoffrey, you are correct in the case of modern standards
compliant browsers. The text-align: center is for the benefit of IE6
(and lower, I presume) which doesn't seem to obey margin:auto too
well. By using the approach mentioned above (text-align: center on the
body, and margin: 0 auto on the container block), you make sure all
browsers will center your content block correctly.
Geoffrey Hoffman wrote:
If you have a div id wrapper with width:800px margin:0 auto; isn't the
text-align:center redundant? I've only ever used
#wrapper {
margin:0 auto;
width:800px;
text-align:left;
}
I've never put text-align:center on body.
Actually all you need is to specify a width (it can be relative or fixed)
and use
margin-left:auto;
margin-right:auto;
»Roger Gordon
---
http://rogergordon.net
+27 (0)76 306 4578
---
Help hungry people eat, free of charge.
http://www.thehungersite.com/clickToGive/home.faces?siteId=1
http://www.freerice.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] to center a fixed width website
Arlen Walker wrote:
(Why use a wrapper div when you have one built in to the document
structure?)
Well, if we don't use a wrapper div it'll only work in standard mode,
in which case the 'text-align: center;' on html and 'text-align: left;'
on body won't do anything and are better left out.
A wrapper is used/necessary when mode-independence is important, in
which case the styling should be something like...
body { text-align: center; }
#wrapper { width: 800px; margin-right: auto; margin-left: auto; text-
align: left; }
...for...
html
body
div id=wrapper
..
/div
/body
/html
...in order to keep older IE/win quirks mode versions (of which there
are still a few around) in on the centering-game.
At my end that includes IE6, but that's a personal preference that
sometimes also includes IE7 (etc.).
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
On Thu, 07 Feb 2008 15:33:50 +0200, Bill Stemp wrote: http://www.pielows.co.za/ I'm particularly interested in how one section of the site appears in IE6 (or before). This section is accessed with the menu link '_*Cape Tours*_' and has a CSS-driven menu on the left. I think that this menu's background is not correctly aligned in IE6, but cannot be sure. You have a selector li:hover in your CSS. IE before version 7 only applies :hover to 'A' elements. You'll need a scripting solution[1] to get your flyout menu to work. The menu layout looks the same in IE 6 as in IE 7 to me. The menu background is shifted right in IE 5.5, and the content is not centered. BTW - the menu does not look too good in IE 7 this end. I have large fonts installed-- a common setting for 1400 x 1050 laptops. Set your text size to larger in your IE browser to see the effect. [1] http://www.xs4all.nl/~peterned/csshover.html Cordially, David -- __ 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] to center a fixed width website
On Thu, 7 Feb 2008 08:42:46 -0700, Geoffrey Hoffman wrote:
If you have a div id wrapper with width:800px margin:0 auto; isn't the text-
align:center redundant? I've only ever used
#wrapper {
margin:0 auto;
width:800px;
text-align:left;
}
I've never put text-align:center on body.
The text-align center is for IE 5.x -- and IE 6/7 in quirks mode.
Auto margins don't work in those situations. (And I still get
visitors using IE 5.5 Win.)
Cordially,
David
--
__
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] changing IMG SRC attribute value via CSS stylesheets?
Hey all,
I have a sight that I am working on that uses separate screen and print CSS
stylesheets. The screen version has a graphic that is white with a drop
shadow that appears over a background graphic. For the print version, if
user's have background colors/graphics turned off in their browser, I would
like an alternate graphic to appear -- white on white paper, despite the
drop shadow, does not stand out.
So, if in my XHTML, I have...
div id=head
div id=logotype
img src=/images/misc/logotype.png alt=... name=logotypeImg
width=370 height=70 border=0 id=logotypeImg /
/div
div id=tagline
Where good food, family, and friends come together.
/div
/div
Is there a way in CSS, to specifically alter the value of the src
attribute in the print.css stylesheet?
I'm not opposed to having an alternate IMG in there and toggling the DISPLAY
values, provided that it won't break my layout. That is...
div id=head
div id=logotype
img src=/images/misc/logotype.png alt=... name=logotypeImg
width=370 height=70 border=0 id=logotypeImg /
/div
div id=logotypePrint
img src=/images/misc/logotypePrint.png alt=...
name=logotypeImg
width=370 height=70 border=0 id=logotypeImg /
/div
div id=tagline
Where good food, family, and friends come together.
/div
/div
... and in the screen CSS...
div#logotype { display: block; }
div#logotypePrint { display: none; }
... and then in the print CSS...
div#logotype { display: none; }
div#logotypePrint { display: block;}
Thoughts? Comments? Suggestions?
...Rob
Rob Emenecker @ Hairy Dog Digital
410.694.3575 (arf) || 410.694.3550 (fax)
www.hairydogdigital.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] bullet list problem in Safari, IE; space in IE
Try adding list-style-type: none; to the li you want to not have bullets. __ 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] PNG repeating background in IE
Karl, Here is a link that may help. Not sure if this method will work for a repeating background image. http://www.belafontecode.com/create-transparent-pngs-in-ie6-using-alphaimageloader-no-hacks/ Jim On Feb 7, 2008 1:10 AM, Karl Hardisty [EMAIL PROTECTED] wrote: I'm back in the fold after a break of 2-3 years, and much has changed. Unfortunately, this doesn't include IE5.5 and IE6. I have a layout I'm partial to, and have been experimenting with in the early stages, but have come across something I'm not sure how to fix. I've reduced the code down to the bare minimum to show the issue. The layout works fine in many browsers apart from the aforementioned, due to a transparent PNG being present in the css. Is there any way I can keep the general look and have it work somehow in IE of yore? HTML here: http://mothership.co.nz/reduction/ css here: http://mothership.co.nz/reduction/msnew.css Any thoughts to get me back on track much appreciated. Karl __ 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] CSS directed at Firefox Mac or just FIrefox PC
Pat Veriepe wrote: I've been having slight spacing issues between Mac and PC with Firefox. Is there any way to address them separately through CSS? Thanks, Pat __ css-discuss [EMAIL PROTECTED] Nope. As far as CSS is concerned they are the same browser as they implement the same rendering engine. The differences are probably due to line-height differences between the platforms. I've had this problem with helvetica in the past, and found its ugly sister arial a more stable substitute. -Mark __ 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] PNG repeating background in IE
I'm back in the fold after a break of 2-3 years, and much has changed. Unfortunately, this doesn't include IE5.5 and IE6. I have a layout I'm partial to, and have been experimenting with in the early stages, but have come across something I'm not sure how to fix. I've reduced the code down to the bare minimum to show the issue. The layout works fine in many browsers apart from the aforementioned, due to a transparent PNG being present in the css. Is there any way I can keep the general look and have it work somehow in IE of yore? HTML here: http://mothership.co.nz/reduction/ css here: http://mothership.co.nz/reduction/msnew.css Any thoughts to get me back on track much appreciated. Karl __ 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 directed at Firefox Mac or just FIrefox PC
I've been having slight spacing issues between Mac and PC with Firefox. Is there any way to address them separately through CSS? Thanks, Pat __ 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] bullet list problem in Safari, IE; space in IE
I am trying to solve a problem with bullets in a list, and some
spacing problems.
On this page: http://tinyurl.com/289um4
in Firefox, the bullets in front of Read all about... and Contact:
(510)... show up fine in Firefox (Mac, PC), but not in Safari (Mac)
or IE (PC).
The CSS is here: http://tinyurl.com/2xxcm7
I have a few things going on with lists on the page -- I'm using
lists for the top nav, and have this global style:
ol, ul {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
The items where the bullets don't appear are in the .list01 class:
.list01 li {
padding: 0px 0pt 0px 14px;
background: url(_img/bullet-nav.gif) no-repeat scroll 5px 50%;
display: block;
}
Why do the list bullets not show in IE/Safari as they do on Firefox?
How can I get them to show?
And, another issue related to IE 6: I have two divs stacked in the
header to create the double line (one dotted, one solid). They are
correctly 1px apart in Firefox and Safari and IE7, but in IE6,
there's a big gap between the lines. Any ideas how to fix?
Lastly, I have attached the page-bottom curved image by using div
id=pageBottom. I was only able to get it to attach to the white
page div above it by giving it a -1.6em top margin. While this
works, I distrust my method. Any tips on how to get that div/image in
place (touching the page div so the borders attach) in a better way?
__
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] Suckerfish Drop-Down breaks on IE6
John Gribben wrote: Hello, I'm trying to make a sucker-fish-style drop-down menu (a hybrid that also uses sprites for the top level items), but it's not working on IE6. There seems to be a problem with the content div that sits immediately below the menu. If I isolate the menu from all other code on the page, it works fine. But if I place just one div beneath the menu, on IE6, the drop-down disappears after my cursor passes over the first menu item. It's as if the z-index of the adjacent item exceeds that of the drop-down, although this is not the case. Here is the page with the example: http://windows.pedrera.com/clients/greenbaum/nav.asp There is a conceptual problem and a bug. z-index does apply to positioned elements only. Some of your z-indexes are set on non-positioned elements. Remove them, they are distracting. From the inside: The second level has z-index+position, but it is nested inside positioned elements without z-index, and finally sitting inside a float. The bug: both the navigation and the following div are floats. The positioned element without z-index does not escape from this float in IE, but locks the descendant positioned elements with z-index in. In IE, you'll have to set position:relative and z-index from the outside. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] start an ordered list at a number 1
On Thu, 07 Feb 2008 09:50:56 -0800 (PST) [EMAIL PROTECTED] wrote: Hi Is there a way to start an ordered list at anything other than 1? I'm having a problem with QA type of page that numbers the questions, but it also needs some blubs between the questions. Kind of like below: ol liblahblah?br fieldset.../fieldset pneed to insert yadayada/p /li lianother question fieldset and so forth/li /ol is quite valid. The P tag must be a child of the LI not the OL. -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS directed at Firefox Mac or just FIrefox PC
Not 100% sure but I think you might be able to with conditional comments. Hopefully someone with more insight answers you. --- Pat Veriepe [EMAIL PROTECTED] wrote: I've been having slight spacing issues between Mac and PC with Firefox. Is there any way to address them separately through CSS? Thanks, Pat __ 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/ Looking for last minute shopping deals? Find them fast with Yahoo! Search. http://tools.search.yahoo.com/newsearch/category.php?category=shopping __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] changing IMG SRC attribute value via CSS stylesheets?
David,
That is a great suggestion... re: if styles are disabled. Thanks!
...Rob
-Original Message-
From: David Hucklesby [mailto:[EMAIL PROTECTED]
Sent: Thursday, February 07, 2008 1:52 PM
To: Rob Emenecker; 'CSS Discussion'
Subject: Re: [css-d] changing IMG SRC attribute value via CSS stylesheets?
On Thu, 7 Feb 2008 10:58:23 -0500, Rob Emenecker wrote:
Hey all,
I have a sight that I am working on that uses separate screen and
print CSS stylesheets. The screen version has a graphic that is white
with a drop shadow that appears over a background graphic. For the
print version, if user's have background colors/graphics turned off in
their browser, I would like an alternate graphic to appear -- white on
white paper, despite the drop shadow, does not stand out.
So, if in my XHTML, I have...
div id=head
div id=logotype
img src=/images/misc/logotype.png alt=... name=logotypeImg
width=370
height=70 border=0 id=logotypeImg / /div div id=tagline
Where good food, family, and friends come together. /div /div
Is there a way in CSS, to specifically alter the value of the src
attribute in the print.css stylesheet?
I'm not opposed to having an alternate IMG in there and toggling the
DISPLAY values, provided that it won't break my layout. That is...
div id=head
div id=logotype
img src=/images/misc/logotype.png alt=... name=logotypeImg
width=370
height=70 border=0 id=logotypeImg / /div div
id=logotypePrint img src=/images/misc/logotypePrint.png alt=...
name=logotypeImg
width=370 height=70 border=0 id=logotypeImg / /div div
id=tagline Where good food, family, and friends come together.
/div /div
... and in the screen CSS...
div#logotype { display: block; }
div#logotypePrint { display: none; }
... and then in the print CSS...
div#logotype { display: none; }
div#logotypePrint { display: block;}
Thoughts? Comments? Suggestions?
Your approach should work okay. To prevent the logotypePrint image showing
up when styles are not applied, you could use width=1
height=0 on that image, and put the dimensions in the print CSS.
This will additionally allow you to use print values for those
dimensions-- inches, for example.
Cordially,
David
--
__
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] Maximum value for em
I thought that may have something to do with it, and appreciate the reply. I'm limited by not having access to a computer with IE 6 anymore :-/ On Feb 7, 2008 12:15 PM, Roger Gordon [EMAIL PROTECTED] wrote, in part: The text-align: center is for the benefit of IE6 (and lower, I presume) which doesn't seem to obey margin:auto too well. __ 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] changing IMG SRC attribute value via CSS stylesheets?
Thoughts? Comments? Suggestions? ...Rob I think your idea of two images is fine. There was an article on ALA: http://www.alistapart.com/articles/sprites which might also be of interest. Concatinate the logos, then display just the portion you want in each CSS __ 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] Maximum value for em
On Thu, 7 Feb 2008, Geoffrey Hoffman wrote ust speaking off the top of my head here... The size of an em is derived from the text size of the container. I haven't actually calculated it but say if your font-size is 12px then an em is about the same, or at least proportional to it. One em is the font size of a font. If font size is 12px then one em is 12px. http://www.emdpi.com/emsquare.html -- Richard Mason http://www.emdpi.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] Text refusing to be bold in Firefox and IE
If your page and rules are valid, look at your page in Firebug. It shows you the styles in the heirarchy of inheritance, and crosses off rules that have been overridden by styles on parent containers/elements. Something above, eg at a higer importance level, is applying font-style:normal. That is to say, a font-style:normal is cascading down onto the thing you want bolded. __ 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] PNG repeating background in IE
I am fairly certain that the PNG alpha trick that dynamically places a filter:progid:DXImageTransform.Microsoft.AlphaImageLoader on your site's png files does not work on repeating backgrounds. Search on IE6 transparent png on google and there's hundreds of helpful articles. If your site uses a solid background color you can use flattened gif files. ie render the drop shadow into the background color. __ 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] Maximum value for em
Sure you can use em, ex, % for relative fluid layouts all you like. The best reason to do so if you want your site to expand and contract nicely along with the font size. Just speaking off the top of my head here... The size of an em is derived from the text size of the container. I haven't actually calculated it but say if your font-size is 12px then an em is about the same, or at least proportional to it. By contrast an ex is smaller, but still proportional to the font size of the parent container. For ems then, in most cases, you ought to only need to use em values up to ( monitor size / font size ), eg 1600/12 = 133em... the one issue is people with multiple monitors who see if your site breaks stretching it well beyond 1600px wide (I know a guy with two Apple 30 cinema displays ~ 5120x1600 desktop). HTH, Geoff __ 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] Text refusing to be bold in Firefox and IE
I have two lists that refuse to be bold in Firefox and IE. No problem in Safari and Opera. Other items around them are bold. I've tried increasing the specifity to the max, !important and wrapping each line with strong tags. Any ideas? __ 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] credit text in bottom of browser
Hi, Is there a way to have text appear on top of a repeating graphic in the bottom of the browser window? I have a repeating color on the body tag to x repeat which is fine and I would like to be able to put text in the center of this 50 pixel height at the browser bottom no matter what size the browser window is. Thanks! Best Regards, Melinda Odom Design Hosting, Inc. Web Design, Web Hosting, Ecommerce Solutions 479-471-0891 CST [EMAIL PROTECTED] http://www.designhosting.biz __ 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] start an ordered list at a number 1
On Thu, 07 Feb 2008 09:50:56 -0800 (PST) [EMAIL PROTECTED] wrote: Hi Is there a way to start an ordered list at anything other than 1? This is really an HTML question, not CSS so I'm replying off list. You can use ol start=x (whatever number you need) to start a list at a new number. Or, you can use li value=x to skip numbering within a list. Both attributes are deprecated, so they are only valid under HTML 4.01 or XHTML 1.0 Transitional. Tim __ 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] Maximum value for em
Does anyone know the allowable range of em values? Is using em for positioning (absolute or relative) a good idea? Thanks so much. John __ 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
Bill, The menu items don't change background color in IE6. The text color does change. Also, the pop-out for 'Tour Itineraries' is not popping out in IE6. Not sure of the cause, however. Jim On Feb 7, 2008 5:33 AM, Bill Stemp [EMAIL PROTECTED] wrote: http://www.pielows.co.za/ I'm particularly interested in how one section of the site appears in IE6 (or before). This section is accessed with the menu link '_*Cape Tours*_' and has a CSS-driven menu on the left. I think that this menu's background is not correctly aligned in IE6, but cannot be sure. Thanks for looking and any help. Bill __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] to center a fixed width website
If you have a div id wrapper with width:800px margin:0 auto; isn't the
text-align:center redundant? I've only ever used
#wrapper {
margin:0 auto;
width:800px;
text-align:left;
}
I've never put text-align:center on body.
Actually all you need is to specify a width (it can be relative or fixed)
and use
margin-left:auto;
margin-right:auto;
__
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] start an ordered list at a number 1
On 08/02/2008, at 10:22 AM, Tim White wrote: You can use ol start=x (whatever number you need) to start a list at a new number. Or, you can use li value=x to skip numbering within a list. Both attributes are deprecated, so they are only valid under HTML 4.01 or XHTML 1.0 Transitional. I'm kinda glad you accidentally posted this to the list Tim as I thought I'd seen that they (start and value) had been deprecated. My question is - do these (and other) rather handy (and annoyingly deprecated) HTML attributes have a CSS equivalent? Another that comes to mind is the image attribute align. I've used float instead a few times but it does not always do the best job. Alternatives? (apart from using deprecated HTML attributes) Anyone? Cheers, KathyW. __ 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] start an ordered list at a number 1
Tim You wrote; This is really an HTML question, not CSS so I'm replying off list. So nuch for going off list. You can use ol start=x (whatever number you need) to start a list at a new number. Or, you can use li value=x to skip numbering within a list. Both attributes are deprecated, so they are only valid under HTML 4.01 or XHTML 1.0 Transitional. Tim To be clear, attributes and html tags that are deprecated should only validate under HTML *Transitional* and XHTML *Transitional* Doctypes. With an HTML 4.01 *Strict* Doctype, deprecated tags and attributes will not be valid. Jim Nannery www.sylvesterneal.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] Text refusing to be bold in Firefox and IE
Thanks Geoffrey! Firebug is a must have!!! I found my problem within seconds. Geoffrey Hoffman wrote: If your page and rules are valid, look at your page in Firebug. It shows you the styles in the heirarchy of inheritance, and crosses off rules that have been overridden by styles on parent containers/elements. Something above, eg at a higer importance level, is applying font-style:normal. That is to say, a font-style:normal is cascading down onto the thing you want bolded. __ 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] IE vs FF Textarea Font Size Inconsistent
The font size in textarea elements on Firefox (on Linux at least) is about 70% the size of other input and select elements in the same form whereas in IE the font size is roughly the same across all form elements. I suspect this has more to do with the fact that textarea uses a courier font-family and FF preferences specifically use a smaller font for Courier but of course I have no control over that. So how does one get the same textarea font size behavior between FF and IE? Mike -- Michael B Allen PHP Active Directory SPNEGO SSO http://www.ioplex.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] list bullet not showing; spacing in IE6
I am trying to solve a problem with bullets in a list, and some
spacing problems.
On this page:
http://www.sparklejet.com/clients/graybrech/_dev/mockups/home01/
the bullets in front of Read all about... and Contact: (510)...
show up fine in Firefox (Mac, PC), but not in Safari (Mac) or IE (PC).
The CSS is here:
http://www.sparklejet.com/clients/graybrech/_dev/mockups/home01/
style.css
I have a few things going on with lists on the page -- I'm using
lists for the top nav, and have this global style:
ol, ul {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
The items where the bullets don't appear are in the .list01 class:
.list01 li {
padding: 0px 0pt 0px 14px;
background: url(_img/bullet-nav.gif) no-repeat scroll 5px 50%;
display: block;
}
Why do the list bullets not show in IE/Safari as they do on Firefox?
How can I get them to show?
And, another issue related to IE 6: I have two divs stacked in the
header to create the double line (one dotted, one solid). They are
correctly 1px apart in Firefox and Safari and IE7, but in IE6,
there's a big gap between the lines. Any ideas how to fix?
Lastly, I have attached the page-bottom curved image by using div
id=pageBottom. I was only able to get it to attach to the white
page div above it by giving it a -1.6em top margin. While this
works, I distrust my method. Any tips on how to get that div/image in
place (touching the page div so the borders attach) in a better way?
Thanks for any help.
__
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] Text refusing to be bold in Firefox and IE
I thought I had figured this out with Firebug, but the text is still not bold. It's a nested ul ul. The linked text saying THIS SHOULD BE BOLD is bold in Safari but not in Firefox or IE. Could this be a problem because of a bug in both browsers with nested lists? Please check out this url: http://veriepe.com/TEST222.html Thanks again, Pat Pat Veriepe wrote: I have two lists that refuse to be bold in Firefox and IE. No problem in Safari and Opera. Other items around them are bold. I've tried increasing the specifity to the max, !important and wrapping each line with strong tags. Any ideas? __ 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] Multi-line text after an image
I have a web-page that holds several images. Each one has a description. I have the images in a ul list, each held in a li tag /li I am placing the description text right after the image, within the same li tag. I have styled the img tag with vertical-alignment: center, and it behaves the way I would like - with the description aligned with the center of the height of the image. That is fine for relatively short descriptions. However, if the description is longer, it will wrap and then continue under the image. I would like the text to stay to the right of the image, all contained within the region from the top to the bottom of the image. What is a good way to achieve that? __ 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] Maximum value for em
Thanks for that information. What about using negative em to hide a background image or complete DIVet? __ 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] start an ordered list at a number 1
On Feb 7, 2008 7:57 PM, Jim Nannery [EMAIL PROTECTED] wrote: So much for going off list. *doh* wrong button. Mea culpa. To be clear, attributes and html tags that are deprecated should only validate under HTML *Transitional* and XHTML *Transitional* Doctypes. With an HTML 4.01 *Strict* Doctype, deprecated tags and attributes will not be valid. Thank you for clarifying Trans vs Strict. tim __ 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] Text refusing to be bold in Firefox and IE
From: Pat Veriepe [EMAIL PROTECTED] I thought I had figured this out with Firebug, but the text is still not bold. It's a nested ul ul. The linked text saying THIS SHOULD BE BOLD is bold in Safari but not in Firefox or IE. Could this be a problem because of a bug in both browsers with nested lists? Please check out this url: http://veriepe.com/TEST222.html Personally, I don't think that there is a bug at all. You have set the font-size in your body selector to be 70%. On my computer, that makes the lines that make up the glyphs of the font only one pixel wide. When I changed the font-size to 80% (or simply increased the font size in the browser), it was clear that the text is bold. At 80%, the browser makes the lines 2px wide. What's a browser to do to make something bold when it has nothing to work with? (only one pixel, in other words). Using the Web Developer toolbar in Firefox, and editing the CSS to to switch from bold to normal, that browser *does* change something between the two font-weights. Try it and see. Apparently Safari draws the font differently than Firefox if you can clearly tell that the text is bold in that browser. 78% for the body font-size is the smallest percent that I could use on your page to get Firefox to clearly show what I would call bold text. This is where the gliph's lines went from being 1px wide to being 2px wide. I have noticed in the past, when using very tiny type, that browsers show bold text by increasing the width of the glyphs themselves (not just the lines). This is what is happening with your bold text. When bold is applied, a lower case o for example, is 4px wide from one side to the other. When bold is applied, it is 5px wide. So, if you want the text to look bold, you're going to have to increase the font-size, I think. I hope this is useful. ~holly __ 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] Text refusing to be bold in Firefox and IE
Pat Veriepe wrote: The linked text saying THIS SHOULD BE BOLD is bold in Safari but not in Firefox or IE. Could this be a problem because of a bug in both browsers with nested lists? Please check out this url: http://veriepe.com/TEST222.html The text is simply too small to become visibly bold in my browsers. That's not a bug but a lack of screen-pixels. 20% font-resize up and the bold-styled text becomes visibly bold and the rest stays normal. Opera usually comes with a minimum font size set high enough to affect the outcome - make it visibly bold in your case, while Firefox defaults to minimum font size = none. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Transitional Vs. Strict Doctype
--- Jukka K. Korpela [EMAIL PROTECTED] wrote: In Quirks Mode, browser behavior can be very different from Standards Mode, especially in the treatment of CSS constructs. For a list of possible differences, see http://www.cs.tut.fi/~jkorpela/quirks-mode.html Thank you all for all the wonderful info and insights! I've got some reading to do :). -Elli Looking for last minute shopping deals? Find them fast with Yahoo! Search. http://tools.search.yahoo.com/newsearch/category.php?category=shopping __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list bullet not showing; spacing in IE6
On Feb 8, 2008, at 3:47 AM, Matt Jalbert wrote: I am trying to solve a problem with bullets in a list, and some spacing problems. On this page: http://www.sparklejet.com/clients/graybrech/_dev/mockups/home01/ the bullets in front of Read all about... and Contact: (510)... show up fine in Firefox (Mac, PC), but not in Safari (Mac) or IE (PC). The CSS is here: http://www.sparklejet.com/clients/graybrech/_dev/mockups/home01/ style.css The fact that you can see the background-image (bullet) in Gecko (Firefox) is actually a bug in that rendering engine (the '-moz-float- edge: content-box;' issue). What Safari and Opera do is correct: the background-image is under / covered by the portrait image. What you want to do is give the div that wraps around your list a left margin (200px); that ought to fix the issue. Philippe --- Philippe Wittenbergh http://l-c-n.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] IE vs FF Textarea Font Size Inconsistent
On Feb 8, 2008, at 1:43 AM, Michael B Allen wrote:
The font size in textarea elements on Firefox (on Linux at least) is
about 70% the size of other input and select elements in the same form
whereas in IE the font size is roughly the same across all form
elements. I suspect this has more to do with the fact that textarea
uses a courier font-family and FF preferences specifically use a
smaller font for Courier but of course I have no control over that.
So how does one get the same textarea font size behavior between FF
and IE?
textarea {font: 20px/1.2 'comic sans', fantasy }
?
More seriously, what is the issue ?
The fact that you rely on the 'cols' attribute for the width of the
textarea ? If so, set the width of the textarea in px/% as appropriate
in your stylesheet.
Philippe
---
Philippe Wittenbergh
http://l-c-n.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] OT start an ordered list at a number 1
On Thu, 07 Feb 2008 20:44:01 -0500 Tim White wrote: On Feb 7, 2008 7:57 PM, Jim Nannery [EMAIL PROTECTED] wrote: So much for going off list. *doh* wrong button. Mea culpa. No, you replied to my post. And to prevent replies off list (This email address is one way = no spam) i have set an explicit reply to: to the list. If you'd replied to the OP you could have stayed off list. Please do not reply on this subject as it is OT for this list but needed clearing up. -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE vs FF Textarea Font Size Inconsistent
On Thu, 07 Feb 2008 11:43:00 -0500 Michael B Allen wrote: The font size in textarea elements on Firefox (on Linux at least) is about 70% the size of other input and select elements in the same form whereas in IE the font size is roughly the same across all form elements. I suspect this has more to do with the fact that textarea uses a courier font-family and FF preferences specifically use a smaller font for Courier but of course I have no control over that. So how does one get the same textarea font size behavior between FF and IE? Mike Do a minimal page as an example, you may find one of several things: * Your above conclusion is right. * You have set textarea and div fonts at 70% so your textarea is 70% of the div which is already 70% of the body. * Something else is breaking it. Firebug is your friend. OR Post a link tothe example you have. -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Since building the site, I've upgraded my IE from 6 to 7. I now have to use 'multipleIEs' (http://www.positioniseverything.net/articles/multiIE.html) to check in previous versions. When the site was first uploaded, it worked fine in IE6 (with the exception of the orange menu background being a few pixels below where it should be), but now I'm getting these reports that there is no 'flyout' of the menu in IE6. I also found the same using my standalone IE6 but thought this was just one of those things that doesn't work 100% using these 'standalone' versions. If anyone has not upgraded to IE7 and is using IE6 as their primary IE browser, I'd be very interested to know if the menu does in fact 'flyout' or not. Bill Ingo wrote: Bill Stemp schrieb am 07.02.2008 14:33 http://www.pielows.co.za/ I'm particularly interested in how one section of the site appears in IE6 (or before). This section is accessed with the menu link '_*Cape Tours*_' and has a CSS-driven menu on the left. I think that this menu's background is not correctly aligned in IE6, but cannot be sure. No hover, no flyout with IE6 here. Gr ingo __ 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/
