> When you mouse over the word "roughly," the footnote-ish text pops up.
> Why doesn't it work in IE?
Hi Nancy,
Try changing to
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phon
per
Best Regards,
Kepler Gelotte
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by
> Can't figure out what I'm missing here:
> http://www.ambientglow.com/garage/pmsca/web/sample-index.html
Hi,
Just add:
* { margin:0; padding:0 }
to the top of your CSS file. It resets the padding and margin for all
elements.
Best regards,
Kepler Gelotte
Neighbor Web
N
BLUE
...
Here is the spec explaining the CSS cascade:
http://www.w3.org/TR/REC-CSS2/cascade.html
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
ere: http://www.neighborwebmaster.com/tests/balloon.html
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http:
ottom half from scrolling up, get rid of the "tidy" class in
the div declaration:
The tidy class is defined:
.tidy .layout, .untidy .tidy .layout {
overflow:hidden;
}
Which is why it "disappears" when shifted.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156
ock element as well:
Apples
---
div#test {
float: left;
background: #FF none repeat scroll 0%;
line-height: 1em;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0
top:-310px; .
In other words you are shifting down by a percentage of the screen height
and then re-shifting up by a fixed amount. This is very dangerous since you
don't know the height of a user's browser.
I would suggest setting top: 0px; in both .horizon and .container.
Best reg
> how do i use css to make the tables behave in the way that "valign=top"
> would make them behave.
Hi Josh,
You just need the vertical-align: top; on the td CSS definition instead of
the table:
td {
background-color:#93C722;
padding:7px;
vertical-align:top;
}
Best regards,
> Does anyone know why in this page of mine, the images appear so far
> right relative to the radio buttons group ?
Hi,
It is because you floated the image div right. Try an absolute position
instead:
#image {
width:500px;
position:absolute;
left:12em;
top:0;
}
Best regards,
You can download the code and documentation here:
http://www.coolphptools.com/dynamic_css
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
www.coolphptools.com
phone/fax: (73
('../graphics/1280x18.gif');
If that's not your problem, maybe you could post a link to your problem
page?
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
www.coolphptools.com
phone/fax:
> I've got a problem with a button element containing an image.
Hi,
It sounds like you may want to try this instead:
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732)
Hi Theresa,
It looks like you forgot to include a in your HTML.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss
ze:80%;
margin:10px;
width:780px;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-
> I get the idea of different names of styles, but the actual
> implementation I'm not so sure of how to do.
Hi John,
I created two example test pages (home.html, about.html) to illustrate the
technique:
http://www.neighborwebmaster.com/tests/home.html
Best regards,
Kepler Gelot
rules that stay the same between
pages.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-
One of these days I'll screw my head on right.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROT
ke em instead of a fixed
width px. This allows you to resize the text without chopping off the menu
items:
li.story {
width:10.5em;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302
> What about widening the #topwrapper instead to 90em?
> Would that have the same effect?
I would *assume* so. My guess is that IE has some float rounding error when
figuring how much room is available in divs.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Pisc
6em
}
into an 89em div:
#topwrapper {
WIDTH: 89em
}
By relaxing the left margin slightly solves the problem:
#wrapper {
PADDING-BOTTOM: 3em; MARGIN-LEFT: 2em; WIDTH: 66em
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08
at 100%:
.head img {margin: .19em 0 .19em 0; width: 41.3125em; height: 3.125em; }
41.3125 * 16 = 661
3.125 * 16 = 50
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 30
Hi,
Add:
position: relative;
to either:
#navbar {
- and/or -
#navbar ul {
Positioned elements are positioned relative to the next higher positioned
element.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732
x 0px;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/c
tion to inline as in:
#main_nav UL {
FLOAT: right; MARGIN-RIGHT: 20px;
LIST-STYLE: none
}
#main_nav UL LI {
DISPLAY: inline
}
Regards,
Kepler Gelotte
__
css-discuss [EMAIL PROTECTED]
http://www.css-discu
> I'm sure it's an easy fix but I'm missing it...
Hi Mike,
Try getting rid of the "height: 165px;" from the "#content div.tab_section"
style definition.
Regards,
Kepler Gelotte
__
css-di
ct.css:
fieldset.submit {
border-style:none;
padding-bottom:10px;
}
Regards,
Kepler Gelotte
http://www.neighborwebmaster.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http
> Can you all tell me why in Firefox this page is dropping the content down.
> This is not happening in IE.
Hi Brian,
You need to remove the top margin from the #menu definition. Try this:
#menu {
color:#FF;
font-weight:bold;
margin: 0pt 0pt 40px;
}
Best Regards,
Kepler Gelott
ing no padding and no margins.
If you still have problems try shaving a few pixels off of #n3/#c3's width.
Regards,
Kepler Gelotte
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/
description
of positioning.
Regards,
Kepler Gelotte
http://www.neighborwebmaster.com
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Chris Blake
Sent: Wednesday, January 09, 2008 8:24 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] IE6/7 and Firefox CSS i
Hi Scott,
Try setting the width to 29% for #nav3 and #picture. This should fix the
wrapping problem in IE7.
IE6 doesn't recognize the max-width and min-with properties so you will need
to add an expression to calculate the width for IE6.
Regards,
Kepler Gelotte
http://www.neighborwebmaste
31 matches
Mail list logo