Hi all,
I've been working on a site and just at the stage of tidying up the CSS
however I have a strange problem with margin collapsing. It looks like
there is some unwanted margin on the HTML element itself which is really
confusing me. I've been trying all sorts to fix this problem. Putting
Els wrote:
Robert O'Rourke wrote:
I've been working on a site and just at the stage of tidying up the
CSS however I have a strange problem with margin collapsing. It
looks like there is some unwanted margin on the HTML element itself
which is really confusing me. I've been trying all sorts
MEM wrote:
AHH!
The password input field it's automatically shorter in IE.
If we put both input fields with the type: text. All works fine.
If We put two text fields, one with type: text. Another with type:password,
this one get's shorter.
Is there a way to stop IE from doing this
MEM wrote:
-Original Message-
[EMAIL PROTECTED] On Behalf Of Robert O'Rourke
Sent: terça-feira, 9 de Dezembro de 2008 10:46
To: Luc on css-discuss
MEM wrote:
AHH!
The password input field it's automatically shorter in IE.
If we put both input fields with the type: text
Ray Pello wrote:
Hullo,
I have a problem. THis site : www.reginagarde.com
looks OKAY to FF but when it comes to ie : when it gets to the product
details page (such as : http://www.reginagarde.com/store/show/D231)
The layout of the footer got screwed.
...
Can anyone help?
- Ray
Ombilic
Mário Gamito wrote:
Hi,
Does anyone know the font name that is used in this picture ?
http://www.absinto.org/einstein.010.png
I'd like to use it in a site, but I can't figure out what it is.
Any help would be appreciated.
Warm Regards,
Mário Gamit
If you cut out the bit of the image
On my 2 monitor setup, it works just fine. Just for reference it's a
iMac 19 with a 19 sony trinitron external monitor with a hack to
enable the desktop extension (Didn't come that way from the factory...
Just desktop mirroring.)
The only way I can reproduce what you are talking about
Jon Hughes wrote:
I thought I'd say hi.. I'm Matt Lee, Campaigns Manager at the Free
Software Foundation, and Chief Webmaster for the GNU Operating System.
I've been using CSS now for about 3 or 4 years, and while I'm not
really
a designer, I'm extremely interested in seeing new
Ian Rutgers wrote:
I have been charged with rewriting this www.aslslimited.org such that
the top nav stays at the top of the page and the bottom nav stays at the
bottom of the page and the content makes up the rest. In other words as
the browser window is resized the content section of the
Hello,
I didn't have much luck with google on this one so I've put together
a demo page:
http://www.sanchothefat.com/css/bugtests/ie/ol.html
For some strange reason if you set 'list-style-position' to 'inside'
on an ordered-list from the tenth list-item onwards the text-indent
Just realised, it's not giving any extra room for the extra digit when
you reach list-item number 10. Guess it's something I'll have to live
with
__
css-discuss [EMAIL PROTECTED]
Luc wrote:
Good afternoon Robert,
It was foretold that on 30/10/2007 @ 18:59:25 GMT+ (which was
15:59:25 where I live) Robert O'Rourke would write:
snipped a bit
For some strange reason if you set 'list-style-position' to 'inside'
on an ordered-list from the tenth list-item
Jens Brueckmann wrote:
Hi Robert,
Just realised, it's not giving any extra room for the extra digit when
you reach list-item number 10. Guess it's something I'll have to live
with
you may add whitespace between the list numbers and the first
character by adding left padding
Gate Wizard wrote:
question
How does a browser handle @import?
Example:
in HEAD we have:
link rel=stylesheet href=main.css type=text/css /
-
main.css
/* ![CDATA[ */
@import url(global.css);
@import url(structure.css);
@import
ByteDreams wrote:
I'm working on my very first WP theme.
Everything is inside a #wrapper which is underneath the body tag
Then I have the following structure:
#header
body{
top: 0;
margin: 0;
font-family:Arial, Helvetica, sans-serif
font-size:10px;
}
ByteDreams wrote:
Thank you.
I've temporarily loaded the theme on my site. It's now worse than it was -
than it appeared offline. For instance I had gotten the dock menu working
and in the middle, now its back on the left.
I don't know what happened now. I can't see straight anymore.
I
David Hucklesby wrote:
On Wed, 20 Jun 2007 23:04:55 -0400, Scott Glasgow wrote:
There seems to be a good deal of contention, or at least spirited
discussion, on the
value or advisability of using reset stylesheets
(http://www.webmasterworld.com/css/3329010.htm). I'm just getting back
[EMAIL PROTECTED] wrote:
Hi everyone,
I was wondering if anyone has a link or information as how to best handle
text with CSS. By text I mean a line of text that may include 3 pieces of
information, like name, phone, and email address.
In the past, I always used tables for this, but want
[EMAIL PROTECTED] wrote:
Wow, thanks to EVERYONE who responded to this!! I should have given you
more info.
This is a page for the client's board members/commissioners. There is a
single line above each photo and bio that contains:
LastName, FirstName MiddleInitial PHONE:
Rick Faircloth wrote:
What establishes the baseline size of 100% ?
Do all browsers use the same baseline size? And do all
browsers react to percentages the same?
Rick
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Luc
Sent: Wednesday, June 20,
Rakesh Pai wrote:
Consider the following markup:
div id=header
... header stuff here
/div
div id=leftColumn
... lots of markup
/div
div id=rightColumn
... lots of markup
/div
div id=footer
... Some footer stuff
/div
Now, let's assume that the #leftColumn is
[EMAIL PROTECTED] wrote:
My site www.boxdproductions.co.uk gets an unsightly vertical scroll bar in
IE but not in FF. Any ideas how I can remove this?
Regards
Pete
As far as I know you can only get rid of it by using overflow-y: hidden
on the body but it's a bad idea because then you
Conyers, Dwayne wrote:
Dino CSS ink wired:
Can I embedded ttf font inside my website through css so that any
browser can open and view the font ?
There is a Microsoft API for that... it isn't CSS and it isn't very
reliable either...
--
I made magic once. Now, the sofa is
OOzy Pal wrote:
Dears,
Every time I start developing a site I start with small css file and
after I am done the .css file gets bigger and out of control.
I am sure that I am doing something wrong. I am sure that I am
duplicating and adding items that I don't need. I mean items that can
Thanks everyone, I wasn't aware I could specify line-height without
units till now. Nice one. I've used a darker colour for the emphasised
paragraph and left the font-size on the body and content well alone. I
think the reason I shrank it down was that trebuchet didn't look so good
so I've
Jan Erik Moström wrote:
Another basic CSS question. What I would like to do is to create a part of
page
that contains a photo with a caption that is centered on the page, something
like this:
---
| some other part of the
Christian Heilmann wrote:
I was just playing with photoshop to come up with a new layout for a site
and I was wondering if it was possible to do skewed text, or divs. I am
finding it hard to word this properly so I will just post a link to the
image of what I have in mind. And if any of you
Christian Montoya wrote:
On 8/3/06, Eoin Maguire [EMAIL PROTECTED] wrote:
It seems strange to create a whole new style just for adding bold text but
then I can't think of any other way of doing it. I've ended up creating
styles named things like 'makeBold' with nothing more than
Dave Goodchild wrote:
On 03/08/06, *Robert O'Rourke* [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED] wrote:
Christian Montoya wrote:
On 8/3/06, Eoin Maguire [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED] wrote:
It seems strange to create a whole new style just
Hello list,
Another day another template, I'd appreciate some testing on
http://ipg.sanchothefat.com
Its the development copy of a simple website I've put together to try
and improve their search engine rankings. I'm not really a designer so I
didn't spend long on the design (its a lot
David Laakso wrote:
Robert O'Rourke wrote:
Another day another template, I'd appreciate some testing on
http://ipg.sanchothefat.com
Its the development copy of a simple website...}
Rob
...
Subjective:
The pale yellow is too pale; and, while the fonts scale fine, the start
Michael Landis wrote:
Eric A. Meyer wrote:
There are no values such as 'repeat-down' or 'repeat-right', which
is what I assume you're seeking.
On 7/29/06, Robert O'Rourke [EMAIL PROTECTED] wrote:
Is there going to be a feature like this in future at all? I can see it
being useful
[EMAIL PROTECTED] wrote:
Anyone ever notice that if you repeat-x a background image you can only
background position that image on the y coordinate and vice versa - so
when you repeat-y you can position x but the y is useless (defaults to 0).
??
Isn't that kind of the point? Or did you want
[EMAIL PROTECTED] wrote:
yes it does seem to make sense however it would be nice to be able to do
and not add extra divs
Thats true, I think the CSS3 border-image properties might go someway
towards sorting that kind of thing out. Damn all this waiting...
Eric A. Meyer wrote:
There are no values such as 'repeat-down' or 'repeat-right', which
is what I assume you're seeking.
Is there going to be a feature like this in future at all? I can see it
being useful, at least for the sake of completeness in the range of
background properties
Audra Coldiron wrote:
Hi Everyone,
I'm hoping someone out there has the insight I lack to achieve this
certain layout.I'm not sure it's even possible.
I want to do a 2 column fixed width floated layout with a header and
clearing footer. Sounds simple enough, right? Well, I also want
Tom Livingston wrote:
Sure it is. Adding clearing elements, and the ensuing additional CSS (or
extra clearing markup), makes code less readable for, in most cases, no good
reason. Since overflow: hidden or overflow: auto does the trick, the whole
issue of clearing floats becomes essentially a
Alex Foley wrote:
I'd sure like a confirmation from someone that overflow: auto is the way
to go... I've been clearfix-ing up until about 12:03 pm today.
Here we go:
http://dev.l-c-n.com/IEW/containing-float-overflow.php
It's not as consistent as clear-fixing but in general using
juliann wheeler wrote:
You can view my design at:
http://www.agentevaluator.com/juliann/brown/indexbrown.html
How do I get this to center on the page?
thanks!
It's a bit tricky when everything is absolutely positioned like that.
You could produce the same layout with floats and normal
So, the overflow-property is a useful solution for containing floats in
some cases, but not in others.
regards
Georg
Good to know,
Does a floated element within a container that has overflow : hidden ;
applied respect the padding of the container? In particular the bottom
So I stumbled upon the zen garden, bought a book or two and am currently
converting to css-ism.
Heh, maybe css-ists will get tax-exempt status soon :P
However, I don't see a solution to a particular problem I have already
solved with the table, but cannot see a solution with css.
Steve LaBadie wrote:
I have an issue where a table cell blows out when I put images in it.
If I put text in it, the cell stays firm. What suggestions are out
there to lock the cell from blowing out when I put images in it?
What exactly do you mean by 'blowing out'? If its stretching
Steve LaBadie wrote:
Robert,
The cell expands the page and throws the entire table out of whack. The
cell is set to 150px in width, the images are 145px. If I put content
in the cell everything stays perfectly together.
Which browsers have you tested this in so far? Sounds like a
Ian Young wrote:
thanks, Robert
Trying to get the logo and the about gif to line up and be close together
as per original
http://www.mambo.in-development-server.co.uk/trossachs/index.php?option=com_
contenttask=viewid=22Itemid=39
This table based template looks ok but the script?!?!
[EMAIL PROTECTED] wrote:
I have a page in a 2 column layout When the content in the right column goes
beyond the the content in the left column, the extra text moves to the left.
...
Cheryl
Hi Cheryl, its the 3-pixel text jog bug in IE. Its caused by an extra 3
pixels of margin that
www.livinghopecollege.com/test2/
It looks fine in Flock, but in IE the li quick links are messed up.
Anyone know if this is an IE bug or what and how to fix it?
Trey Copeland
Alright Trey,
I'd start by setting a default margin and padding to the ul.
Different browsers have different
xtiandc wrote:
Just to clarify, I suppose my real question is: can you apply z-index
specifically to an element that only appears on hover?
My question is this: is there any way to enforce z-index conditionally?
Christian.
Hi Christian,
Interesting problem, there're a few
[EMAIL PROTECTED] wrote:
Hi,
I am pretty new to CSS. This file is fine with IE but when view through
Firefox it does not display correctly. Any help would be greatly
appreciated!
http://www.ccclib.org/programs/srl_dsl.html
http://www.ccclib.org/Style/programs.css
Thanks
Stacie
Hi
bj wrote:
Entered by Microsoft on 4/21/2006
This was logged as a suggestion for future IE versions. We've already
added support for min-height and it is in the March 20 Beta 2 Preview
build that we put out during MIX06.
Did anyone else notice that NOTHING is said about min-width,
Brian Jones wrote:
On 6/1/06, francky [EMAIL PROTECTED] wrote:
New experiment: here is another altenative, with small images, and
font-scaling proof:
http://home.tiscali.nl/developerscorner/css-discuss/test-brian.htm
(fixed width version)
Hi francky,
thanks for your help...i will use
Rob,
No, IE7 now respects height. So, all those Holly Hacks with height: 1%
will need to be hidden from it or altered. However, I'm not sure if IE7
supports min-height (can't remember!).
Zoe
What a nightmare! According to the wiki IE7beta2 does not support
min/max rules yet:
cj wrote:
On 6/2/06, Zoe M. Gillenwater [EMAIL PROTECTED] wrote:
No, IE7 now respects height. So, all those Holly Hacks with height: 1%
will need to be hidden from it or altered. However, I'm not sure if IE7
supports min-height (can't remember!).
yes it does and the latest beta has
Ingo Chao wrote:
Time to update the wiki re. min/max then.
You seem to have overlooked the Fixed in Mar20: comment.
It is implemented [1], it works well, but it adds haslayout.
Ingo
[1] I think this intervening post
http://blogs.msdn.com/ie/archive/2006/02/02/523679.aspx#524747
Brian Jones wrote:
On 5/31/06, Robert O'Rourke [EMAIL PROTECTED] wrote:
You can either do this:
.float
{
float: left;
width: 190px;
margin: 0;
padding: 0 0 0 10px;
}
to fix it.
Hi Robert I made the changes that you suggested to my CSS
My question is this: is it more search engine friendly to use a mark-up
format of Columns / Header / Footer and use CSS position:absolute to place
Header above Columns and Footer? If so, what are the pitfalls, if any?
TIA for response.
Mike A.
Hi Mike,
I think thelist
Thanks Robert,
My apologies, I wasn't specific enough. My question was intended to point
towards CSS issues of using flow in the way under consideration. So I should
have written, what are the CSS pitfalls, if any?
I accept, of course, there are other issues, especially accessibility ones,
Hello,
I am in the process of handing over a website for an antiques
company and so far I have only been able to test it under FF 1.5,
IE6win, and Opera 8+. These are all fine i think but i would really
appreciate it if anyone could have a look on mac browsers and earlier IE
versions.
Thanks a bundle to everyone =]
The screen shots provided by David Laasko all look good to me, there's a
bit of a width issue on the product boxes in IE5.0 but it's still set
out like a list so i'm going to treat that as 'acceptable' for now.
I can't believe i forgot about those site map and
Andree Hollander wrote:
Here's a screen shot from Mac OS X 10.4, Netscape 7.2.
Overall it looks very nice, but the last item on the left (Home Page
Featured Items) has too little room. And I think it is strange that
the tooltips on the links have the same text at the items themselves.
Erik Visser wrote:
so i'am looking for a place with good explaination of the technique(s) of:
columns streching to the bottom of the viewport, regardless of the
content length of any of the columns
through google i found in some forums tips for specific user questions,
but not a good article
I thought I could get the graphics to expand (Latin text box) using a rounded
corners method. However the box breaks up as the text is enlarged.
So being aware of the various limitations and knowing the chances one takes
are there some guidelines to follow when using images in a liquid
Finally... I am (BRAND) new to the list - please accept my apologies if this
post is offensive in any way, as I have not had time to lurk and observe the
true etiquette and nature of the list. I just want to get this done, but if
a CSS-only layout is too much for this design, I'll have to go
Alberto Stracuzzi wrote:
Hi everyone.
I combined a css with peterned's csshover.htc (IE 6 doesn't understand
the pseudoclass :hover - http://www.xs4all.nl/~peterned/csshover.html )
You can see my site: http://segramm.dsi.unimi.it
It works fine until the second submenu or, better, with IE it
jack fredricks wrote:
Hi all,
I've done a bit of a google - with no luck..so I thought I'd mozie on
over here...
I can't seem to get this rule to work on IE6 or FF;
@import url(fineprint.css) print;
http://www.w3.org/TR/CSS2/cascade.html#at-import
The file and the file location are
Mark Fellowes wrote:
I think this is probably obvious to me but at the certainty of sounding
stupid I'll ask.
I am working on a liquid / fluid layout, 3 columns using floats. If it's
relevant this is the rough layout: http://pamshop.com/Template1/exp10.html
I'm considering using a one
i'm currently having a problem, i never had before;
i'm using Dave Shea technique for navigation for my site, but it wont show
this time, and i dont know where i'm doing wrong since both xhtml and css
validates fine;
Hi Landrik,
I've played with this technique a little, what exactly
Hello,
I'm using Christian Heilmann's pure DOM explorer
(http://www.onlinetools.org/tools/puredom/) for part of the navigation
in an app that i'm working on. I have a horizontal list, the first li
of which contains the submenu.
The page will contain generated forms (laid out in a
Bill Brown wrote:
click the toolbar label on my site, it snaps the toolbar into a dashboard or
console fixed across the top of the page. Worked great, except in IE, select
elements were appearing above the dashboard. The fix I used is included in
the ieFixes style sheets and the iframe can be
Ever since I updated firefox ie. two days ago some sites have been
displaying oddly, various blogs with fixed width-ness going on seem to
pick up fluid sizes when the window is resized to be smaller than the
content.
Some examples are left-aligned nav bars with a fixed width still
L. David Baron wrote:
Are you referring to Firefox 1.5.0.2 (released about 28 hours ago), or
to something else?
-David
The one released 28 hours ago, I always update when i get the option to.
Rob
__
css-discuss
Alright Richard,
Cheers for getting back to me, I've actually found a rudimentary fix
for the border problem. I doubt it will hold up when re-sizing text in
IE but to be honest for the rare occasions thats necessary it still
won't look too bad because everything is in the right order.
:
Hi
Has anyone found a way of changing bullet point colours to a different
colour to the text
Hello,
You could always put the text in a span, i'm not sure if you can do
it without markup.
Its got me thinking though, what about multi-coloured bullet points,
each list item would
Its had a baby! I did knock it up after all... =P
Akins, Chris wrote:
Maybe you mean mocked up rather than knocked up. 2 different things
entirely.
:-)
Here's something i knocked up:
http://www.sanchothefat.com/css/mentalist.html
Rob
[EMAIL PROTECTED]
Hi Richard,
I'm definitely not an expert but there are definite advantages to
css in terms of the layout, once you've done some research and a lot of
playing around with css layouts it all comes together.
Getting used to using class names and ids appropriately is the key
to not
Hello,
I've been spending some time getting to grips with forms and css,
There's a strange effect in IE where the fieldset displays properly as
indicated by the background-color however the orange border and legend
are pushed down into the fieldset, there's a test page here:
No problem, I came across the clearfix hack quite recently on
http://www.positioniseverything.net/easyclearing.html, It's useful for
keeping your css simple in a complicated float layout without using any
additional html.
You can treat the containing block as part of the normal flow for
Hi there,
I'm having trouble with some links, I've given them a bottom border
that's hidden and then displays on hover. There are some similar links
on the page however (#categories) where i have set the bottom border to
0. For some reason this is being picked up by the links in my
Just use nested lists in the normal flow with something like the
suckerfish dropdowns. Also see the article at a list apart,
http://www.alistapart.com/articles/dropdowns/ if you get stuck.
just give your nav an id of #nav and put this script in your header:
script type=text/javascript
;
color: #BE32FE;
background-color: transparent;
text-decoration: none;
padding: 4px 15px;
height: 19px; /* fix the height to avoid it spilling downwards */
}
Hope that solves the problem.
Robert O'Rourke
Joanie Mae wrote:
I also have a problem
loaded it online...
http://www.changeswlc.com. What is with that???
From: Robert O'Rourke [EMAIL PROTECTED]
To: Joanie Mae [EMAIL PROTECTED]
Subject: Re: [css-d] I also have a problem with background color
change on hover
Date: Wed, 29 Mar 2006 17:28:14 +0100
Hi Joan,
You get all kinds
/span/a/li
li class=frame6a href=./spanFireplaces/span/a/li
li class=frame7a href=./spanLeather
Furniture/span/a/li
li class=frame8a href=./spanModern Design/span/a/li
/ul
/div
Fingers crossed anyway, cheers.
Robert O'Rourke
81 matches
Mail list logo