Michal Cizmazia wrote:
Thank you, Els.
IE is doing it wrong.
You now have the sequence as 1 left, 1 right, 1 left, 1 right.
Because the second right comes after the second left, it
starts at
the same height as the second left, which is not at the bottom
of
first right, since that one is
Els wrote:
The solution for this particular set of images, would be to
change the order to:
#2, #1, #4, #3.
That way, #1 wants to stay at the same level as the
preceding #2, #4 wants to stay at the same level as the
preceding #1, but is pushed down by #3, #3 wants to
Hi Rafael,
Try adding !important to the position: absolute. Firefox's default styles
for LEGEND include 'position: static !important', so you'll have to use
!important as well to override this behaviour.
Cheers,
Jesse Skinner
http://www.thefutureoftheweb.com
Hi,
this mail is just
At 11:57 PM 2/26/2006, Michal Cizmazia wrote:
Just change the sequence - first the two on the left, then the two on the
right, then the text.
This does not help.
If the order is 2 left and then 2 right clear floats,
then the first right float starts at the same hight as the second
left (in
Hello!
This is really strange... I am developing a website and the dev team very much
would like to change the letter-spacing on most of the texts in the page.
I tried applying letter-spacing: 3px; or letter-spacing: .2em and in both
cases this works in IE, Opera, FF.
What DOES NOT work,
Thank you, Paul,
It looks like you're seeking to float three columns; you can contain all
the images on each side of the page. Each floated column begins at the
same height:
This solution I will use, if my desired solution does not work.
I also mentioned it in the first mail, too:
What is the recommended way for linking back to the top of the page?
I can't link to the id of my H1 because my CSS keeps it visible even
when it scrolls down, so linking to it doesn't scroll the window up to
the top. (If there is a work-around, please let me know.) I think my
options are as
On 27/02/06, curby . [EMAIL PROTECTED] wrote:
What is the recommended way for linking back to the top of the page?
The home key on the keyboard or grabbing the scrollbar and pushing up
quickly. It works on every site. It is in the same place on every
site. It doesn't clutter the page up with
On 2/27/06, David Dorward [EMAIL PROTECTED] wrote:
The home key on the keyboard or grabbing the scrollbar and pushing up
quickly. It works on every site. It is in the same place on every
site. It doesn't clutter the page up with duplication of browser built
in functionality.
That's a good
Thank you, your answer helped me to catch the point.
Here is the demo, which show why IE6 handles floats in the wrong way as you
have already mentioned.
http://cim.szm.sk/float-clear-seq2.html
Michal Cizmazia
The solution for this particular set of images, would be to
change the order to:
So we can rephrase the question as, If you're going to implement 'Go
to top' links at all, what's the recommended way of doing it?
Alternatively, let's rephrase the question as Forget about it - I
now realise my post is wildly off topic for a list about CSS.
Just in case the previous paragraph
Thank you, Francky,
I missed the redundant /p.
Other validator suggestions target the free hosting server generated content...
Off topic for the list: did you remark the html-validator
http:
//validator.w3.org/check?verbose=1uri=http%3A%2F%2Fcim.szm.sk%2Ffloat-clear-seq.html
suggestions for
Michal Cizmazia wrote:
Thank you, your answer helped me to catch the point.
Here is the demo, which show why IE6 handles floats in the wrong way as you
have already mentioned.
http://cim.szm.sk/float-clear-seq2.html
Another test case for this problem can be found at Bruno's CSS tests
Hi List, good Monday to you.
Is there a way I can give a DIV a random background color? From a list
of pre-defined colors?
Can't find anything suitable on Google.
thanks,
Paul
__
css-discuss [EMAIL PROTECTED]
On 27/02/06, Paul Annett [EMAIL PROTECTED] wrote:
Is there a way I can give a DIV a random background color? From a list
of pre-defined colors?
Not with CSS. You could modify the CSS or markup (class name for
example) on the fly with Javascript or server side programming.
--
David Dorward
Hi Paul !
Some javascript should do the trick
script
//Enter list of bgcolors:
var bgcolorlist=new Array(#afafaf, #1f1f1f, #80ff80, #eafeaf,
#f7f7f7, #f8f8f8, #ff, #dd)
yourrandombackgroundcolordiv.bgColor=bgcolorlist[Math.floor(Math.random()*bg
colorlist.length)]
/script
Jens Peter
At 04:01 AM 2/27/2006, Paul Annett wrote:
Is there a way I can give a DIV a random background color? From a list
of pre-defined colors?
Ya cain't get thar from here. CSS can't do it.
OT: Random number generation is built in to today' scripting
languages, e.g. in PHP rand(0,255) generates a
Paragraphs on my site have an indent of 2em for the second and
subsequent paragraphs; the first para has no indent. I use
p + p {
text-indent: 2em;
}
to effect this.
Where there is an image at the beginning of a para I use
img + p {
text-indent: 2em;
}
to keep the indented para.
anyone who wants - off the board i can send some php code or a mysql
query to generate random numbers or pull random colors / hex codes from
a list or database, day of the week, other (friday = green). i use
random functions for changing output in galleries, business spotlights,
etc. if you
Hi,
this mail is just for futher (personal) reference. I've tried to
change the style of a LEGEND tag and failed so far; what I'm trying to
do is to make it look as a tipical title-bar, something like this:
+-+
| LEGEND element |
Michel Bozgounov wrote:
Hello!
This is really strange... I am developing a website and the dev team very much
would like to change the letter-spacing on most of the texts in the page.
They may be sorry. Letter-spacing content text, and setting justified
text, does not do wellb. Nice in
Well, David,
It wasn't *my idea*, the graphics designer and the project leader just /asked/
if it is possible to apply letter-spacing to forms.
I made my best to make it work, but with no success (in IE).
So, they revised their ideas, and we'll drop the letter-spacing. We'll apply it
only
Michel Bozgounov wrote:
So, letter-spacing is really impossible (and not well considered) at
present - that's all that I wanted to know:)
Nothing is really impossible, and 'not well considered' is an /opinion/
I share with some.
Have a great day, Michel :)
~davidLaakso
another solution (though note i didn't say better) would be to set
those two links to display: block;, which gives them all the
properties of a block element, including 100% width.
__
css-discuss [EMAIL PROTECTED]
Has the
a {
clear: left;
}
solution already been suggested?
James
On Feb 27, 2006, at 15:30, cj wrote:
another solution (though note i didn't say better) would be to set
those two links to display: block;, which gives them all the
properties of a block element, including 100% width.
i didn't do any in-depth testing, but perhaps this will help.
i) why the top menu won't sit flush with the header image;
it doesn't sit up to the image in either ff or ie for me. the reason
for this might be that you never close your header div.
ii) how I might go about eliminating the
I'm attempting to [left] float an IMG tag inside of a DIV tag in quirks
mode [don't ask - it's a requirement apparently?]
In IE 6 I am getting 3-4 pixels of padding that occur *BEFORE* the IMG.
HTML looks something like...
divimg/div
I am specifying float:left on the IMG along with
On Mon, 27 Feb 2006, James Conley wrote:
I am specifying float:left on the IMG along with position:relative. The
image does indeed float left but yields 3-4 pixels of padding to the
left of the image.
Any ideas as to how I can fix?
I have a two column layout, with the right hand column being of varying
length depending on the contents, and both relatively positioned. I
would like the right and left hand columns to appear to be the same
length - I've tried using heights, but I'd have to have a different
height values for
hi,
I think that you ´ve used the faux column technique because you said that you
´ve tried to put a background.
I´ve used faux columns with liquid desing... have you read this article?
http://www.communitymx.com/content/article.cfm?cid=AFC58
Quoting Tamara Jackson [EMAIL PROTECTED]:
I
Jesse Wrote
Try adding !important to the position: absolute. Firefox's default styles
for LEGEND include 'position: static !important', so you'll have to use
!important as well to override this behaviour.
Rafael wrote:
Thanks Jesse, that actually allowed me to set the LEGEND
Thanks to Roger and Rahul for giving me some insight
into my alternatives for css. Thanks to Jim for the
demonstration page!
I appreciate your help!
Margie
__
Do You Yahoo!?
Tired of spam? Yahoo! Mail has the best spam protection around
I want to create a menu list that will expand/shrink with the browser
and also be horizontally centered. I setup a test case with a simple
ul with a long list of items, and put together the CSS to style it the
way I want. It's pretty close to my desired results, but it's not 100%
and I'm also
I thought my problem was solved. Then I found out the solution had a
side effect of it's own. I have experimented. I am no longer enjoying.
Funny, that.
The problem is demonstrated here:
http://www.minshew.com/misc/css/q2/content.html
This is a little 3 page layout that shows you what
I'm new here, and I apologize if this issue has already been dealt
with, but I'm having some considerable trouble with what seems like a
pretty simple layout.
my site:
http://www.sharkforum.org
renders properly in everything but IE. I've checked my DIV's, and they
all seem to be closed, but
Fu Ni T'hat wrote:
I thought my problem was solved. Then I found out the solution had a
side effect of it's own. I have experimented. I am no longer
enjoying.
Funny, that.
http://www.minshew.com/misc/css/q2/content.html
Add...
#maincontainer {display: table;}
...and keep on enjoying :-)
Mark
Thank you for the suggestion. The reason I've been doing it the way I
have is that I find it difficult to remember to write the necessary
code at the beginning of a piece - I hand code. If I can't sort out an
additional rule such as a + img + p (which doesn't work) I'll have to
use the
David Roth wrote:
http://www.sharkforum.org
renders properly in everything but IE. I've checked my DIV's, and
they all seem to be closed, but the gamma column keeps appearing
beneath the alpha and beta columns.
Adding something like...
#alpha {margin-right: -6px;}
...and correcting the
At 08:17 AM 2/27/2006, John Lockerbie wrote:
Paragraphs on my site have an indent of 2em for the second and
subsequent paragraphs; the first para has no indent. I use
p + p {
text-indent: 2em;
}
to effect this.
Where there is an image at the beginning of a para I use
img + p {
I've been struggling with getting a UL formatted so that there isn't a
gap between each LI.
Set each LI to have a margin of 0, and that worked great for firefox,
but not for IE/PC.
I finally discovered the fix was to change my HTML from this:
li
a href=link/a
/li
li
a
Austin, Darrel wrote:
I've been struggling with getting a UL formatted so that there isn't a
gap between each LI. ... is there any
chance that some CSS could remedy this?
This depends on your actual case. Can we see an URL to the problem?
Ingo
--
http://www.satzansatz.de/css.html
-- From: Austin, Darrel [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Monday, February 27, 2006 5:02 PM
Subject: [css-d] IE fix for white space in the HTML being rendered?
I've been struggling with getting a UL formatted so that there isn't
a
gap between each LI.
Set each LI to
Jonathan Carter wrote:
I want to create a menu list that will expand/shrink with the browser
and also be horizontally centered. I setup a test case with a simple
ul with a long list of items, and put together the CSS to style it the
way I want. It's pretty close to my desired results, but
Hi All,
I have built several pages that use very similar designs to display
images. It all validates but I notice that in IE(Mac) that the
previous/next arrows under the picture bounce to the right hand side
causing the links that should be there to drop down to the bottom of
the page,
Hi
Apparently some of the paragraphs on this page
http://www.fou2foot.com/services.php are disappearing when the user
scrolls up/down. It seems to be mainly 'Services for football Clubs' and
'Services for football players'. Is this happening for anyone else? Can
someone spot what is goign
On 27/02/06, Virtuallee [EMAIL PROTECTED] wrote:
Apparently some of the paragraphs on this page
http://www.fou2foot.com/services.php are disappearing when the user
scrolls up/down. It seems to be mainly 'Services for football Clubs' and
'Services for football players'. Is this happening for
Hi Maxwell:
Maxwell Balmain wrote:
Hi All,
I have built several pages that use very similar designs to display
images. It all validates but I notice that in IE(Mac) that the
previous/next arrows under the picture bounce to the right hand side
causing the links that should be there
Is it true that you can't add top and bottom padding to LI elements? I
created a horizontal navigation list and I try to add padding to either
the LI elements or the A elements within the LI and it still won't
increase the padding.
The reason I'm trying to change it is because my hover is
Maxwell Balmain wrote:
I have built several pages that use very similar designs to display
images. It all validates but I notice that in IE(Mac) that the
previous/next arrows under the picture bounce to the right hand side
causing the links that should be there to drop down to the bottom
Jochem Maas wrote:
Jonathan Carter wrote:
I want to create a menu list that will expand/shrink with the browser
and also be horizontally centered. I setup a test case with a simple
ul with a long list of items, and put together the CSS to style it the
way I want. It's pretty close to
Re: adding letter-spacing, Michel Bozgounov wrote:
So, they revised their ideas, and we'll drop the letter-spacing. We'll
apply it only maybe to some elements in the page (a few headings,
for example).
I suggest you use pixels for letter-spacing. IE calculates EMs based on
the font-size
51 matches
Mail list logo