Ar 11/06/10 22:23, ysgrifennodd Andy B. :
> Ar 11/06/10 21:19, ysgrifennodd Chris F.A. Johnson :
>
>> The title is not centred. It is bold, but in Firefox it is not
>> Georgia.
>>
>> The text is too small to read.
>>
>>
>>
> Yes. To centre the title you need to centre the div that contains it.
> Using text-align:center on the containing div will only centre it in
> IE (IE6??), so you need to give the title container div a width and
> automatic margins. Hopefully that won't mess it up in IE.
>
> Ok. So far I have this on the title's div to fix the problem: (it
> isn't applied yet, but wanted your idea on the code before then:
>
> .TITLECONTAINER {
> Text-align:center; */IE fix for center/*
> float: left;
> Left: auto;
> Right: auto;
> width: 80%; }
>
> What do you think? and if the text is too small in FF, what do you
> recommend for sizes and how to set them? Oh, is it all of the text on
> the page, or is it just the text inside of the container? If anybody
> has a proposed style for the title div, I will for sure listen and
> try.
>
>
>
For me, I found the text size OK. I guess that's a matter of personal
taste and the eyesight characteristics of your target audience. The CSS
you give above is not what I'm seeing so I guess that's what you're
intending to deploy. There's a couple of points:
Well, sort of... Guess css has me confused now. This is why I like having
sighted people taking a look since I don't know what always looks best.
* Left should be margin-left ( all l.c.) - unless you're doing absolute
positioning, which would make no sense here
* Right should be margin-right (all l.c.) - unless you're doing
absolute positioning, which would make no sense here
What does right/left do then?
* I don't know why you want to float the title container left.
I originally had from left to right a container icon, the title and the
minimize/maximize icon for public views. I decided that I didn't want an
icon in the title bar so took it out. I floated them all left to align them
side by side at the top of the container. In the admin views, I have an
actions menu, the title and the minimize/maximize icon.. Again, the title
bar icon was removed because the images ended up being too large (I think).
Most of the icon images I was going to use were no more than 100x100 in
size. I was just trying to follow most of the examples for container
creation that I saw out there. What would you recommend for positioning the
parts of the title bar?
* I don't understand, either, why your divs have both ids and classes.
If there's only going to be one of each of them on the page, just use an
ids. If there's going to be more than one, use a class.
Ok. Would never find a use for div ids, so stick with classes?
You can use some shortcuts as well:
.TITLECONTAINER {
text-align: center;
width: 80%;
margin: 0 auto;
}
Ok. not used to shorthand either. Visual Studio claimed that if I typed long
hand that it would convert it to shorthand but... guess not unless I use the
style builder window.
I wouldn't style the title in the way you have, either. It's a level
one heading in my book, so I'd use <h1> and style that. Since that
gives you 150% font size by default as well as a bold font you can also
save on some rules:
.TITLECONTAINER h1 {
color: blue;
font-family: georgia, serif; /* note the generic font for computers
without georgia */
text-align: center;
}
Similarly the content pane. The content pane header is a header so you
should use a header tag. For instance:
dnn_ctr380_ContentPane h1 {
/* styles for content pane level one header... */
}
How did the contentpane end up being a heading? strange, because it doesn't
say that in the asp.net code... *boggle*
There are also a couple of validation errors that you ought to attend
to. They're easy enough to fix.
What would they be?
I'm replying privately because you mailed me privately but if you find
this or any future mails between us useful you should forward them to
css-d so that other people who might have similar issues can benefit.
Cheers
Peter
--
http://www.peredur.net
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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 evolt.org -- http://www.evolt.org/help_support_evolt/
