JoshTrav
12-12-2007, 05:33 PM
I am not sure what I am doing wrong on my page.
For some reason all elements within
<blockquote>
blah blah blah
</blockquote>
Are not indented. Can anyone shed some light on it for me?
Page location:
Http://www.scorn-war.com/new/rules.html
The blockquotes are in the right div.
Thanks much,
Josh
Try not wrapping the <p> element with the <blockquote> element. Instead, just use CSS to add margin-left.
JoshTrav
12-12-2007, 05:58 PM
I tried using a simple span class to do a margin-left:100px;
But now I have to put the span element on each line for it to do so.
I was using blockquote before, on http://www.scorn-war.com/rules.html without a problem.
When comparing the 2, I can not find where the difference is.
If I am misunderstanding your use of the CSS to make the margin, let me know.
Thanks again,
Josh
Excavator
12-12-2007, 05:59 PM
Try blockquote {
width: 500px;
margin: 20px auto;
}
or blockquote p {
text-indent: 50px;
}
Maybe you want to use a ul here? Or a dl?
JoshTrav
12-12-2007, 06:00 PM
To be honest Excavator,
I am trying to avoid using things im not too sure of. As far as the UL and DL I have no clue how to make it work correctly. I think a list here would be much easier, but I am afraid to start it and not be able to finish it.
Josh
harbingerOTV
12-12-2007, 06:07 PM
i thought this might be the case. at the first of your css you have
*
{
margin: 0;
padding: 0;
}
thus removing the padding and margin from everything.
try
blockquote {
padding: 5px 20px;
}
or the like to give the blockquote back it's padding;
VIPStephan
12-12-2007, 06:10 PM
What’s so scary about a list? That’s just like any HTML element and it even makes the code less cluttered, more semantic, and easier to work with.
<ul>
<li>If the time of absence is longer than 3 months, the AFG Scorn Member will be required to carry out a probation period as if they were a new recruit.</li>
<li>If the time of absence is less than 3 months, the AFG Scorn Member will not be required to carry out a probation period as it is deemed to be an extended holiday (even if the player joins another guild and returns). </li>
<li>If there's any question over the time of absence, it is assumed to be greater than three months and probation is required.</li>
</ul>
It has a default margin/padding (i.e. indent) and it has the bullets by default. You can change everything as you like with CSS (margin, padding, list-style). And if you’re uncertain there’s the internet with a lot of info.
Excavator
12-12-2007, 06:16 PM
Lists are not to hard to figure out. If you got stuck, you'd get some help here easy enough.
http://www.alistapart.com/articles/taminglists/
Here's a couple simple dl examples for you -
one (http://nopeople.com/CSS/dl/)
two (http://nopeople.com/CSS/dl/another_dl.html)
JoshTrav
12-12-2007, 06:20 PM
i thought this might be the case. at the first of your css you have
*
{
margin: 0;
padding: 0;
}
thus removing the padding and margin from everything.
try
blockquote {
padding: 5px 20px;
}
or the like to give the blockquote back it's padding;
Sweet. Solved the problem. Thanks a bunch!
JoshTrav
12-12-2007, 06:21 PM
Lists are not to hard to figure out. If you got stuck, you'd get some help here easy enough.
http://www.alistapart.com/articles/taminglists/
Here's a couple simple dl examples for you -
one (http://nopeople.com/CSS/dl/)
two (http://nopeople.com/CSS/dl/another_dl.html)
Thanks for the example. I changed the site over using <ul><li>
VIPStephan, Thanks for the code as well.
I was just worried I would have to define UL and LI in the css file and did not know exactly where to begin.
Josh