Re: [css-d] problem with background image
John Goodwyn wrote: I have a site that has an expandable left hand column by use of a repeating background image. However, the images extends the column past the footer and it shouldn't. Can someone look at my code and give me a clue as to how I can fix this? I've tried moving the copyright div out of the contentWrapper nest of divs, but that took away the bg image completely. Any thoughts? http://ver5.elliswyatt.com/borland/default.aspx?id=4 Drop the footer out of .contentwrapper. Put it immediately after closing .contentwrapper. cheers, gary -- Anyone can build a usable web site. It takes a graphics designer to make it slow, confusing, and painful to use. __ 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] Don't touch me! What is this (in FF!).
Daniel Doesburg wrote:
Hi list,
I've made a new setup for a website.
For the time being only in FF.
But even that browser has his problems.
Look (did I already said: only FF?) at this page.
http://wouda.doesburg.biz/fileadmin/template1.html
And that touch the borders of the window. Resize a little bit.
What is the mechanism behind that behavior?
I suspect it's the overuse of positioning. Without going too deep into
things, I did this, and rid the page of the problem, maybe :)
div#inhoud {
margin: 0;
padding: 1em;
width: 51em;
}
div#fotolaag {}
It is my sense that you should have compelling reason to remove an
element from flow. I saw none here.
cheers,
gary
--
Anyone can build a usable web site. It takes a graphics designer to
make it slow, confusing, and painful to use.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Explanation re: some odities
Greetings All!
I am in the final stages of putting together a all CSS site and have now
got IE to play nice and got the site to work on IE, Firefox Netscape 7.2
and Opera but there are two things I needed to do to 'force' it to work.
Please have a look at these two points and if you can give me some
clarity on why I had to go this root or, show me a better way to do it,
it will be much appreciated.
On the footer of the site, www.volume4.com/pattersonpruden/index.html, I
have the following layout:
div id=footer
div id=footer-block-one/div
div id=footer-block-two/div
div id=footer-contentCOPYRIGHT 2005 PATTERSON PRUDEN LLC - ALL
RIGHTS RESERVED/div
/div
The first two divs are used to create the 'gradient' effect from dark to
light gray and contains no images or text. The last DIV is the container
for the actual text. The CSS that controls this area is:
#footer {
background-color:#edecec;
clear:both;
padding:0;
margin:0;
width:778px;
height:30px;
overflow:hidden;
}
#footer-block-one {
float:left;
background-color:#999;
margin:0; width:100px;
height:30px;
}
#footer-block-two {
position:relative;
left:100px;
*left:-3px;
background-color:#ccc;
margin:0; width:100px;
height:30px; }
#footer-content {
position:relative;
top:-22px;
left:200px;
margin:0;
width:575px;
height:30px;
text-align:right;
font-size:9px;
}
Now the two things in question. First, to get the #footer-content DIV to
be aligned as I wanted I had to go to using top:-22px;, otherwise it
would fall below the other two DIV even when floated right. This was the
same for both Firefox and IE. Now in IE when I use the top:-22px, as
well as before using this, it adds a roughly 15px to the height of the
footer. To eliminate this I had to add overflow:hidden to the #footer
DIV. Any explanation, pointers, tips regarding these will be much
appreciated. Thanks!
--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers
emotionalize.conceptualize.visualize.realize
Landlines
Tel: +27125468436
Fax: +27125468436
Web
email:[EMAIL PROTECTED]
Global: www.volume4.com
Messenger
Yahoo!: v_olume4
AOL: v0lume4
MSN: [EMAIL PROTECTED]
We support OpenSource
Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/
This message contains information that is considered to be sensitive or
confidential and may not be forwarded or disclosed to any other party without
the permission of the sender. If you received this message in error, please
notify me immediately so that I can correct and delete the original email.
Thank you.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Page draws twice in IE
Is this a CSS issue? http://wales.nice-design.co.uk/thingstodo/mountainbiking/ Paul . __ 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] Safari/Mac Testing?
On 7/7/05, saul [EMAIL PROTECTED] wrote: Jon, There shouldn't be too many people out there using OS9 only. However, if they are, they have IE5.0 available, as well as Netscape, though which version escapes me (I haven't used OS9 in a couple of years -but it could be version 5). Not to be pickybut Windoze users also have Firefox *available* but choose not to obtain it ;) Anyway, my safest bet is probably to test the following for Mac usage?: IE for Mac Safari a la Konqueror While still continuing to test all the other browsers I'm already utilizing, of course.. Thanks! Jon __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS navigation needs some assistance
- Original Message -
From: saul [EMAIL PROTECTED]
Hello,
I'm trying to create a CSS-driven top navigation to function and have
two issues. The first is that the drop-down menu drops behind the main
content.
The page can be found here:
http://www.inventionshow.com/development/newProductScout/newProductScoutPage.html
Hello.
Add this to your css:
div#nav li {
position: relative;
z-index: 500;
etc. etc. }
You have declared a value of 110 in z-index's #content and this move menu
items back relative to content.
But, most important, you have two error in your code, so validete it!
Remember, first rule before ask for help is to validate documents:
The W3C Markup Validation Service
http://jigsaw.w3.org/css-validator/
HTH.
Paolo.
**
Questa e-mail, ed i suoi eventuali allegati, contengono informazioni
confidenziali e riservate.
Se avete ricevuto questa comunicazione per errore non utilizzatene il contenuto
e non portatelo a conoscenza di alcuno.
Siete inoltre pregati di eliminarla dalla vostra casella e avvisare il
mittente.
E' da rilevare inoltre che l'attuale infrastruttura tecnologica non può
garantire l'autenticità del mittente, nè tantomeno l'integrità dei contenuti.
Opinioni, conclusioni ed altre informazioni contenute nel messaggio possono
rappresentare punti di vista personali a meno di diversa esplicita indicazione
autorizzata.
**
__
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] problem with background image
Any thoughts? Page has 33 validation errors, including something with the body... -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ 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] Safari/Mac Testing?
On Jul 7, 2005, at 7:08 PM, Jon Trelfa wrote: I know that I can use Konqueror in Linux to test what websites will look like in Safari...but it's my understanding that it only covers more recent versions of Safari? Do I assume that *most* Mac users have OSX? Is there a percentage still using OS9? If so, what do I use to test pages for them? Do I test different versions of Safari as I would different versions of IE and Netscape? What versions would be the most prevalent? Any OS since OS X 10.1 can run Safari 1.3; since Safari is automatically updated via the OS Software Update, it's reasonable to assume the population of Safari 1.0-1.2 is only a few percent of the Mac OS X users. Safari 1.3 is functionally the same as Safari 2.0, in that they were released at the same time with the same CSS fixes. Safari 2.0 is available only to OS X 10.4, and comes pre-installed. Thus, a test that is equivalent to Safari 1.3 or 2.0 will roughly cover 95%+ of the Safari users. Reasonably accurate: http://developer.apple.com/internet/safari/safari_css.html People on OS 9 are likely stuck there. IE 5.2 was installed as the default browser, with Netscape 4.x also installed (IIRC). If your log analysis program breaks out IE versions, all of your IE 5.1x and 5.2x are likely to be Mac since Windows releases were 5.0x and 5.5; my estimates put 75-90% of the IE Mac use on OS 9, which on some of my sites amounts to 25% of the total Mac use. Gecko browsers for OS 9 are hard to come by (and do not need to be considered): see http:// www.mozilla.org/download.html at the bottom of the page. My Mac test regimen: - Firefox 1.0.x (about 1.5% of the audience) - Safari 2.0 (about 2% of the audience) - IE 5.23 under Classic (about 1% of the audience) That's it. Everything else is less than 0.5% of the audience, which my clients won't pay for; I must assume that my code is good enough to not break there. I will likely stop testing Mac IE next year, except for specific sites. I cannot attest to your Konqueer-as-Safari-emulator statement. AFAIK, there is no emulator for Mac IE. It may be worth your time to buy a used Mac that has Mac Classic (OS 9) under OS X; otherwise, the Mini is cheap, but a new one will not have Classic installed. -- Ben Curtis : webwright bivia : a personal web studio http://www.bivia.com v: (818) 507-6613 __ 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/
FW: [css-d] Help with overlap background image in IE
Is anyone able to identify this problem, or recommend a solution? I really could use the help... Thanks, Tom -Original Message- All, ...this design is showing the middle's background peeking out from under the bottom in IE. See this link in IE for what I mean. http://www2.ulink.net/clients/ocat/ Why is the background seeping out like this, and how can I fix it?? All advice is appreciated... Tom __ 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 and help with rounded corners
I am also told that in I.E. the rounded corners are not showing up. pseudo-selectors (:before, :after) are unsupported in IE so your technique for the top/bottom caps won't work in that browser. Here's a CSS/JavaScript solution called NiftyCorners that works on multiple browsers: http://pro.html.it/esempio/nifty/. However, to accommodate your quote png images (e.g., http://www.swmug.co.uk/images/bottom-right.png) would require some js/css fiddling if it could be done at all with this approach. On the other hand, NiftyCorners seems fairly popular so perhaps someone else on this forum has already made the enhancements. Stan __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com __ 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] Don't touch me! What is this (in FF!).
Daniel Doesburg wrote:
Bob and Gary,
Thanks for your answer.
My problem was that on my PC the page in FF initially shows the pictures
full.
But if I tried to change the window size they where shown as you saw.
The height was that of the word Bodytext.
My question/problem/challenge is:
I want to show a layer of 4 (or 6) pictures behind the text on the
content part.
For maintenance reasons I can't use them as background.
Now I solved(?) it to position the content layer relative and the image
layer absolute inside the content layer. (I know, the word layer is not
correct but helps to explain)
What is your opinion about this?
What is the best construction.
1. div id=content position: relative
div id=pictures /div position: absolute
/div
2. div id=wrapper position: relative
div id=content /div position: relative/absolute
div id=pictures /div position: relative/absolute
/div
I think you're over-engineering things, Daniel. Try this;
#bglayer {
position: relative;
width: ?? /* appropriate to images */
height: ?? /* same thing */
padding-right: 20px; /* to allow for scrollbar if needed */
}
#textlayer {
position: absolute;
height: ?? /* same as above */
width: ??/* as above plus 20px for scrollbar */
top: 0;
left: 0;
overflow: auto; /* needed with padding if there is chance text will
exceed height */
}
=
div id=bglayer
img src=some.png alt= / !-- images are inline --
img src=some.png alt= /
img src=some.png alt= /
img src=some.png alt= /
div id=textlayer
pyour text/p
/div
/div
hth,
gary
--
Anyone can build a usable web site. It takes a graphics designer to
make it slow, confusing, and painful to use.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Footnotes
I'd like to create CSS2 footnotes that a) are easy for web developers to code, b) are auto-numbered, and c) only display a number surrounded by brackets most of the time, and d) only display the footnote when you hover over the number. By a), I mean that a developer would only have to do span class=footnoteThis is the text that will appear when hovering./span and it would behave as expected. The first .footnote on the page would show only [1] until you hoveered, the second would display [2], and so on. Has this already been done? -- Stephen R. Laniel [EMAIL PROTECTED] +(617) 308-5571 http://laniels.org/ PGP key: http://laniels.org/slaniel.key signature.asc Description: Digital signature __ 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] Footnotes
I'd like to create CSS2 footnotes that a) are easy for web developers to code, b) are auto-numbered, and c) only display a number surrounded by brackets most of the time, and d) only display the footnote when you hover over the number. By a), I mean that a developer would only have to do span class=footnoteThis is the text that will appear when hovering./span and it would behave as expected. The first .footnote on the page would show only [1] until you hoveered, the second would display [2], and so on. Has this already been done? How would you do the auto numbering in css2? css3, maybe, but css2? In DOM and JavaScript that would be rather easy to do, as all you need to do is loop through spans, check if one of their classes contain footnote and replace them with the said number and a title containing the original text. However, this makes your footnote dependent on a mouse to make sense to a visual user (screen reader users will have to have title reading turned on). Wouldn't it make more sense to have the footnotes as real footnotes in the text with a target and the footnote links as real links pointing to those targets? Then you can do the beforementioned, too, but you are not dependent on mouse and hover, which can be very annoying to read and impossible to copy. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Using non-standard Fonts
Ian Skinner wrote: I just installed a couple of unusual fonts that I want to use for a very specific reason. I realize that most users would not have these fonts, but in this certain case, the users will have the fonts. Anyway I installed the following font files with the windows font widget: InvArial.ttf and Revarial.ttf. But when I tried to use the following HTML, the alternate fonts did not display. Is there something else I should be using for the font names? p style=font-family: Arial;Fonts/p p style=font-family: Revarial;Fonts/p p style=font-family: InvArial;Fonts/p I've never run across those two, but I suspect that those ttf files are like most others, in that the font filename is not the same as the font-family name. Open the control panel font folder, then open each font, and for your style use the name it shows there, probably something like revised arial or inverse arial or somesuch. IIRC, after installing new fonts, you'll need to restart your browser and/or your OS for it to find them. -- If you love your children, you will be prompt to discipline them. Proverbs 13:24 Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://members.ij.net/mrmazda/auth/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Editor
Mendizabal wrote: Can anyone recommend a good cheap(free) CSS editor? I like the way Dreamweaver has auto-complete/hint but I don't like firing it up just for that. TIA __ 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/ I use HTML-Kit from www.chami.com. They have a plug-in for CSS which works great for me. It's free if you don't want the registered version. Peggy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Problems
This is my first time posting so please forgive for any impropriety.
I have redesigned an existing website using CSS which works in Mozilla
except the drop-down menus don't disappear when you remove the cursor
and unfortunately, it does not work well in IE. Can anyone give me some
advice, starting with my sidebar. I validated all my code and it all
checks out. The website is: www.artasightproductions.com/new/main.html
and the code is listed below for this page.
Any help would be greatly appreciated.
Peggy Bart
body {
font-family: Verdana, Arial, sans-serif;
font-size: 10pt;
background: #80;
color: #9CBDEF;
text-align: center;
}
h1 {font-size: 250%;
text-align: center;
}
h2 {font-size: 200%;}
h3 {font-size: 150%;}
h4 {font-size: 133%;}
h5 {font-size: 100%;}
div.maincontent {
position: relative;
top: 2em;
margin: 0 0 0 300px;
padding: 0;
height: 500px;
}
div.smeye{
top: 1px;
width: 150px;
text-align: center;
}
.smeye a img{
border: none;
}
div.banner {
margin: 0 0 2em 0;
text-align: center;
}
div.genrepics {
text-align: center;
}
div#counter {
text-align: center;
}
div#mainlogo {
margin: 5em; padding: 0;
text-align: center;
}
/* begin footer */
div.footercontainer {
margin: 0 0 0 300px;
padding: 0;
}
div.footer {
font-family: Arial, Verdana, Helvetica, sans-serif;
display: inline;
text-align: center;
}
.footer a:link {
font-family:verdana, sans-serif;
font-size:8pt;
font-weight:bold;
color:#9CBDEF;
text-decoration : none;
}
.footer a:visited {
font-family:verdana, sans-serif;
font-size:8pt;
font-weight:bold;
color:#9CBDEF;
text-decoration : none;
}
.footer a:active {
font-family:verdana, sans-serif;
font-size:8pt;
font-weight:bold;
color:#9CA5F7;
text-decoration : none;
}
.footer a:hover{
font-family:verdana, sans-serif;
font-size:8pt;
font-weight:bold;
color:#FFF;
text-decoration : none;
}
/* begin calendar */
div.caltable {
width: 100%;
margin-left:auto;
margin-right: auto;
}
table#calendar a {
text-decoration: none;
}
tr#days th {
width: 14%;
}
table#calendar tr#days th {
color: white;
background-color: #224;
font-weight: bold;
text-align: center;
padding: 1px 0.33em;
}
table#calendar tr#title th {
background: #0099ff;
color: navy;
border: 1px solid #242;
font-size: 120%;
}
table#calendar td {
background: white;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: navy;
vertical-align: top;
padding: 0;
border: 0px solid gray;
border-width: 0 0 1px 1px;
border-right: 1px solid gray;
}
table#calendar a {
font-weight: bold;
font-size: 10px;
display: block;
margin: 0;
}
table#calendar a:link {
color: #6600ff;
font-size: 10px;
}
table#calendar a:visited {
color: purple;
}
table#calendar a:hover {
color: #00C;
}
table#calendar td.may, table#calendar td.jul, table#calendar td.aug {
background: #f0;
color: navy;
}
table#calendar tr#lastweek td {
border-bottom: 2px solid #AAB;
}
table#calendar td.holiday {
background: #9CF;
border-color: #BBB #FCC #FCC #BBB;
}
div.event {
margin: 0.5em;
}
div.event span {
display: block;
}
div.holiday {
font-style: italic;
}
span.time {
color: #ff;
font-weight: bold;
}
div.date {
float: right;
text-align: center;
border: 1px solid gray;
border-width: 0 0 1px 1px;
padding: 0.125em 0.25em 0 0.25em;
margin: 0;
background: #F3F3F3;}
span.loc {
color: #0099ff;
font-style: italic;
}
td.may div.date, td.jul div.date div.date td.aug {
border-width: 0;
color: gray;
background: transparent;}
div#artistban {
width: 231px;
height: 89px;
margin: 0 0 0 0;
padding: 0;
text-align: center;
border: 1px dotted white;
}
/* begin artist tables */
div.arttable1 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
table#artist1 {
width: 50%;
margin-left: auto;
margin-right: auto;
}
table#artist1 td {
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
margin: 0 0 0 1px;
text-align: center;
background: #80;
}
table#artist1 td img{
border: none;
}
div.arttable2 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
table#artist2 {
width: 50%;
margin-left: auto;
margin-right: auto;
}
table#artist2 td {
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
margin: 0 0 0 1px;
text-align: center;
background: #80;
}
table#artist2 td img{
border: none;
}
div.tablinks1 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
table#links1 {
width: 50%;
margin-left: auto;
margin-right: auto;
}
table#links1 td {
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
margin: 0 0 0 1px;
text-align: center;
background: #80;
}
table#links1 td img{
Re: [css-d] CSS Editor
for PC i use PSPad For Mac i use BBEdit (which is not free) or NVU which is free. I dontknow if this is what you are looking for. Best. -jeremy Peggy Bart wrote: Mendizabal wrote: Can anyone recommend a good cheap(free) CSS editor? I like the way Dreamweaver has auto-complete/hint but I don't like firing it up just for that. TIA __ 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/ I use HTML-Kit from www.chami.com. They have a plug-in for CSS which works great for me. It's free if you don't want the registered version. Peggy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-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] Safari/Mac Testing?
At 22:08 on 2005/07/07, [EMAIL PROTECTED] (Jon Trelfa) wrote: I'm Mac-ignorant I know that I can use Konqueror in Linux to test what websites will look like in Safari...but it's my understanding that it only covers more recent versions of Safari? Do I assume that *most* Mac users have OSX? Is there a percentage still using OS9? If so, what do I use to test pages for them? Do I test different versions of Safari as I would different versions of IE and Netscape? What versions would be the most prevalent? Safari Versions: 1.03 (OS 10.2.8) 1.3 (OS 10.3.9) 2.x (OS 10.4.x) In my experience, the rendering differences are minor. I wouldn't bother testing on anything below 1.03. One of the Safari developers has a blog: http://weblogs.mozillazine.org/hyatt/ with good information about Safari. The latest version of IE for OS 9 is 5.1.7 and is most likely the browser of choice for OS 9 users. Some OS 9 users opt for Wamcom: http://wamcom.org/ Which I believe is based on 1.3.x Mozilla, but that's a pretty small crowd at this point. -Steve -- Steve Axthelm [EMAIL PROTECTED] __ 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/
[ADMIN - OFF TOPIC] Re: [css-d] CSS Editor
At 15:30 -0400 8/7/05, jeremy wrote: for PC i use PSPad For Mac i use BBEdit (which is not free) or NVU which is free. OK, for anyone who did not bother to read my response to the original post yesterday (the first and only response until over 24 hours later), here it is again: http://css-discuss.incutio.com/?page=CssEditors [putting on moderator hat] Seeing that this is a) holy war territory b) not relevant to discussions about the uses and application of css that's all that needs to be said on the subject My apologies to the 6000+ people who have unecessarily received the last couple of messages in this thread. The fault is mine since I should perhaps have spelt things out more clearly and not been so whimsical. So here we go again. Please do not continue this thread since it is not on topic. However you can find a comprehensive list of editors that people on [css-d] use at: http://css-discuss.incutio.com/?page=CssEditors If anyone does not understand why the subject of editors is off topic, can they please take it up with me off list rather than posting to the list. Alex Robinson css-d moderator __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Problems
Peggy Bart wrote: This is my first time posting so please forgive for any impropriety. [...] Any help would be greatly appreciated. Peggy Bart Just a suggestion: Dunno the answer to your question, Peggy-- but unless you have just a snippet there's no need to post the code and hmtl. Put up a test page with the problem isolated and the CSS embedded, or just (as you have) provide a URI to the site-- most everyone has one device or another that enables them to view your code. Regards, David Laakso __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] In IE 6 my dropcap is not aligning correctly
I noticed on my home page of my personal web site
(http://www.inspired-evolution.com) my drop cap (the large I in
inspired) doesn't exactly fit in with the rest of the word in IE 6
(pc), that is it is too far to the right. In the browser I designed
the site for (Mozilla for Mac), it looks good and is positioned how I
want it.
Any suggestions on a IE 6 hack without messing up the positioning on
the good browsers?
URL: http://www.inspired-evolution.com
CSS:http://www.inspired-evolution.com/Gilbert.css
relavent CSS:
#main_content_home {
min-height: 625px;/* set here min height */
height: auto !important;/* overwrite the height */
height: 540px;/* this is also the min height for IE */
border:2px solid #069;
width:720px;
margin-left:1em;
margin-right:1em;
background: #fff url(/images/I2.gif) 11% 10% no-repeat ;
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How to add Unicode chars with CSS 'content' property?
On 08/07/05, David Hucklesby [EMAIL PROTECTED] wrote:
Finding that inserting a Unicode entity (#8217;) using the CSS
'content' property does not work, I converted HTML and CSS to UTF-8
and used the actual character in the 'content' value.
This seemed to work - until I looked on a Mac!
Use the **hex** code for css generated 'content'. For #8217; you should use:
{content: \2019; }
hth
--
T. R. Valentine
The only excuse for using IE is ignorance
(stupidity is a reason, _not_ an excuse).
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Re: css-d Digest, Vol 32, Issue 12
Sorry, but I am out of the office until Weds 13th July 2005. I will respond to your e-mail when I return If you need technical support please contact [EMAIL PROTECTED] For any other enquiries please call the office on (0113) 272 3191 Thanks for your e-mail. __ 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] In IE 6 my dropcap is not aligning correctly
Bruce Gilbert wrote:
I noticed on my home page of my personal web site
(http://www.inspired-evolution.com) my drop cap (the large I in
inspired) doesn't exactly fit in with the rest of the word in IE 6
(pc), that is it is too far to the right. In the browser I designed
the site for (Mozilla for Mac), it looks good and is positioned how I
want it.
Any suggestions on a IE 6 hack without messing up the positioning on
the good browsers?
It's already messed up in the good browsers - all of them. Try text-zoom
in your preferred browser...
You're gambling with font-size and em-based margins and what not -
relative to a percentage-positioned background for the whole area. That
paragraph is living its own life, and just happens to line up with the
I in the background - at some font-sizes - in some browsers.
If you want to use a background-image as drop cap, then you should set
it as background on the paragraph itself. That should make it line up
perfectly stable across browser-land.
In addition: .hide {display:none;} will make some (if not most) screen
readers hide it completely, so some off-screen positioning should be
used instead if you want that paragraph to make any sense in those.
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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] safari/mac testing
Hi Jon, You can view your site on Safari at http://www.danvine.com/icapture for free. Available versions are Safari 1.2 and 1.1.1 running on OS 10.3.1. You can use IE 5.2.3 on OS 10.3.1 there as well. For what it's worth, my experience has been that Konqueror and Safari won't render everything exactly the same--particularly background images with no-repeat. Browsercam lets you view your site in Konqueror on RH 8.0 as well as Safari--but it's not free. Worth every penny for me so far. Hope this helps. Jeanne Jeanne Prine, Webmaster University of Georgia College of Pharmacy [EMAIL PROTECTED] phone 706-542-5354 fax 706-542-5269 __ 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] How to add Unicode chars with CSS 'content' property?
David Hucklesby wrote:
That clobbered the first rule(s) in Opera.
I just wanted to mention that if a browser (9 out of 10 times it'll be
Opera; I dunno why) ignores the first rule in your CSS file, you can
dodge it by putting this as the first rule:
html {}
Okay, that IS rather obvious...but it works!
--
http://www.mozilla.org/products/firefox/ - Get Firefox!
http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox!
__
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] Footnotes
On 9 Jul 2005, at 3:42 am, T. R. Valentine wrote: http://www.w3.org/TR/CSS21/syndata.html#counter In Windoze, only Opera (AFAIK) supports counters. IE, Firefox, Mozilla do not. Deerpark alpha (developers preview for Firefox 1.1) does support counters as well. Philippe --- Philippe Wittenbergh http://emps.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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
