In case anyone is interested in a fix for the snipped code
fragments in these threads: add !important as mentioned.
Ingo
#top {position:absolute;
z-index:0;
top:0px;
left:0px;
width:100%;
background:#422911;
color:#EEE2C3;
height:30px;}
On 23 Nov 2005, at 3:04 pm, rashantha de silva wrote:
on mac it works on safari, firefox
opera has some alignment issues because the scroll bar props up and
disappears. if anyone has way of fixing this i would love to know how.
camino is not that bad.
ie 5.2 does not work with
On 23 Nov 2005, at 7:50 am, Chris Akins wrote:
The div id=search on the following page:
www.springfieldmogov.org
does not appear in the proper place on IE Mac.
The css for this page is www.springfieldmogov.org/css/3colTest.css
I've read some stuff about IE Mac not doing absolute
To this beginner, that seemed to fly against the idea of separating
content
from presentation, and felt sort of like sprinkling font tags through
the
document.
The overzealous, who are legion, get massively hung up on the whole
semantic markup thing when it comes to such matters as spans
Hello,
I am having problems in hover of image in the IE6 Windows XP SP2.
It is blinking when the event happens to hover.
What the reason happens this?
It's difficult to say without an actual page to look at, but, like most
developers, you presumably have IE set to Check for newer versions
On 22/11/05, David Feldman [EMAIL PROTECTED] wrote:
Typically, a form won't submit when you press the Enter key in a text
field unless it has a button type=submit or input
type=submit.
Not so. http://ppewww.ph.gla.ac.uk/~flavell/www/formquestion.html
Why don't you have a submit button though?
Hi All,
Just came across this list and it seems really useful.
I was wondering if the following scenario was possible:
I want to build a form with a set amount of standard form controls (e.g.
textbox, label beside text box and validator [asp.net]) and some dynamic
ones (depending on the
Dear List
I've created a css layout using the good work of Alex Robinson(1).
I used an online tool to generate the layout and hey presto it looks and
works fine except when I come to print the page - 99% of page content
disappears!
I've tried to decipher the css (some of it is beyond my
Charles Dort wrote:
Can anyone tell me what trouble I might get into using this
pseudo-class? If it will just be that some browsers will display it
as regular paragraphs, I'm not going to worry about it. The drop
caps aren't that important. Here's the only page I've used them on,
at
For all you good css bug fixers on this list.
I'm using the In search of the One True Layout (http://
www.positioniseverything.net/articles/onetruelayout/) as part of my
layout, and it's particularly important in my layout to use the
absolutely positioned div at the bottom of each column.
On Nov 21, 2005, at 6:27 AM, Chad Calhoun wrote:
Actually, if you're interested in using DENG, the CSS support is
amazing
(includes CSS3). Not ALL of the features are supported, but it is a
lot
better than Macromedia's base support.
Whoa! Thanks for info! DENG is [EMAIL PROTECTED] cool! I
Hi
Would someone mind doing a site check for me (especially mac since I
don't have)? None of the links work. I've just done the test page for
the home page which is designed for an 800x600 resolution.
b.t.w although it may not look like it, there is supposed to be a white
bg on either side of
Peter Downes wrote:
I used an online tool to generate the layout and hey presto it looks and
works fine except when I come to print the page - 99% of page content
disappears!
I've tried to decipher the css (some of it is beyond my level - eg I don't
know what to do with this - content: '[DO
From: Seth Livingston [EMAIL PROTECTED]
The roadblock for me is the display of the second level ul. In Eric's
design he uses an absolute position to get the second level menu items to
left align with the first tab:
#nav li.off ul, #nav li.on ul {
/*put the subnavs below and hide them all*/
On Wed, 23 Nov 2005 12:21:56 -, Virtuallee [EMAIL PROTECTED]
wrote:
Hi
Would someone mind doing a site check for me (especially mac since I
don't have)? None of the links work. I've just done the test page for
the home page which is designed for an 800x600 resolution.
b.t.w although
Thierry Koblentz wrote:
Actually, your post inspired me to write an article about this.
I'm almost done, I'll post the link later today or tomorrow.
Same markup, different layouts (as you suggested), isn't what CSS is
supposed to deliver?
One of the layouts even shows that it is not necessary
Georg wrote, in part,
... there's also some differences in how the
latest browsers position 'first letter' drop-caps.
Nothing major, just a slight height-difference...
So I ended up with something like this:
p:first-letter {
float: left;
Charles Dort wrote:
I still see those differences with yours, the drop-cap in FF being
noticeably lower than in IE6, but if I'm understanding you correctly,
there was an even bigger difference before in Opera and Safari, and
this tuning makes them closer to FF and IE. Is that right?
Did I miss a post, or is the article not yet finished?
Thierry created a new post about the article instead of replying here,
so if you've been keeping tabs here, no you didn't miss it. :)
http://www.tjkdesign.com/articles/liquid.asp
Zoe,
on Wednesday, November 23, 2005 at 13:28 Zoe M. Gillenwater wrote:
John Mandia wrote:
I want to build a form with a set amount of standard form controls (e.g.
textbox, label beside text box and validator [asp.net]) and some dynamic
ones (depending on the audience there may be different
Charles, et al-
Below is my implementation, based on using a span for the first letter
instead of the first-letter pseudo class. Should work the same for the
pseudo-class, but I'm not positive.
This implementation was based off an article I found on the web, but I can't
locate it at the moment.
Converting legacy site to tableless layout and there are some advanced
(and not-so-advanced) cross-browser tricks eluding me. Having searched,
I'd be most grateful if someone can hit me with a clue stick on a few of
these.
Site here: http://beta.consupro.net/default_new.asp
CSS here:
Have been working on a total revamp/rethink of my layout (thanks for the help
David Laasko Christian Heilmann). It was an absolute mess and needed a total
work around
Now I have 2 quick questions
(i) My new layput which expands without breaking until about 200-300% as
advised by David
Gunlaug Sørtun wrote:
Charles Dort wrote:
I still see those differences with yours, the drop-cap in FF being
noticeably lower than in IE6,...]
That's right.
I usually go more for 'look and feel' than 'pixel-perfection', the
tuning is a bit 'middle of the road'...]
FWIW, try Georg's method
On 23/11/05, Martin Heiden [EMAIL PROTECTED] wrote:
2. you would have to rely on absolute positioning, making it very likely
for your divs to start overlapping each other at larger text sizes.
Only if you position the divs with px or other fixed values. He could
use em to avoid this issue.
-3-
Font-sizing: Hardest to leave behind are my pixel-based fonts. :\ There
is a large difference between IE and Firefox, which I've slapped a
band-aid on for now... that Opera isn't happy with.
I've read about many people's preferences on this, but could use a lot
more. Opinions on the
David,
on Wednesday, November 23, 2005 at 16:15 David Dorward wrote:
On 23/11/05, Martin Heiden [EMAIL PROTECTED] wrote:
2. you would have to rely on absolute positioning, making it very likely
for your divs to start overlapping each other at larger text sizes.
Only if you position the
found you that ie doesn't like coments
!--coments like this--
can I add comments that validate?
R.
- Original Message -
From: [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Wednesday, November 23, 2005 3:16 PM
Subject: [css-d] A quick one or two!
Have been working on a
David Laakso wrote, in part,
... try Georg's method with a red background-color
and a 3px solid border. #BDB76B for the border and
the letter will yield something on the order of a
goldleaf /initial/ drop-cap. One can never have
enough illumunated
[EMAIL PROTECTED] wrote:
Have been working on a total revamp/rethink of my layout. It was an absolute
mess and needed a total work around
http://www.nssdesign.scot.nhs.uk/involving%20people/tester.php
No answers to your questions. Just some food for thought.
What if the following words did
found you that ie doesn't like coments
!--coments like this--
can I add comments that validate?
R.
Are you talking about comments in your CSS? Those should be written as such:
/* comment */
Regards,
Ron
__
On 23/11/05, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
found you that ie doesn't like coments
!--coments like this--
IE has no problems with comments like that.
Of course those are SGML/HTML/XML/XHTML comments, so if you are
putting them in a style sheet then they aren't comments.
can I add
This breaks my page in IE..crazy!
!-- hello --
this is the error
CSS
Validator
Error
Target: http://www.nssdesign.scot.nhs.uk/involving%20people/tester.php
Please, validate your XML document first!
Line 334
Column 5
The string -- is not permitted within comments
- Original Message
Hi Peter,
No need to try a different layout -- you just need a print style sheet.
In your print sheet, you'll need to set floats back to non-floating and
positioned objects back to static. See the wiki page for more info:
http://css-discuss.incutio.com/?page=MediaStylesheets
The layout is
Thanks for your help, Jesper. I did fiddle with it and have it sort it out.
It still has problems (thick white line in IE 6; background disappears in
Firefox 1.0, but not in the 1.5 beta!)
I appreciate your comments about the navigation. Unfortunately, I have no
control over the site's design,
Georg,
Thanks so much - this is just what I needed!
-Ann
--- Gunlaug Sørtun [EMAIL PROTECTED] wrote:
Ann Adamcik wrote:
I've tried positioning the inner div absolutely,
specifying all 4
edges. This works in FF, but not Opera or IE. I
then tried
specifying just the left and bottom
I am close to getting there but have one last problem
I have a container div with two or three divs in it
http://www.blue-fly.co.uk/test/1.jpg
I want the background container to expand to the height of the biggest DIV
http://www.blue-fly.co.uk/test/2.jpg
s
This is what I am getting at
Richard Brown wrote:
Hi All
I am still working on this site:
http://www.lostwithiel.org.uk/home/
The css is located at:
http://www.lostwithiel.org.uk/wp-content/themes/lostwithiel/style.css
I am trying to implement a CSS Dropdown menu using the technique listed
here:
rashantha de silva wrote:
every thing looks good on safari, but i need confirmation from pc users.
in virtual pc on my powerbook the flash edges seemed to be jagged.
windows users can you please check this on a desktop as well as laptops.
I'm not sure which i'm supposed to be seeing... but
L. Robinson wrote:
Converting legacy site to tableless layout and there are some advanced
(and not-so-advanced) cross-browser tricks eluding me. Having searched,
I'd be most grateful if someone can hit me with a clue stick on a few of
these.
Site here: http://beta.consupro.net/default_new.asp
Greetings All
I believe I have got the footers on the site to stick to the bottom
using the technique of footerStickAlt but now my faux column graphic is
not being repeated up to the footer anymore. Please have a look at:
Lst Recv wrote:
... IE pushes the graphic down to
the next row, unless I set the width to 9% or less!!! I can't figure
out where that 9% is coming from - 55 + 10 + 15 + 2 = 82, leaving 18
percentage points. This has really got me stumped.
Hi Lst Recv,
see
Nick Fitzsimons wrote:
One thing immediately stands out: you are declaring a font-size of 85% on
the body. As the standard browser font size is 16 pixels, and 85% of 16 is
13.6, you're starting from a baseline of 13.6 pixels. As you can't have
fractions of a pixel, you're pretty much bound
Divs don't expand to contain floats.
Again: where is the URL to your code?
Ingo
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ --
rashantha de silva wrote:
every thing looks good on safari, but i need confirmation from pc users.
in virtual pc on my powerbook the flash edges seemed to be jagged.
windows users can you please check this on a desktop as well as laptops.
http://idealzone.net/delon/
Just a reminder -- if
[EMAIL PROTECTED] wrote:
I am close to getting there but have one last problem
I have a container div with two or three divs in it
http://www.blue-fly.co.uk/test/1.jpg
I want the background container to expand to the height of the biggest DIV
http://www.blue-fly.co.uk/test/2.jpg
s
This is
We all know about the virtues of semantic markup.
Normally, it is done p class=[semantics] (or span or div instead of p).
However, is this really hitting it properly? class is, afterall,
for presenatation, not semantics. Semantically, we're just saying
it's a paragraph.
It seems that the
I have the following (severely snipped) structure:
ul id=menu
li
ul
li
p id=breadcrumb
#menu ul
{
position: relative;
}
#menu ul li ul
{
position: absolute;
left: 0;
}
The second level ul overlaps the paragraph below it (see
Schalk wrote:
Greetings All
I believe I have got the footers on the site to stick to the bottom
using the technique of footerStickAlt but now my faux column graphic is
not being repeated up to the footer anymore. Please have a look at:
Is there anyway to have one line of text, with part of it aligned to
the containers left and part of it to it's right?
Floats don't seem to work here - I don't know widths in advance, and I
don't want flow, just justification.
Crude example of what I'd like:
The Opera
Greetings All
Please have a look at the following site in IE: www.volume4.com/scq/
You will see that the last line 'dealer portal' wraps to two lines. Why
is this? I have tried a variety of things but nothing works. The CSS
files used are:
default: www.volume4.com/scq/css/default.css
forms:
Hi all
David Laakso gave me advice off-list, following up on this I want to force a
vertical scroll bar. This is to prevent lateral page shifting when one page
is very short and one page is very long.
This is caused because a vertical scrollbar is shown when a page is long but
the scrollbar is
It looks like I'm not able to learn how CSS does things, sigh, sorry for this
basic question. If I want to make a page that look like this
|HH|
|--|
|c |
|
Lst Recv wrote:
Is there anyway to have one line of text, with part of it aligned to
the containers left and part of it to it's right?
Floats don't seem to work here - I don't know widths in advance, and I
don't want flow, just justification.
You don't need to know widths to use floats.
David Laakso wrote:
Schalk wrote:
Greetings All
I believe I have got the footers on the site to stick to the bottom
using the technique of footerStickAlt but now my faux column graphic
is not being repeated up to the footer anymore.
Schalk,
I believe you'll need to add the faux gif to
Schalk wrote:
Greetings All
Please have a look at the following site in IE: www.volume4.com/scq/
You will see that the last line 'dealer portal' wraps to two lines. Why
is this? I have tried a variety of things but nothing works. The CSS
files used are:
default:
On Nov 23, 2005, at 1:36 PM, Lst Recv wrote:
Is there anyway to have one line of text, with part of it aligned to
the containers left and part of it to it's right?
You might want to take a look at this ALA article (Scroll down to
Splitting the Difference):
Is there anyway to have one line of text, with part of it aligned to
the containers left and part of it to it's right?
Floats don't seem to work here - I don't know widths in advance, and I
don't want flow, just justification.
Crude example of what I'd like:
The Opera
David Laakso wrote:
Schalk wrote:
Greetings All
Please have a look at the following site in IE: www.volume4.com/scq/
You will see that the last line 'dealer portal' wraps to two lines.
Why is this? I have tried a variety of things but nothing works. The
CSS files used are:
default:
Hi Jan,
Jan Erik Moström wrote:
#pagebody
{
background-color: #fbb;
width: 500px;
}
but how do I center this part?
Just add margin: 0 auto. Think of it this way: you want the centered
item to have equal size margins on each side.
but how do I center this part?
Hi,
Check this page:
http://www.sitepoint.com/forums/showpost.php?p=1239967postcount=4
Link description:
FAQ :How to centre an existing page horizontally? ... The usual way to
centre is to use margin-left:auto and margin-right:auto on the div.
However , you
margin: Auto;
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Jan Erik Moström
Sent: Wednesday, November 23, 2005 2:46 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] I can never learn this - how do I center a part of my page
It looks like I'm not
Reynier Perez Mira wrote:
The site is being tested in Firefox because I'm anti micro$oft.
It's good to test in Firefox, not to be anti-Microsoft, but because it
handles CSS better. That way, you build for all the good browsers out
there and then tweak for IE, instead of trying to hack good
On 23/11/05, Jan Erik Moström [EMAIL PROTECTED] wrote:
#pagebody
{
background-color: #fbb;
width: 500px;
}
but how do I center this part?
http://dorward.me.uk/www/centre/#block
--
David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk
Mark Batty wrote:
Hi all
David Laakso gave me advice off-list, following up on this I want to force a
vertical scroll bar. This is to prevent lateral page shifting when one page
is very short and one page is very long.
This is caused because a vertical scrollbar is shown when a page is long
On 23/11/05, Lst Recv [EMAIL PROTECTED] wrote:
However, is this really hitting it properly? class is, afterall,
for presenatation, not semantics.
Is it? Where does it say that? The specification uses class names
which describe semantics, not presentation.
Semantically, we're just saying it's
Thanks - I went through the article, but can't seem to apply it to my case.
I have a div id=banner, with two images. I'd like one to show on
the left and one on the right. (The div also has a repeat-x
background image). I've tried several permutations - but none get it
right.
I also tried
a newbie guess:
ul
li class=catThe Opera/li
li class=date(Fri, July13)/li
li class=descrip/li
/ul
.cat {float: left}
.date {float:right}
.descrip {clear: both}
at least conceptually... i think...
On Nov 23, 2005, at 4:36 PM, Lst Recv wrote:
Is there anyway to have one line of text, with
On Nov 23, 2005, at 2:18 PM, David Laakso wrote:
font:.90%/1.2 Verdana,Arial,Helvetica,sans-serif;
Some say one should use a raw number for line-height.
By specifying no unit is that what you mean by raw number??
m
__
Nick Fitzsimons wrote:
I personally find it useful to specify a font size of 62.5% on the
body, giving me a default size for 1em of 10 pixels. If I then want a
heading at 14 pixels, I can specify 1.4em.
Yes, it's a simple calculation - although not too precise across
browser-land.
However,
Thanks for the links and info.
I was sent a private email asking for the page itself. Here it is,
condensed - let me know if you need more.
I'm STUMPED by two problems:
1) Why is the logo on the right being pushed down to the next line?
2) Why is a thin white line appearing between #top and
Lst Recv wrote:
I have a div id=banner, with two images. I'd like one to show on
the left and one on the right. (The div also has a repeat-x
background image). I've tried several permutations - but none get it
right.
I also tried http://css-discuss.incutio.com/?page=AlignLeftAndRight ,
Schalk wrote:
I do not know, I will keep playing around with some of the widths
etc. Somewhere in there I am going wrong or missing something.
Maybe 'dealernbsp;portal' is the simplest solution?
An equally simple solution is to provide more space in ul and li, and
float or position the entire
Schalk wrote:
David Laakso wrote:
Schalk wrote:
David Laakso wrote:
I do not know, I will keep playing around with some of the widths etc.
Somewhere in there I am going wrong or missing something.
Schalk,
No wonder. I was looking at the wrong line.I think tweaking this
David Laakso wrote:
Schalk wrote:
David Laakso wrote:
Either you have fixed this, or I am out to lunch. The problem you
are experiencing with fonts in ie is the extreme font-size bug:
This corrects it:
html, body {
margin:0;
border:0;
padding:0; /*font:.9em/120%
Michael Hulse wrote:
On Nov 23, 2005, at 2:18 PM, David Laakso wrote:
font:.90%/1.2 Verdana,Arial,Helvetica,sans-serif;
Some say one should use a raw number for line-height.
By specifying no unit is that what you mean by raw number??
m
Yes.
For example:
line-height: 1.0;
rather
Hi there,
How about a link to your page and css?? It would help :-)
Thanks,
Bill Scheider
Thanks - I went through the article, but can't seem to apply it to my case.
I have a div id=banner, with two images. I'd like one to show on
the left and one on the right. (The div also has a repeat-x
Gunlaug Sørtun wrote:
However, keep in mind that the 62.5% base may result in very, very,
large fonts if a user apply 'min-font-size'[1] in their browser.
Min-font-size isn't the only way for that to happen. User stylesheets
can do the same thing:
#top img.man { display: block; width: 25%; float: left; }
#top a.logo { display: block; width: 25%; float: right; }
Shouldn't these be display:inline; ? block will never work for your
case. If you want two things to stay on the same line, you have to use
inline!
--
--
Christian Montoya
On 11/23/05, bill [EMAIL PROTECTED] wrote:
Hi there,
How about a link to your page and css?? It would help :-)
Thanks,
Bill Scheider
By popular demand, here are the links:
http://mortgagephonequotes.com/mortgage.html
BUGS
On Opera, it displays fine, but:
1) On Firefox and IE, the logo on
On 11/23/05, Christian Montoya [EMAIL PROTECTED] wrote:
#top img.man { display: block; width: 25%; float: left; }
#top a.logo { display: block; width: 25%; float: right; }
Shouldn't these be display:inline; ? block will never work for your
case. If you want two things to stay on the
Sorry, mail program messup on the previous try...
---
From: Lst Recv [EMAIL PROTECTED]
Thanks - I changed it, but it didn't solve any of the bugs...
Let's see.
The first bug you might want to deal with is your incorrectly written
selector
#top img.dude {
On 24 Nov 2005, at 8:32 am, Chris Akins wrote:
I tried the below suggestion as wells as specifying a width for that
div, margin-left, margin-right, all to no avail.
Anything else anyone can think of?
On 11/23/05, Philippe Wittenbergh [EMAIL PROTECTED] wrote:
Try: div#search
At 3:44 PM -0500 11/23/05, Lst Recv wrote:
To me, it seems that this is what XHTML is really about.
To me, CSS is what this list is really about. Debating the
semantic flavor of XHTML is out of scope. Sorry, but I've seen that
subject (and close variants of it) turn into a long,
Michael Hulse wrote:
On Nov 23, 2005, at 7:16 AM, [EMAIL PROTECTED] wrote:
http://www.nssdesign.scot.nhs.uk/involving%20people/tester.php
Not sure if you care, or if this matters, or if anyone else has
mentioned:
The page is blank on Mac/Safari.
Looks like you forgot to close you
Thanks, everyone. I knew it would be something embarrassingly simple.
jem
--
Jan Erik Moström, www.mostrom.pp.se
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
86 matches
Mail list logo
