PDA

View Full Version : Blockquote



JoshTrav
12-12-2007, 06: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

BWiz
12-12-2007, 06:44 PM
Try not wrapping the <p> element with the <blockquote> element. Instead, just use CSS to add margin-left.

JoshTrav
12-12-2007, 06: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, 06: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, 07: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, 07: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, 07: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, 07: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, 07: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, 07: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