On May 1, 2006, at 10:27 PM, Els wrote:
[snip]
Here's a set I made recently, but it wasn't tested in Safari or
Opera on Mac.
http://locusmeus.com/test/thumbswithcaptionslistcentered.html
[snip]
http://locusmeus.com/test/thumbswithcaptionscentered.html
Still, the initial height of the
Hi all
I've got a problem with IE5.5 always loading the print stylesheet -
which then gets rid of the navigation.
style type=text/css media=print
@import url(/styles/print.css);
/style
How do I solve this problem?
Cheers
Bojana
IMPORTANT: This e-mail, including
On May 1, 2006, at 10:47 PM, Richard Brown wrote:
Hi
I am styling a shopping cart. It has a variety of fields including two
fields that are not needed to be shown. Is it possible to tell a
div to
return a value of nothing please?
If you want to hide a div, do the following:
#div-id {
On May 1, 2006, at 11:19 PM, Bojana Lalic wrote:
Hi all
I've got a problem with IE5.5 always loading the print stylesheet -
which then gets rid of the navigation.
style type=text/css media=print
@import url(/styles/print.css);
/style
IE 5.5 doesn't handle that import well
Any ideas on a fix
thx, deano
[EMAIL PROTECTED]
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Sent: Thursday, April 27, 2006 7:43 PM
To: 'css-d@lists.css-discuss.org'
Subject: IE drops center and right column content below left column
again
Importance: High
Mike Gillespie wrote:
A 2 column left justified layout was easy enough to do, but
this centered version is getting to me.
I can get it to look right in FF/Win or IE6/Win, but not both.
Looked for hacks, but so far, nothing that helps when page is
centered (even though they work when not
Hello list
First of all I'll come clean and admit that I'm far more used to dealing
with Flash than anything else so don't start throwing things at me!
But I have to do this site in html and am trying to make use of CSS to make
the type look 'pretty'.
And I've encountered the problem with
I dont' understand the problem. Paste in all the code and I will try and
help.
Ross
- Original Message -
From: antmanbee [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Tuesday, May 02, 2006 9:12 AM
Subject: [css-d] Simple (?) padding question
Hello list
First of all
on 2/5/06 9:40, [EMAIL PROTECTED] at [EMAIL PROTECTED] wrote:
I dont' understand the problem. Paste in all the code and I will try and
help.
thanks ross
I've got a test page online that may/should clarify it for you
IE: top of main text box spacing incorrect
Firefox etc: top of main text
Hi,
http://saturnlabs.homelinux.net/treasure/catalog.html
On this page, if you browse using IE6 (and 5 too I presume), you'll see
that the page is wide although there's nothing there. In Firefox, the
design is perfect.
It seems that the width of the #listing div is wider than the page, but
I
Hi everyone,
I'm experiencing a content jump in Ie ( all versions ) in a list using a
simple a:hover {background-color: #000;}
This is a known bug since Ingo Chao has built a detailed description on
Pie about: Quirky Percentages in IE6's Visual Formatting Model.
I tryed to remove the floats,
Hi!
URL: http://neovizija.com/emanuel/
Problem: The element with z-index: 0; is overlapping the element with
z-index: 100.
It works fine in Safari, Firefox and Opera though.
Any ideas how to *fix* this?
Cheers,
Bostjan :)
__
Vinson Gracia (777) wrote:
I have a hierarchical list that I would like to contain Divs with
other floating divs for each list item.
But I get some weird space after the div only if there are no textual
elements in it. I'm just wondering why this is happening and is there
a way to control
francky wrote:
[1] While I couldn't RE from the original post, I'm afraid this reply
will not adjust in the proper place in the list.
And this is why I just responded to Vinson as if no one else had
responded -- I didn't see this reply. Just ignore me Vinson! Francky has
already taken
[EMAIL PROTECTED] wrote:
Georg the two links below your name were very helpful.
After reading through them, I dont understand why the right columns
padding needs to be set to 1px. I tried setting padding top to 0px but
It does not have the same result.
I was wondering if this could be
Tony Balazs wrote:
I would be very grateful if you could help me fix a problem. When
clicking between pages using the left nav bar some pages seem to move
right or left relative to each other and I can't see why.
Because the vertical scrollbar comes and goes. My advice -- ignore it.
Dave Goodchild wrote:
Hi all, hope you're well. I have just completed my business site using pure
xhtml and css and am pleased with the results which can be seen at
http://www.web-buddha.co.uk.
Another suggestion to add to Georg's: get rid of the fixed height on the
nav bar and footer so
I shoud imagine its these two rules that is causing a bit of ambiguity :
.album *
{
position: absolute;
z-index: 0;
}
.albumSub
{
z-index: 100;
position: absolute;
/* other stuff */
}
I am guessing that the first rule is given a higher specificity,
however according to [1] the * should not
In my experiments to learn layout I've run into this problem twice.
As you'll see in my code, in the right column I've set the H1 to have a white
background
and the right column itself to have a purple.
In Firefox it displays almost correctly, in IE the purple doesn's show through
where the
antmanbee wrote:
I have the following code put on a simple layer:
.box {
padding: 10px 30px 30px;
height: 500px;
width: 465px;
}
this keeps the inserted text at a consistent distance from the box on the
left hand side and the top (in Firefox etc).
but how do I, and
I shoud imagine its these two rules that is causing a bit of ambiguity :
.album *
{
position: absolute;
z-index: 0;
}
.albumSub
{
z-index: 100;
position: absolute;
/* other stuff */
}
I am guessing that the first rule is given a higher specificity,
however according to [1] the
Mark Fellowes wrote:
In my experiments to learn layout I've run into this problem twice.
As you'll see in my code, in the right column I've set the H1 to have a white
background
and the right column itself to have a purple.
In Firefox it displays almost correctly, in IE the purple doesn's
Now I'm embarassed. Never thought to recheck the markup :)
Sorry and thank you!
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Tuesday, May 2, 2006 1:34 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Cc: CSS List [EMAIL PROTECTED]
Subject: [css-d] Question:Background in IE[6]
I'm still having a hard time wrapping my mind around classes, in particular
how they relate to classes in markup.
So, I understand I can create a class like:
.ptext{color: blue;}
Then in the markup I can styple p with that class.
What I find confusing is the uses of classes as opposed to
Mark,
CLASSes can be used on *multiple* elements, whereas an ID can only be used
on one element per page. In addition, you can use multiple CLASSes on a
single element, but only one ID.
I *think* that the advantage an ID has over a CLASS is that the ID has a
higher priority, so that if you
One more question, where is how to or tutorial on getting your mini site
logo to show up in the browser URL window?
Are you talking about the favicon? If so, here's the url for learning how to
use them along with a cool tool for making them.
http://www.dynamicdrive.com/favicon/
enjoy!
bj
On Tuesday, May 02, 2006 9:49 AM [GMT+0100=CET],Mark Fellowes
[EMAIL PROTECTED] wrote:
What I find confusing is the uses of classes as opposed to id's in
the markup. For example, I have a div for a right column. Would
creating a class for the p section of that div in the markup make
sense ?
On 05 2, 06, at 10:16 PM, bj wrote:
One more question, where is how to or tutorial on getting your
mini site
logo to show up in the browser URL window?
Are you talking about the favicon? If so, here's the url for
learning how to use them along with a cool tool for making them.
Mark Fellowes wrote:
I'm still having a hard time wrapping my mind around classes, in particular
how they relate to classes in markup.
So, I understand I can create a class like:
.ptext{color: blue;}
Then in the markup I can styple p with that class.
What I find confusing is the
on 2/5/06 14:10, Gunlaug Sørtun at [EMAIL PROTECTED] wrote:
May I suggest that you don't put paddings on containers, but instead set
'full width' on them and add suitable margins to content - paragraphs
and stuff.
That way you'll only have the width of borders (if there are any) that
may
[..]Can anyone else see what is going wrong here? The development site is
at http://winnetka.technicelixir.com/forums/index.php
If possible at all, the best suggestion you could possibly get is to not
use a phpBB forum. They are not very standards-friendly. If you want a
standards compliant
Michiel van der Blonk wrote:
If possible at all, the best suggestion you could possibly get is to not
use a phpBB forum. They are not very standards-friendly. If you want a
standards compliant forum, check out vanilla (http://www.getvanilla.com).
I do realize that if you have existing
On 02/05/06, Bostjan Kern [EMAIL PROTECTED] wrote:
(snipped my first attempt at a fix)
I tried the above solution, but the bottom a element is still overlapping
the top div and a
Any other ideas folks?
Hmm odd! I don't know what is causing this behaviour. But before I
posted my earlier
Using your example, I cut out as many of the positioned elements as
possible. For example you have the following structure for your
gallery :
div.album -- float:left and position:relative
a.albumLink !-- position: absolute;
div.albumSub !-- position: absolute; z-index: 100;
Testing
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org --
Just wanted to say thank you to all who answered. The explanations and
examples were very helpful.
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Tuesday, May 2, 2006 2:20 PM -07:00
To: css-d@lists.css-discuss.org
Cc: Mark Fellowes [EMAIL PROTECTED]
Subject: [css-d] Classes
antmanbee wrote:
How do I put space above the first piece of text when it's in a
container (layer)?
It seems a bit clumsy simply to put in a row of carriage returns
above
Of course. br should not be used as spacer. Margins and paddings are
much more suitable for that.
In a normal
Just a simple question.
I use the same ID multiple times per page but the ID does the exact same thing
in every case. As an example, I use it to modify the look or size of a
navigation link. This appears to work in all browsers without any problems so
is this a possible problem and should I
ID should only be really used once per page. It is for unique items.
There is more discussion on ID vs class on
http://www.w3.org/TR/REC-CSS2/selector.html
and
http://css-discuss.incutio.com/?page=ClassesVsIds
Cheers,
Richard
Don Miller wrote:
Just a simple question. I use the same ID
It's not standards compliant, but it will work . . . for now. You can have
multiple classes in a class attribute, so go ahead and change your
duplicate ids to classes. For example:
class=right blue important id=firstParagraph
Where it will cause a problem now is if you use JavaScript and need
I'm curious how people create page sets for their sites ? What I mean, is
that most sites seem to have some variation from page to page. Not variations
in content but in layout. It's a tough question to answer no doubt. My
thoughts are that perhaps one maintains certain color combinations
Hi!
First of all I'd like to thank the people who helped me getting started
with CSS on mobile devices on this list. Thanks for your answers!
Anyway, more questions came up:
Is it probable or reasonable to assume that elements that are marked
with 'display:none;' in the css are NOT loaded by
Why? An id is used to identify a unique element on each page (ie layout
container) whereas a class is used to create an effect in many places. That
is what they are for.
On 02/05/06, Don Miller [EMAIL PROTECTED] wrote:
Just a simple question.
I use the same ID multiple times per page but the
There are many methods, as there are to any approach in css. One good way to
have different layouts from the same stylesheet is to issue a class to the
body attribute and then style the layout ids differently
ie body.home #sidebar {
width: 200px;
}
body.normal sidebar {
width: 100px;
}
and so
Hi everyone,
I'm using an @import filter to fire my css...
Now I would like to reset those styles for Ie 5.0 for example, to make
sure he only has the text version and no styles at all...
I thought throwing to this browser an empty style sheet through
conditional comments...
But apparently it
Is that lte a typo in the actual code? You mention le above...
On 02/05/06, Guillaume [EMAIL PROTECTED] wrote:
Hi everyone,
I'm using an @import filter to fire my css...
Now I would like to reset those styles for Ie 5.0 for example, to make
sure he only has the text version and no styles at
Guillaume wrote:
Hi everyone,
I'm using an @import filter to fire my css...
Now I would like to reset those styles for Ie 5.0 for example,
to make sure he only has the text version and no styles at
all...
I thought throwing to this browser an empty style sheet through
conditional
I've found some odd CSS bugs in Firefox that cause some rendering
differences between MacOS X and Windows XP. I've posted a simplified
test case here:
http://learningcommons.lib.calpoly.edu/TEST/
Any comments/suggestions before I submit this to the Firefox's Bugzilla?
-Tyson
Els
To make it work, you need to counter the styles from the previous
stylesheets in lte50.css.
You mean every single style has to be the same in lte50.css ?
Can't I just then do a global reset from this last style sheet and kill
all previous styles ?
Something like:
*{border:none;
Tyson Tate wrote:
I've found some odd CSS bugs in Firefox that cause some
rendering differences between MacOS X and Windows XP. I've
posted a simplified test case here:
http://learningcommons.lib.calpoly.edu/TEST/
Any comments/suggestions before I submit this to the Firefox's
Bugzilla?
On May 1, 2006, at 10:27 PM, Els wrote:
...
Here's a set I made recently, but it wasn't tested in Safari or
Opera on Mac.
http://locusmeus.com/test/thumbswithcaptionslistcentered.html
...
http://locusmeus.com/test/thumbswithcaptionscentered.html
~~~
On Mon, 1 May 2006 23:19:37
Hi,
I have a page that is causing me a little grief and hope that you can help
me. I have HTML generated by php and styled by CSS. I have extracted an
example of the HTML which may be found at
www.kuroi.co.uk/testing/index.html.
Basically, it works but the styling is slightly off in FF. In
Is it probable or reasonable to assume that elements that are marked
with 'display:none;' in the css are NOT loaded by the browsers?
I've read - concerning css image preloaders - that today's browsers are
smart enough to leave out content in the html if it it set to
display:none; in the
Guillaume wrote:
I'm using an @import filter to fire my css... Now I would like to
reset those styles for Ie 5.0 for example, to make sure he only has
the text version and no styles at all... I thought throwing to this
browser an empty style sheet through conditional comments... But
?I'm curious how people create page sets for their sites ? What I mean,
is that most sites seem to have some variation from page to page. Not
variations in content but in layout. It's a tough question to answer no
doubt. My thoughts are that perhaps one maintains certain color
hello!
i'm trying to make a layout where my left div is a fixed 160px width, and the
main div will be sized with all the rest available width of the screen.
in firefox 1.5 my css is allright, but when i test it on windows ie 6 it
doesn't work...
this is the css:
---
#esquerda
{
Ingo Chao wrote:
This is new to me, and I would appreciate some testing.
http://www.satzansatz.de/cssd/drcc/drcc.html
This one, at least, works for me in IE7, 6, 5.5
and IE's parser seems to recover well from this.
Actually the styles were not chosen carefully.
Here is another example
Ingo Chao wrote:
Guillaume wrote:
I'm using an @import filter to fire my css... Now I would like to
reset those styles for Ie 5.0 for example, to make sure he only has
the text version and no styles at all... I thought throwing to this
browser an empty style sheet through conditional
richard wrote:
hello!
Hi :-)
i'm trying to make a layout where my left div is a fixed 160px
width, and the main div will be sized with all the rest
available width of the screen. in firefox 1.5 my css is
allright, but when i test it on windows ie 6 it doesn't
work...
this is the css:
Hi all,
Simple question: I have a divbox, and another divbox inside.
The #outerbox must have an opacity for FF (css-3, yes), and the
#innerbox has to stay straight. Is this possible, or is this against the
laws of css?
Almost forgotten: this is the testpage
Hi,
I am trying to create a small 5 column CSS box that will render
correctly across browsers.
Also I would like to be able to adjust the widths of each box accordingly
I am looking for something like this:
div id=container
div id=Box1Text /div
div id=Box2Text /div
div
On May 3, 2006, at 9:47 AM, francky wrote:
Simple question: I have a divbox, and another divbox inside.
The #outerbox must have an opacity for FF (css-3, yes), and the
#innerbox has to stay straight. Is this possible, or is this
against the
laws of css?
Almost forgotten: this is the
Ingo Chao wrote:
This is new to me, and I would appreciate some testing.
http://www.satzansatz.de/cssd/drcc/drcc.html
http://www.satzansatz.de/cssd/drcc/drcc2.html
Sure, it is working as intended. I use that CC construction on a few
pages, but not for stylesheet-links.
---
As long as
The best way to do this would be to float each div inside your container.
This will allow them to line up horizontally. The CSS may look like this.
#Box1 {
float: left;
width: xxx;
}
#Box2 {
float: left;
width: xxx;
}
#Box3 {
float: left;
width: xxx;
}
#Box4 {
float:
Cem,
It's related to CSS because I'm asking how designers use it to create site
variation. One of the responses earlier on in the thread was a CSS idea where
BODY was given a CLASS name to vary the page's width.
As I said in the post, it's probably not an easy question to answer. I
Els wrote:
Tyson Tate wrote:
I've found some odd CSS bugs in Firefox that cause some
rendering differences between MacOS X and Windows XP. I've
posted a simplified test case here:
http://learningcommons.lib.calpoly.edu/TEST/
Any comments/suggestions before I submit this to the Firefox's
On May 2, 2006, at 7:21 PM, francky wrote:
[snip]
btw: you know the Liquid Corner/Border method (without javascript)?
See Playgarden 8.a http://home.tiscali.nl/developerscorner/
liquidcorners/liquid-corners-playgarden-08a.htm, and the new
examples Playgarden 9.a
I've never used a print style sheet before, but I'm wondering if I
could use one now. I'd like each month to print out on a separate
sheet of paper if someone tries to print it from the web. Any ideas:
http://www.highland-bc.org/calendar.html
Thanks,
Erin Spangler
I am looking for something like this:
div id=container
div id=Box1Text /div
div id=Box2Text /div
div id=Box3Text /div
div id=Box4Text /div
div id=Box5Text /div
/div
_ _ _ _ _
|__Box 1 _||__Box 2 _| |__Box 3 _|
I've found some odd CSS bugs in Firefox that cause some rendering
differences between MacOS X and Windows XP. I've posted a simplified
test case here:
http://learningcommons.lib.calpoly.edu/TEST/
Any comments/suggestions before I submit this to the Firefox's Bugzilla?
-Tyson
FF 1.5.0.2 on
?
Cem,
It's related to CSS because I'm asking how designers use it to create site
variation. One of the responses earlier on in the thread was a CSS idea
where BODY was given a CLASS name to vary the page's width.
As I said in the post, it's probably not an easy question to answer. I
I noticed a few people looked at this in my logs. Did anyone see the
same behavior? Any ideas about the problem?
On Mon, May 01, 2006 at 06:15:48AM -0700, Bill Moseley wrote:
http://hank.org/demos/banner.html
http://hank.org/demos/banner.css
In Opera 8.5/Linux when I mouse into
I've never used a print style sheet before, but I'm wondering if I
could use one now. I'd like each month to print out on a separate
sheet of paper if someone tries to print it from the web. Any ideas:
Hi Erin, just add this to your css code.
.clmonth { page-break-after: always; }
Sadly, IE
I mentioned in another thread that I was going to try to whip up a
custom border/custom corner box that uses only one div without
JavaScript. I've succeeded, but only in Safari, as of yet. I was
planning on using IE's expression CSS property to make up for the
lack of :after and :before
http://positioniseverything.net/articles/dropshadows.html
francky wrote:
I see the idth-itches are repaired in the meantime. :-)
Somehow I forgot. So much testing...
* The html-validator wants the nbsp; (line 144) canceled...
That was added temporarily because IE was showing the bug where
75 matches
Mail list logo