Re: [css-d] IE display problem
Happily, I just found an ultra-simple solution to the whitespace bug. In
your markup, just add one extra space after each list item. Like this:
liList item /li
Cheers,
ld
Arnie Shafer wrote:
Hi Shawn,
I am new at this game but I do recognize your problem. Others can
explain it better than me but it is the IE white space bug There are
several ways to fix it. Just google it for a complete answer..Arnie
Shafer
--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Specificity problem
Hi all,
In my test site here:
http://www.seafoodlab.cmast.ncsu.edu/index.html [xhtml]
http://www.seafoodlab.cmast.ncsu.edu/styles/sflabstyles.css [css]
I have a specificity problem. The last thing I added were the default
link styles at the very bottom of the page. However, adding this messes
up my navigation bar across the top.
The navigation bar is an UL, contained in a div name #divNav. All the
styles for these links and li's are specified in the style sheet, so
they should take precedence over any other link stylings.
So, why are the default a: styles overriding these?
TIA,
ld
--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problem with extra space/margin/padding
Hi Magenta,
Stipulate a height for your masthead, and that gap will close up.
linda
Magenta Placenta wrote:
http://www.5finger.com/columns.html
If you look at this page, you'll see the dark gray (div id=shell),
which is the basic container for the columns within, has extra space
below the masthead and footer. The masthead/footer should butt right up
against the 3 columns inside. How do I get rid of that extra
spacing/gray bkg?
CSS is inline in the view source.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] UL margin increase in IE 5.x and 6
Hi,
I have a page here:
http://www.ncwinnerscircle.com/
I've gotten my box model hack working so that the sidebar renders the
same width in Firefox and IE. However, in IE (5.x and 6) there is extra
space on the left margin of the unordered list that makes up the
navigation menu.
Any ideas what's going wrong here?
TIA,
linda
--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Photo caption idea for CSS
Hi all,
I have a page posted here...
http://www.seafoodlab.cmast.ncsu.edu/aboutus.html
...in which I am playing with the idea of making a div with class
photobox for photos (the black and white one on the left) which will
contain a photo caption.
The css is as follows:
.photobox {
float: left;
margin: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #35519F;
font-size: 11px;
border: 1px none #35519F;
padding: 5px;
width: 200px;
}
.photobox img {
display: block;
}
This works great so far for this one picture, but the problem is that I
have to define the width of the div based on the photosize. So, the
photos will either have to all be the same width, or I'll have to
creative various photoboxes for various photo sizes.
Is there anyway to have the div stretch automatically to accommodate
photo size (with the caption underneath, since the img is defined as a
block level element) that doesn't involve javascript or the like? I
really like doing the captions this way rather than as part of the
image, for obvious reasons.
Any help appreciate,
linda
--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Photo caption idea for CSS
David Laakso wrote:
Or, could you give a unique id to each page on the body element, and
change only the width of the selector, for the corresponding page/image?
Hi David,
I'm not sure what you mean here -- would it be possible for you to give
me an example? And do you mean a styleblock in the header of each page?
Thanks in advance,
linda
--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Wrapper won't center in IE
This one is really driving me nuts, because I do this all the time and
it usually works fine -- why won't my divWrapper center in IE?
http://www.seafoodlab.cmast.ncsu.edu/index.html
linda
--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Content not allowd in prolog validation error
I'm running into a validation issue I haven't seen before.
My page (http://www.ncwinnerscircle.com/index.htm) validates as XHTML
1.0 Transitional.
However, when I then try to validate its CSS document, I get the following:
-
Target: http://www.ncwinnerscircle.com/
Please, validate your XML document first!
Line 1
Column 1
Content is not allowed in prolog.
This is the first time I've seen this, and I don't understand what's
causing it, especially since the document in question does validate.
linda
--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Content not allowd in prolog validation error
Peter Williams wrote:
The stylesheet isn't being seen by the validator at the URL you gave it.
The stylesheet is at http://www.ncwinnerscircle.com/styles/wcstyles.css
http://tinyurl.com/92fo6
Now the validator sees the style sheet, and finds an error.
But I don't understand *why* the stylesheet isn't being seen -- it's a
relative path; shouldn't the validator find it?
I haven't had this problem before, and I always do my stylesheets the
same way (or else, there's something I'm being really obtuse about).
--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Content not allowd in prolog validation error
Matthew Ohlman wrote:
Try removing this line from your document:html
xmlns=http://www.w3.org/1999/xhtml;
And then adding this line as the very first one:
?xml version=1.0 encoding=UTF-8?
That fixed it, many thanks!
linda
--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Content not allowd in prolog validation error
Peter Williams wrote:
From: Matthew Ohlman
Try removing this line from your document:
html xmlns=http://www.w3.org/1999/xhtml;
And then adding this line as the very first one:
?xml version=1.0 encoding=UTF-8?
:-) You can't remove the HTML element, you need to modify that line,
not remove it, now it doesn't validate because your HEAD element is
a child of your xml prolog. Note also that using the xml prolog puts
late model IE back into early model quirks mode.
But actually this does validate as xhtml 1.0 transitional. The html
xmlns=http://www.w3.org/1999/xhtml; tag just needed to be replaced
with the plain vanilla html.
Quite annoying, though, that Dreamweaver still can't seem to write a
header that doesn't break the validator...
--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] List spacing and Image Centering
Hi all,
I've got the basic structure of a site here:
http://www.eatsmartmovemorenc.com/ncwinnerscircle
I have two issues that I'm currently trying to hash out. First, the
navigation menu on the right is spaced radically different in Firefox
and IE/Win (IE/Win is putting extra spaces between the li items).
Second, I cannot seem to get the images in the right sidebar to center
within the div. I've set the margins at auto for left and right. My
other option is encasing them in a p tag and doing a text align, but I
don't want to do that (as that would be cheating...).
Any help with this would be greatly appreciated. Only the index.htm is
workable at this point, btw.
linda
--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] List spacing and Image Centering
Prabhath Sirisena wrote:
It's the dreaded white-space bug. Check out the fix[1] by Jon Hicks.
[1] http://www.hicksdesign.co.uk/journal/ie-whitespace-bug
Thanks -- I didn't know there was a white-space bug (and did not know to
dread it...). I found an alternate fix to the Jon Hicks one; one space
after the text of each link (a space before the /a) fixes the problem
as well, and without a stylesheet hack.
But now I have another problem, speaking of stylesheet hacks -- I'm good
in Firefox and IE6, but my layout is breaking in IE5.x (what a
shock...). I had thought I had everything wrapped and contained so that
this wouldn't happen; I cannot figure out where to apply the box model
hack here, or if this will even help.
Any suggestions will be appreciated. That link again is
http://www.eatsmartmovemorenc.com/ncwinnerscircle
linda
--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
