richard hall wrote:
The problem I have in my case, is if I use this
#menu {
float: left;
width:199px;
background-color: #CC;
height:100%;
}
#content {
width:75%;
margin-left: 220px;
top:0;
font-family: Papyrus;
idea for accessibility, it often leads to lots of horizontal scrolling
What about a width limit (no, not a fixed width site) on the width of
the main content in relation to the rest of the page (like an article)
so as to allow the font scaling to occur vertically instead of
horizontally? This
Zoe M. Gillenwater mailto:[EMAIL PROTECTED]
on Thursday, May 25, 2006 7:39 AM said:
You're right, relative positioning is not useful in the way you are
using it. I would use a negative margin to shift something up like
that. But relative positioning, without applying any offsets, is
How can I set the same font size to all elements of a div.
h1, h2, h3, p, all of them to font-size 1em.
Is this the best solution ??
#mydiv * { font-size: 1em; }
Thanks in advance.
__
css-discuss [EMAIL PROTECTED]
You could set the image in the css as a background for the top div (or
h1, whatever), so when css is disabled the background is also skipped
(along with all the other styles in the css).
Cheers
On 5/24/06, Courtney Burge [EMAIL PROTECTED] wrote:
On this page:
How is one to align images and assign properties like border= 0? Is
it in a div? I searched everywhere using css image property and so
forth and found nothing so I'm guessing such stuff is done another way.
Also in one box I hope to align some text right and some text left. I
found on the
On 5/25/06, Erik Gyepes [EMAIL PROTECTED] wrote:
Hi,
than the bottom is okay, but the TOP image is overwritten by the MIDDLE
layer, so this is not really the best :(
Erik
Those 3 divs are floats. Do they need to? If so, are you clearing them?
--
Tom Livingston
Senior Multimedia Artist
Hello all,
I'm new to the list, so I apologize if this topic was discussed
already. Anyway, I'm trying to create a website from scratch for a
client. Sounds simple enough, the only problem is that the client
wants a fluid layout that looks exactly like https://
www.princeton.edu website.
Hello all,
I'm new to the list, so I apologize if this topic was discussed already.
I'm trying to create a website from scratch for a client. Sounds simple
enough, the only problem is that the client wants a fluid layout that looks
exactly like http://www.princeton.edu website. Surveying
I apologize for the double post, I attempted to stop delivery of the
incorrect post. Once again I am no match for the speed of the internet.
Eitherway, the correct post is listed below. (sorry for the flood)
Hello all,
I'm new to the list, so I apologize if this topic was discussed already.
The problem I have in my case, is if I use this
#menu {
float: left;
width:199px;
background-color: #CC;
height:100%;
}
#content {
width:75%;
margin-left: 220px;
top:0;
font-family: Papyrus;
background-color:#FF;
}
div id=menu
/div
div
so. i'm converting a client's site from tables to css.
i redid this photo gallery: http://pacifictao.com/index.php
using a list and floated list items at:
http://heli.cx/clients/pacifictao/dvds.html
i also added a second page for them at:
http://heli.cx/clients/pacifictao/dvds.html
the css for
I'd just like to know how this looks on Windows, perticulary on IE. Tryed to
add IE/win filters/hacks from memory, but aren't able to check it without my
windowsbox.
I've used two things in perticular:
- min-width for IE with css only (please don't mind the extra markup)
- display: block; /
while microsoft's alphaloader might not exactly be css, it's currently
the best (only) way to get alpha transparent pngs to work in ie6. one
of the many downfalls to using this propriety method, however, has
been that links cease to work when an alphaloaded background is behind
them. heck you
I am working with XML using CSS and have an element named
underline_1/underline_1 in which I would like to have the attributes for
that element to be, of course, underlined. No text except for numbering in
sequence. Then I have a para_underline_1/para_underline_1 in which I would
like to have
We have a simple unordered list and, with Win IE 6 only, the text for
each list item is about .2em lower than the bullet which is a
graphical bullet thats 3px square with no border on the image.
We've adjusted the padding, margins, etc., and nothing lets them work.
Thanks.
Tim
While this will work, I don't recommend it. My method for margins around
headings and paragraphs has always been to remove top margins on all
text and just set bottom margins on everything. This allows me to
control the spacing between headings and the following paragraphs
without needing
My site looks good in all browsers (afaik) except IE7b, where the
footer floats up into the #content and presses right underneath the
background image (a triangle) in the upper right of the #main-content.
I need to get the footer to come after the #outer-wrapper.
screenshot:
I may well be inheriting tables from upstream and am writing tests to nullify
cellpadding, cellspacing, border, width, and align through CSS. I can nullify
all of the above with FF1.5 on a PC, but cannot override cellspacing for IE6.
Suggestions?
dan storm ~ web developer ~ [EMAIL PROTECTED]
On 5/26/06, Zoe M. Gillenwater [EMAIL PROTECTED] wrote:
Courtney Burge wrote:
On this page:
http://www.cofc.edu/~hml/index2.html
I have a header image that is set to display:none on the regular
stylesheet and will print with the use of a print stylesheet.
Is there a way to also hide
I don't believe I've ran into this before, meaning not asked about this type
of problem before here. Problem is the header in IE (haven't checked Opera or
Netscape), looks right in Firefox. In IE, the height is off and the
background graphic has a gray background.
See image here:
http://www.newgeo.com/web/css/bordered.jpg
Gonna take the plunge, entire site in CSS, the box in the url above is used
on all of the site, 10's of pages.
It is used at varying sizes, depending on the data they want in it.
I want a fluid box, with a adjustable inner
Courtney Burge wrote:
On this page:
http://www.cofc.edu/~hml/index2.html
I have a header image that is set to display:none on the regular
stylesheet and will print with the use of a print stylesheet.
Is there a way to also hide this header when toggling OFF the CSS on
the page? I
See image here:
http://www.newgeo.com/web/css/bordered.jpg
Gonna take the plunge, entire site in CSS, the box in the url above is used on
all of the site, 10's of pages.
It is used at varying sizes, depending on the data they want in it.
I want a fluid box, with a adjustable inner
I quickly did this:
http://www.newgeo.com/web/css/topborder/a.html
So I have an outer div for w/h in case I need it
I have a left and rigth div to hold the two top corners, floated left and
right. I drop those in one more div to give me my center background color.
Final div below it all
Here is the current website link, where I've tried to implement the idea you
outlined above. I understand what the prop and clear divs are doing, but on
my machine, with IE 6, it's still not working.
I know the prop/clear solution will work, but I've still
got something wrong and can't seem
I have read every vertical align thing out there, setting to table display
is not something I am into:
http://www.newgeo.com/web/css/nik/start.html
I like how if I + the font size, the box grows with it, and all is well. I
was the white type to be sucked to the bottom, not the top, or even
Hi,
Border-bottom applied on DIVs refuses to appear in IE while appearing
correctly in Firefox. I have tried to fix it but I couldn't.
Follow this link to see what I mean (open it with IE) :
http://www.surprises.tg
get the CSS here :
http://www.surprises.tg/templates/surprises.css -- that's the
--
From: Paul Annett [EMAIL PROTECTED]
Subject: [css-d] How to float definition list items?
This definition list looks great in Firefox, but the positioning of the
definitions is consistently not what I want across all versions of IE.
Tom Livingston wrote:
While this will work, I don't recommend it. My method for margins around
headings and paragraphs has always been to remove top margins on all
text and just set bottom margins on everything. This allows me to
control the spacing between headings and the following
Hi,
I'm hoping the Guru's of the CSS Discuss can help me out on this page:
http://missmays.com/csstests2.htm
1st and foremost is the issue of the category headings -they work fine in
IE6 but in FF1.5 the second category starts under the special offers list. I
know why (the second category has an
that will work if the div isn't inside of something else that has had
the font sized changed. for example if you had:
body
div class=layer1
div class=layer2
/div
/div
/body
body {font-size: 1em;}
.layer1 {font-size: .75em;}
.layer2 {font-size:
I'm having an interesting time trying to figure this one out.
Upon loading the layout is mixed up, but try hovering over the left-column
links. Layout fixed! Why? I don't know.
http://www.eystein.no/test/OR/fluid.html
http://www.eystein.no/test/OR/Public/Styles/fluid2.css
Eystein.
Tom Livingston wrote:
idea for accessibility, it often leads to lots of horizontal scrolling
What about a width limit (no, not a fixed width site) on the width of
the main content in relation to the rest of the page (like an article)
so as to allow the font scaling to occur vertically
Well, my bad. It was the peekaboo. I was just looking in the wrong place. So
adding height:1%; for IE fixed it.
Eystein
Upon loading the layout is mixed up, but try hovering over the left-column
links. Layout fixed!
http://www.eystein.no/test/OR/fluid.html
Hello all,
I'm hoping someone on this list can help me with a layout issue that
uses floats. Really, what I'd like is this page,
http://www.justinreid.com/tests/test.htm, to look in FireFox what it
looks like in IE.
Meaning, I'd like the sample items to float to the right of the main
content
cj wrote:
the fix: i actually have no idea why what i did works. however you
can see my fixed version alongside a non-fixed version at
http://sltclan.com/images/cj/fix-ie-loader/default.html
method #1 - not so great, but better than nothing:
using text-align: right; on the link will work
I may well be inheriting tables from upstream and am writing tests to nullify
cellpadding, cellspacing, border, width, and align through CSS. I can nullify
all of the above with FF1.5 on a PC, but cannot override cellspacing for IE6.
have you tried setting the border-collapse property?
Hello all, I was wondering if using display: none to hide alternate content
would cause search engines to pass over your page. If you have any online
resources or other advice I would appreciate it.
--
Jonathan Berry, M.A.
IT Consultant
619.306.1712(m)
[EMAIL PROTECTED]
IE, the height is off and the background graphic has a gray background.
Is the PNG transparent? Sounds like it. IE won't do trans PNGs
--
Tom Livingston
Senior Multimedia Artist
Media Logic
www.mlinc.com
__
css-discuss
While this will work, I don't recommend it. My method for margins around
headings and paragraphs has always been to remove top margins on all
text and just set bottom margins on everything. This allows me to
control the spacing between headings and the following paragraphs
without needing
Eystein Alnaes wrote:
I'd just like to know how this looks on Windows, perticulary on IE. Tryed to
add IE/win filters/hacks from memory, but aren't able to check it without my
windowsbox.
I've used two things in perticular:
- min-width for IE with css only (please don't mind the extra
Tom ,
It is transparent. Although even bringing up just the graphic in FF doesn't
show that. I did a little digging around, it looks like there maybe a js
solution to the png transparency issue. And I think transparencies are working
in IE7, problem just exists in 6.
-Original
I'm about to go insane attemping to implement a vertical js scroller containing
a css drop down menu. I've toyed with overflow, z-index, you name it...but I
just can't get this to work correctly.
Here's what I'm dealing with:
http://demo.wfp.com/test3.asp
That's the page, with the javascript
Hello all,
You all have been extremely helpful in the past, and I have my fingers
crossed for this one. I hope I am just missing something.
I have the following html (for an orgchart - have changed the info to
protect the innocent):
ul id=admin
li0100 Rm 444 Administrative Office/li
In Firefox, press Ctrl-+ eight times. The page breaks, with
content overlapping and unreadable.
In case you're wondering whether anybody would use such
extreme enlargement, the answer is yes, some people do. A
friend of mine with a severe visual impairment resulting from
diabetes needs
Niklas,
Thanks so much - yes, you've reminded me to be more careful when trying new
statements, to remove them or review them after I have something workable! It
was messy for sure ;)
The prop/clear seems to be working now, and looks just like the old 1px
transparent gif spacer image hack
This page works fine in IE, but not in any of the others. What do I
need to do to fix this???
Help :(
http://www3.esu.edu/beta/aboutesu/index.htm
http://www3.esu.edu/beta/css/mainstyle.css
Steve LaBadie, Web Manager
East Stroudsburg University
200 Prospect St.
East Stroudsburg, Pa
Any idea why the doctype would matter concerning the following CSS?
div#sideNav a:before
{
content: url(left_curve.gif);
vertical-align: bottom;
}
When used with a HTML transitional doctype it works as expected with the
included image aligned to the bottom of the inline a
Yes, but that is not what I am after. I mean I don't want to lis to be
displayed inline; I want the uls to be displayed inline.
Thanks,
John
Justin Reid
Tony Crockford wrote:
No messages for ages, checked all my settings, last resort to post
myself and see...
No one *ever* do this. If you all of a sudden aren't getting messages,
yes, there is a 99% chance the list is down. Be patient and it will come
back up. If you really have to know
Your margin under the h1 is the correct size. You've set it to 1em, and
a 1em margin on a significantly bigger h1 is going to be bigger than on
the smaller p. If you want a smaller margin there, set it to a smaller
value, like .5em.
If your h1 element is set to 1.4em and that (through
smithj7 wrote:
How is one to align images and assign properties like border= 0? Is
it in a div? I searched everywhere using css image property and so
forth and found nothing so I'm guessing such stuff is done another way.
Borders can be set in CSS. So can alignment, but I don't know what
On 5/26/06, Steve LaBadie [EMAIL PROTECTED] wrote:
This page works fine in IE, but not in any of the others. What do I
need to do to fix this???
You need to change your whole design approach. You are doing about
everything wrong for working with CSS. First, no document type on
your html
Matt Cutts (Google):
I don’t recommend that people use CSS to hide text
-- http://www.mattcutts.com/blog/seo-mistakes-unwise-comments/
Aaron Wall:
If Google are stupid enough to try and catch spammers by looking for
display: none; [...] then they'd dump a whole boatload of good sites.
--
Can warnings like these be safely ignored when validating a CSS file?
* Line : 9 (Level : 1) You have no color with your background-color :
BODY
* Line : 14 (Level : 1) You have no background-color with your color : A
* Line : 35 (Level : 1) You have no background-color with your
Sorry to waste your bandwidth... I found my own answer after digging just a
little further:
If you don't specify color and background-color at the same level of
specifity, your style sheet might clash with user style sheets. To avoid
this, specify always both of them, see Section 9.1 Color
Any idea why the doctype would matter concerning the following CSS?
div#sideNav a:before
{
content: url(left_curve.gif);
vertical-align: bottom;
}
I have now tried this with other doctypes, it seems to be a matter of strict
vs. transitional. The output displays as I would
Nick Fitzsimons wrote:
Tom Livingston wrote:
idea for accessibility, it often leads to lots of horizontal scrolling
What about a width limit (no, not a fixed width site) on the width of
the main content in relation to the rest of the page (like an article)
so as to allow the
When I'm developing a site, I make frequent changes to a master CSS file. I am
dealing with some dynamic content, so I must upload and develop on a live
server/staging area. My question is: how do I ensure that the browsers I am
using will display my site using the latest edits from the CSS
smithj7,
On May 25, 2006, at 12:30 PM, smithj7 wrote:
How is one to align images and assign properties like border= 0? Is
it in a div? I searched everywhere using css image property and so
forth and found nothing so I'm guessing such stuff is done another
way.
The first thing to keep in
Eg. by adding a timestamp to the stylesheet's URI:
link href=style.css?20060526T2150 ...
--
Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net
__
css-discuss [EMAIL PROTECTED]
On 5/26/2006 3:51 PM, Jan Brasna wrote:
Eg. by adding a timestamp to the stylesheet's URI:
link href=style.css?20060526T2150 ...
Could you expand on this, or link to an article that explains why this
works? I'm not familiar with the '?' suffix (unless we're using PHP, of
course). Is it
does the forced refresh help at all? (holding down control while
hitting f5 or the refresh button)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub --
Eg. by adding a timestamp to the stylesheet's URI:
link href=style.css?20060526T2150 ...
Could you expand on this, or link to an article that explains why this
works? I'm not familiar with the '?' suffix (unless we're using PHP, of
course). Is it standard?
Brett, ? is not a suffix. It's
On 5/26/2006 4:13 PM, Jan Brasna wrote:
Eg. by adding a timestamp to the stylesheet's URI:
link href=style.css?20060526T2150 ...
Could you expand on this, or link to an article that explains why this
works? I'm not familiar with the '?' suffix (unless we're using PHP, of
course). Is it
Additionally, to an off-list response:
Jonathan Berry napsal(a) dne 26.5.2006 20:40:
What about alternate content for Flash sites? I figured Google would be
doing this, but it's ridiculous.
Well, for Flash... Forget about display: none. Go for some
degrading/alternatives:
I deleted the wrapping div of the form-tag. You don't need it! Think
of the fieldset-tag as a wrapper. Same here: Reduce your HTML to the
minimum!
http://nyslittreedata.advantex.net/index.cfm/fuseaction/Accounts.LoginForm.cfm
does not validate to html 4.01 strict, resulting in the following
On 06/05/26 16:26 (GMT+0100) Nick Fitzsimons apparently typed:
Tom Livingston wrote:
idea for accessibility, it often leads to lots of horizontal scrolling
What about a width limit (no, not a fixed width site) on the width of
the main content in relation to the rest of the page (like an
Is there some setting CSS that is known to screw up scrolling via mouse
wheel? I have two different skins for an app, and one scrolls fine, while
the other does haltingly and incompletely.
--
Marc Luzietti
Flagship Project
Bayview Financial, L.P.
(305) 341-5624
I have read every vertical align thing out there, setting to table display
is not something I am into:
http://www.newgeo.com/web/css/nik/start.html
I like how if I + the font size, the box grows with it, and all is well. I
was the white type to be sucked to the bottom, not the top, or even
On 06/05/26 13:17 (GMT-0400) Bill Brown apparently typed:
So, now I'm wondering...how does one define breakage? IMHO, if we try to
account for every conceivable variable, including browser inconsistencies,
every
aspect of accessibility and the like, one is left with a completely unstyled
do you happen to have any very small repeating background graphics,
such as 1px * 1px? if so, the browser has to do a lot of work to fill
in the area that graphic covers, and making that background 10x10 or
20x20 or so will drastically decrease the scrolling hesitancy.
Nope.
--
Marc Luzietti
Flagship Project
Bayview Financial, L.P.
(305) 341-5624
do you happen to have any very small repeating background graphics,
__
css-discuss [EMAIL PROTECTED]
On 5/26/06, cj [EMAIL PROTECTED] wrote:
does the forced refresh help at all? (holding down control while
hitting f5 or the refresh button)
Isn't that shift-refresh?
--
--
Tom Livingston
Senior Multimedia Artist
Media Logic
www.mlinc.com
On 26/05/06, Ian Skinner [EMAIL PROTECTED] wrote:
Any idea why the doctype would matter concerning the following CSS?
Some ... decided that it would be a good idea to use a person's choice
of Doctype (and thus perhaps their knowledge of markup, of the
knowledge of market of the person they
I've found justified text to scroll with difficulty on Firefox -
unrelated to the mouse
-C
On May 26, 2006, at 4:45 PM, [EMAIL PROTECTED] wrote:
Nope.
--
Marc Luzietti
Flagship Project
Bayview Financial, L.P.
(305) 341-5624
do you happen to have any very small repeating background
http://www.newgeo.com/web/css/ok/a.html
I have made a fluid box, two images, left top and right top, A few more divs
than I want.
Suggestions? This is my first all CSS site, and a ton of these little boxes
are going to be floated all over the place, the idea being the type can
scale them around
I'm relatively new to CSS and am trying to create a horizontal list /
horizontal drop-down menu.
I have the first row of tabs rolling over and looking exactly like I want
them.
I'm trying to add the 2nd row of tabs that should appear on rollover. I want
them to display in a 2nd horizontal row
does the forced refresh help at all? (holding down control while
hitting f5 or the refresh button)
Isn't that shift-refresh?
I believe it is shift+refresh for FF and ctrl+refresh for IE
---
Regards,
Thierry | www.TJKDesign.com
Please see this URL for what I've done so far:
http://www.lesliegp.com/palenshus/proj07/ch07craig.html
And one more thing I'm stuck on is how to make the blue bar of links
extend
all the way to the right side of the browser window.
Any help with the specific problems and/or where I can find
Hi folks
Am still stuck on a page with valid xhtml 1.0 valid css2.
http://athene.riv.csu.edu.au/~wmccle01/resources/01index.html
It shows fine in IE but not in N7.
I have coloured the 'container' div blue to show its area. But N7 pushes it all
skewiff. Any suggestions?
I see four total things here, but two are the same and the other two are the
same, is there some way to merge these so there are only two blocks?
a:visited.secondLinks {
color: #FFF;
text-decoration: none;
}
a:link.secondLinks {
On 5/26/06, Scott Haneda [EMAIL PROTECTED] wrote:
I see four total things here, but two are the same and the other two are
the
same, is there some way to merge these so there are only two blocks?
a:visited.secondLinks {
color: #FFF;
text-decoration: none;
On 5/26/06, Scott Haneda [EMAIL PROTECTED] wrote:
should do it. note that you need to specify the class (.secondLinks)
before
the state (:hover).
Thanks, just what I needed
no problem. also note that if your hover and active states are the same,
only specifying rules for the hover state
I believe it is shift+refresh for FF and ctrl+refresh for IE
And simply hitting Refresh button twice in Safari.
--
Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net
__
css-discuss [EMAIL PROTECTED]
Some uses of overflow: auto; and/or fixed stuff may break the wheel from
time to time in various browsers.
--
Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net
__
css-discuss [EMAIL PROTECTED]
I think the active state is used if you keyboard navigate the links without
activating them. The
link that will be followed by pressing the space/enter key can be active
without sharing the
hover status. True, many people navigate solely with the mouse. As a
general rule, I would
suggest
victor NOAGBODJI wrote:
Border-bottom applied on DIVs refuses to appear in IE while appearing
correctly in Firefox. I have tried to fix it but I couldn't.
http://www.surprises.tg
http://www.surprises.tg/templates/surprises.css
Considering this is in middle of the body of the document,
89 matches
Mail list logo