Morwen Oronor
Citizen
Registered: 01-2008
Province: South Africa
Posts: 2604
Karma: 57 (+58/-1)
|
ReplyQuote
|
|
A CSS question
I've fiddled around with CSS this afternoon. John is looking to put a block of text in the middle of a webpage, the only way it works is if he puts a <center> and a </center> after the HTML instead of the 'float center" idea in CSS.
Also I put the
#content {
width: 400px;
text-align: justify;
float: center;
}
Any ideas?
This is all the different CSS I've tried, none of it works and it also insists on putting the • in front of the <ul>. I know it's a mess. Please give me some tips on what's wrong.
What we're testing is the following sentence, 9 lines of the same thing, we want to put a block of text in the middle of the web page"
"The quick brown fox jumps over the lazy dog"
I got a page to work but it puts it in the top left corner of the page.
I'm lost.
body {
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
color: #000;
background-color: #fffff;
#container {
background: #FFFEFF;
border: 3px solid #fffff;
margin: 0 auto;
width: 400px;
}
#content {
background: #FFFEFF;
padding: 1px 10px;
float: center;
width: 400px;
margin-right: 2em;
text-align: justify;
}
ul, ol { margin: 1em 0; padding-left: 0; }
ol li { margin-left: 2.75em; }
ul { list-style: none; margin-top: 0;}
ul li a {
display: block;
float: center;
height: 30px;
line-height: 30px;
vertical-align: middle;
text-align: justify;
text-decoration: none;
}
|
8/11/2009, 4:08 pm
|
Link to this post
PM Morwen Oronor
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: A CSS question
There is no such thing as float: center;
Try margin: 0 auto; instead.
it also insists on putting the • in front of the <ul>.
That's the default behavior of an unordered (bulleted) list. To get rid of the bullets, use list-style: none;
See: More on Styling Lists at my blog for more info.
|
8/14/2009, 3:49 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
Morwen Oronor
Citizen
Registered: 01-2008
Province: South Africa
Posts: 2604
Karma: 57 (+58/-1)
|
ReplyQuote
|
|
Re: A CSS question
OK - I'm getting all mixed up with this.
I sent him to your website to figure it out. He seems to have solved the problem now.
Thanks Lesa.
|
8/14/2009, 9:16 am
|
Link to this post
PM Morwen Oronor
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: A CSS question
You're welcome, MO. I'm glad the blog was able to help him.
|
8/15/2009, 6:14 pm
|
Link to this post
PM Lesigner Girl
Read Blog
|
Morwen Oronor
Citizen
Registered: 01-2008
Province: South Africa
Posts: 2604
Karma: 57 (+58/-1)
|
ReplyQuote
|
|
Re: A CSS question
I'm just impressed that he's using CSS now. He doesn't usually listen to advice and certainly not from me.
The fact that he's approaching me for ideas about how to deal with problems is flattering because he's understood how to do programming since the days of DOS. He's very clever with all the different languages so I would imagine that this is one he would want to master.
It's nice though not to get brushed off as 'too old' to understand technology.
|
8/16/2009, 3:55 am
|
Link to this post
PM Morwen Oronor
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: A CSS question
I have no doubt he could master it if he finds the time and desire to do so, and I'm glad he knows where to go for help in the meantime.
As for listening to your advice, maybe that just means he's grown up.
|
8/16/2009, 3:20 pm
|
Link to this post
PM Lesigner Girl
Read Blog
|
Morwen Oronor
Citizen
Registered: 01-2008
Province: South Africa
Posts: 2604
Karma: 57 (+58/-1)
|
ReplyQuote
|
|
Re: A CSS question
Very true.
We had a long chat yesterday about my fussing over them, and rather than tell me to stop fussing, he said that he understands, definitely a sign of adulthood.
|
8/16/2009, 5:02 pm
|
Link to this post
PM Morwen Oronor
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: A CSS question
Sometimes it just takes us a while to start listening to the voice of experience, whether the advice is coming from a parent, or from someone else.
|
8/16/2009, 7:26 pm
|
Link to this post
PM Lesigner Girl
Read Blog
|
Morwen Oronor
Citizen
Registered: 01-2008
Province: South Africa
Posts: 2604
Karma: 57 (+58/-1)
|
ReplyQuote
|
|
Re: A CSS question
True and it takes a lot of maturity for an older person to take the advice of a younger one. This last episode with the old man is a perfect example of stubborn immature old people who won't take note of the experience and knowledge of younger people and who think that their 'life experience' makes them into experts.
|
8/17/2009, 5:15 am
|
Link to this post
PM Morwen Oronor
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: A CSS question
I agree 100%. If I was faced with something a twentysomething had already gone through, I wouldn't be too proud to ask them for advice. Even if the outcome for them was bad, it could still give me an idea of what not to do.
|
8/18/2009, 12:06 am
|
Link to this post
PM Lesigner Girl
Read Blog
|