uld be something like in between those two:
#navcontainer ul
{
list-style-type: none;
}
Remove the list-style-type from the container div and li selectors.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.or
et on the div
though, surely that doesn't help keep it to a 1px high
line as you want?
Why aren't you using a hr to create what appears to be
a horizontal rule?
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http:
m of the "Q" logo on the left is broken).
Christie,
You've got 4px top padding on the .searchbox, remove it and your gap
goes away, I also removed some whitespace in your markup between
table rows that make up your top section, but in this case
the fix for the logo gif I think you can
probably work it out.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Suppor
xt in my lovely paragraph, in my lovely div.
Floated image option css:
.block img {float-left;}
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discu
position from your description. Perhaps
mock it up in a graphic and post back?
--
Peter Williams
__
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/
cKinnon
23756 110B Avenue
But your css is:
.generalresume_name {
.generalresume_address {
Either the css needs to be
#generalresume_name {
#generalresume_address {
Or you need to change the markup to class="generalresume_name"
The .whatever is a class, #whatever i
W3C
validator and tidy it up before you spend more time on
troubleshooting broken markup. http://tinyurl.com/9andq
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List
t; sort of a tip.
Just intended to alert you to the possibility of snafus
like white text on a white background, which might be inherited
and so on. It is intended to be a warning, rather than an error.
I think the W3C have acknowledged that they have changed the
css validator and that it isn'
rgetting something.
> http://www.westendwebs.net/susan/
Donna,
Something along the lines of:
a img {border: none;}
You may also need a text-decoration: none;
depending on the circumstances
--
Peter Williams
__
css-discuss [EM
other elements that better fit your situation.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.o
ot;Containment in HTML" or similar, that is where it
defines and explains the various methods of applying styles.
It seems to me that widespread use of inline styles throws
away about 85% or more of the "goodness" and utility and
flexibili
tended to have centred text, (IE 5 centers all block level elements
in response to text-align: center; .
Using that in combination with the margin: 0 auto; should have your menu
list centered in all the recent browsers. I didn't test this using your
markup, but it sho
> From: Felix Miata
>
> Arial Narrow seems to be significantly less common than
> ordinary Arial:
> http://www.codestyle.org/css/font-family/sampler-WindowsResults.shtml
That's a handy resource Felix, thanks :-)
ntended page design, I'd say go ahead and specify it as your first
choice.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
bolding makes all the nav elements jump around on rollover though,
it might be better to make all the links bold to begin with, or leave
the hover state without bold.
The IE not supporting hover doesn't apply to the anchor pseudo-classes,
(a:hover,
e.
Text sample here.
Text sample here.
This behaved as I would have expected, with Arial Narrow
being very markedly condensed compared to the other two.
What happens if you use Arial Narrow in a productivity
app like a word prcessor? Is it rendered narrower than
Arial in that
IX choice.
The MS typography pages suggest that Arial Narrow is likely to
be available on Mac OS too, but I have no recent experience of
Mac type choices.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.or
to others who might work on the site what the
intent of the original style was.
It is sort of self documenting by showing where and perhaps
in what circumstances that rule was intended to be used.
I'm not sure if I would adopt that convention, but I'll be
keeping it in mind for
ttp://css-discuss.incutio.com/?page=CenteringBlockElement
In your case I think a text-align: center on the body element
and text-align: left on your "pagecontainer" div will be the fix.
--
Peter Williams
__
css-discuss
>
> body { font-family: Arial, Sans, Helvetica, sans serif; }
I think that should be sans-serif, the sans serif version
would require require quote marks if it was correct and
going to be used. IE. "sans serif"
--
Peter Williams
th: 2px;
> }
IE (possibly incorrectly) applies the color to the hr,
Moz and other browsers don't. They will show a color
if it is set as a background-color though.
So change the rules to:
hr {
color: #006633;
background-color: #006633;
width: 2
dns.net/index.asp
No time to test or investigate thoroughly but I think
#sidebar IMG#mosaic
{
clear: right;
might be your problem. Take out the clear:right and see what happens.
You don't want that div to clear, you want it to float to the right
> From: david
>
> Peter Williams wrote:
> > One method is Microsoft's WEFT
> > http://www.microsoft.com/typography/web/embedding/weft3/default.htm
>
> There are other ways, too. Unfortunately, NONE of them have
> become even a de facto standard ...
> best
colour to the maroon colour.
#nav ul li a {
Existing rules +
border-right-width: 4px;
border-right-style: solid;
border-right-color: #FFE2A6;
}
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/
e
out start to occur.
I'd also try to keep it all lower case too, just for consistecy
and ease of maintenance.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/
r MSIE and was last updated
> in February 2003. *
I didn't say it was a good method or a good idea.
I'd certainly never use it or recommend it, I just pointed it out.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED
ant be retrieved upon request?
Licencing?
You purchase a font for your use, that doesn't allow you to
copy it to and install it to all the visitors computers too.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://w
> From: Arthur Maloney
>
> I've got a TT font (barcode128)
>
> How do you down load fonts with CSS ?
One method is Microsoft's WEFT
http://www.microsoft.com/typography/web/embedding/weft3/default
al width. You'll want to apply the bottom border colour to
list background colour to simulate the look it had with the
coloured bottom border.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailm
is a block level element, Firefox is behaving as I would
expect and as the W3C intend.
Without seeing the markup and styles it is difficult to say
anything more about the "problem".
Turning on some coloured borders on your divs is a big help
in seeing and understanding wha
> From: Christian Montoya
>
> I think
> > text-indent:-0.9em;
>
> is the problem. I've never even heard of text-indent before.
Christian,
http://www.w3schools.com/css/pr_text_text-indent.asp
--
Peter Williams
> From: Nancy Smith
> Second, none of my jpegs show up on the site.
> http://www.wminc.biz
Nancy,
When I looked in http://www.wminc.biz/images/
I saw no such image. Looks to me like you forgot to upload them.
--
Peter
ing
in and what else is going on with the surrounding elements.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by ev
ion: none too just to be on the safe side.
--
Peter Williams
__
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 --
is why you got
it centered in IE, add the margin: auto and FF should follow
your plan too.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discus
> From: Patrick Roane
>
> Is there a way to import an html file (with is
> respective css file)into an existing html document
> w/in a div element?
>
Frames would be a way to do that, although not
"in a div" as you
> From: Peter Speltz
>
> ...Firefox on a PC...
> I have gaps that i do not understand between images that make up my
banner.
>
>
>
>
>
>
Peter,
Whitespace in your markup is the culprit.
Try somethin
n/layout and see if there is
another way to achieve what you want to do with the layout of this
content.
Maybe float the "nav" div left and put the date in its own div
that could then sit to the right of "nav if you set a large left
margin on it. Or set the date in a parag
so
have a discussion of the various methods of positioning.
--
Peter Williams
__
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/
king up the list address OE picked up the sender's
> address.
That is a FAQ, see:
http://css-discuss.incutio.com/?page=CssDiscussListHeaders
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/m
nly occur
once per page.
Not properly closed.
Since the img element is malformed it might cause your
a img rule to not apply.
Your form element is upsetting Tidy too.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
htt
right.
>
Something like
.leftimg img { margin-right: 10px; }
.rightimg img { margin-left: 10px; }
With markup like
My left aligned image of blah.
My right aligned image of blah.
--
Peter Williams
__
css-discuss [EMAIL PROTECTE
7;home' link shows underneath.
Tried using About us Contact Gallery etc instead of all caps?
You are so close that it will only need a nudge to get it to fit.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://ww
flag anything that isn't
in the w3c css recommendations.
Why do you need to declare outline and moz-outline for this image?
Especially when you are setting them to none, isn't that the default?
--
Peter Williams
__
espace where required and the default
values aren't giving you what you need.
ie. h1 {margin-bottom: 0.5em;}
#linkblock {margin-bottom: 2em;}
Specify width first, height second in your image attributes.
--
Peter Williams
sing tag for a div, and a couple of form elements munged up.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported b
ensible page resizes
and text size changes.
Thanks all who have contributed thought/ideas :-) Greatly appreciated.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List
font-family: Helvetica, Arial, sans-serif;
}
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.o
ial, sans-serif;
}
.smallcaps2 {
color: #CC6600;
font-weight: bold;
font-style: italic;
font-size: 90%;
font-family: Helvetica, Arial, sans-serif;
}
Note that there is an element that you could use and
style, elminat
he revised header page too.
--
Peter Williams
__
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/
the current iteration that I made after trying
Dwain's suggestions and see how it behaves.
http://www.nci.net.au/temp-test/
I'd be pleased to hear how it works across few browsers and OSs.
I know that IE/Win doesn't resize the text and that FF 1.0
r. I've uploaded a revised version following
your suggestions and correcting the syntax error I had on
font-size for the h4 too.
It is better, but not perfect now.
Thanks.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
htt
advance for all help rendered.
I'm not sure if my original request hit the list at a bad time
or something on Friday but I only got one reply (thanks Roy) and
I can't really use the suggested since it adds whitespace
that doesn
f page for the sample
page).
How can I better contain the contents of the header div?
Should I be using a different unit of size for the text parts?
I'm not sure why I'm having so much trouble with this, but I seem
to have some sort of stylers block ;-)
Thanks in advance for all help
ses. The whole book is full of useful, real world
examples and techniques.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
> From: Christy Collins
>
> Is there a way to get a dt and a dd next to each other?
Christy,
dt{float: left;}
in your stylesheet should do it for you.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http:
round images to print?
On the Internet Explorer menus of the user:
Tools, Internet options, Advanced tab, scroll down to Printing,
tick Print background images and colours.
It's a user choice.
--
Peter Williams
__
css-disc
re in your header.
ie.
Include file markup:
[div id="headerinc"]
[h1]My header heading[/h1]
[p]My header paragraph, blah, blah, blah.[/p]
[a href="file.html"]My header link[/a]
[/div]
css:
#headerinc h1 {color:green;}
#headerinc p {color:blue;}
#h
editorial/wpd0704news.htm#feature
I haven't seen a book such as you are looking for. You can only
go so far with typographic control on the web. There is so much
browser and system variability that tight control that works
properly one one system is likely to be problematic o
markup causing it. Rewrite the markup as:
and it goes away. It was some sort of extra space in the mast div.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki
w {padding: 2px; margin: 0; border: whatever;}
At the moment you are just getting the defaults for each browser
which must be different. Set all the properties to know values
and adjust to taste.
--
Peter Williams
__
css-discuss [
ayout (different stylesheet), I need
> the 4th tag to
> drop down and be on its own line.
In the second layout just add display: block for span4.
#span4 {display:block;}
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
h
it is the product name.
"The internet is full of tutorials on XHTML and CSS."
I suspect you mean the 'The web is...'.
"unless you are reporting a table of experimental data."
Many types of data could be le
Actually I thought it would be as you state, but found that removing
the height declaration entirely was the real key to success, in
conjunction with removing the superfluous non-breaking space.
--
Peter Williams
__
css
;
width: 100px;
margin: 0;
border: 1px solid green;
color: white;
background: green;
}
This is redbox.
This is greenbox.
--
Peter Williams
> -Original Message-
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] On
;
color: white;
background: red;
}
.greenbox {
margin: 0;
border: 1px solid green;
color: white;
background: green;
}
This is redbox.
This is greenbox.
--
Peter Williams
> -Original Message-
> From:
markup,
and/or set the line-height to a zero value and see
what the behaviour is like then.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-disc
er support amongst your intended user base.
--
Peter Williams
__
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
n't relevant
to the including common header and footer files across all pages.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incut
> From: Maren Child
> ...green border under the 'topnavbar' div
>
> I guess what I want to say is 'width = 100% minus 140 pixels' and
> 'margin-left = 30 pixels'.
So if you remove the width and just give it left and right margins
of 30
nd specific that #nav.
If you define #nav you could use it on a div, p, h, whatever.
If you define div#nav then all it can be is a div.
There is no practical difference, but #nav offers more versatility,
your way offers more specificity, but sinece an ID can only occur
once per page it is hard to i
, so I don't think
we can progress it here. webdesign-l is a place where you will get
considered and practices opinions on the markup choices that could
best suit your purpose, and which may also allow for styling the
output in ways that satisfy your desire for a certain layout.
display for this state.
Order of defining the link states should be LVHA.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
> From: Jason Baker
> ...in IE the bottom border doesnt change to dashed style.
>
Have you turned off the default underlining ofr links in the div?
#nav a {text-decoration:none;}
--
Peter Williams
__
css-discu
ort of adjustment
as the spacing will scale with text size changes that a user may make.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-di
7;ve stuffed a 180px high image into the h1 that is
InfoForce Services, and it pushes the Knowledge is Power div down.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List
ctive as before, just with the typeface mod to prove the print
stylesheet has been used.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-disc
the dt
and the para text as the dd.
Accompanying css was:
dt {float: left;}
All good on-screen in IE6 and FF1.04 on Win XP, all good when printed too.
It might not be strictly supported, but it did work in practice.
Next test would be the same css in a media="print&qu
> From: [EMAIL PROTECTED]
>
>
> "DTD/xhtml1-transitional.dtd">
> http://www.w3.org/1999/xhtml";>
Remove the xml prolog and see if the behaviour is better,
as far as I'm aware it is unusable in todays browsers.
IE goes into quirks mode with anything be
{border-bottom: 1px solid white; padding-bottom: 0.3em;}
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by ev
ood thing in the making.
--
Peter Williams
__
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/
a very good bit of advice. Eric's book goes through replacing
old table based layouts with css in detail, his worked examples and
suggestions on the best way to tackle things are very easy to comprehend.
He also shows methods of starting fresh with css for various types of
conet
markup:
Container div.
Main text div stuff.
A hr should be under this para.
Another hr should follow this para.
I saw coloured hr's in IE 6 and FF 1.0.4
Although I made them 20px & red so it was easier to see what was happening.
--
Peter Williams
__
some other div.
Turn on some coloured borders on your page elements and
get the layout working properly as your first step.
FWIW your links are fine in my FF if I put the cursor just
above the text.
--
Peter Williams
__
css-disc
ck seem to opposing choices, either the item will be displayed
as a block, or it will be displayed inline.
Isn't inline-block a CSS2.1 thing? Not yet released and thus not
finalised and probably not recognised and supported by most brow
a look.
http://www.webstandards.org/
A List Apart is another good resource.
http://www.alistapart.com/
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -
cs
Browser support (lack of) will most likely to be a bigger roadblock to
implementing CSS3 than any delay in finalising and releasing the
recommendation though. We still can't usefully use parts of CSS2.
--
Peter Williams
_
> And then adding this line as the very first one:
>
>
:-) 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 m
> -Original Message-
> From: Linda Dunn
>
> But I don't understand *why* the stylesheet isn't being seen
I wonder if it is because you have commented (html comments)
out the style import statement?
Take the out and try again to test if this is the proble
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.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/li
CSS Discuss
email address which seems a bit untidy and likely to result in
future confusion and anguish.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ --
to use both
http://tinyurl.com/d843s
--
Peter Williams
__
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 -- htt
follows the convention of .html.
It would seem to be creating a nusiance to change to something
else when there is a firmly established and widely used convention.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-dis
CSS in the special viewing area.
This was incidental to the working of the layout.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incu
> -Original Message-
> From: luciash
> http://www.ground.cz/luci/css/my3cols.html
> i've successfuly tested it in MSIE 6.0
Luci,
I sent you a screencap off-list of what happens in Win XP/IE6.
The content runs over the footer.
-
e Definition List [dl]
It uses two components, the [dt] Deefinition Term
and the [dd] Definition Definition.
You could style the list and items to suit your formatting requirements.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
ight
seems to always deal with this sort of thing properly), or use a
DOS2UNIX util to fix the line endings.
UNIX uses a LF as the line end, DOS/Win uses CR/LF, and I think Mac
(old MAC OS, not new OS X) uses CR only.
--
Peter Williams
__
hem all the same size and place the text on each so that
it is already lined up nicely.
Use some margin or padding for the spacing, rather than all the
non-breaking spaces.
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http:
99 matches
Mail list logo