...

View Full Version : Blockquote



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

BWiz
12-12-2007, 05:44 PM
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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum