Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10

Thread: Blockquote

  1. #1
    New Coder
    Join Date
    Dec 2007
    Posts
    51
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Blockquote

    I am not sure what I am doing wrong on my page.

    For some reason all elements within
    Code:
    <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

  • #2
    Regular Coder BWiz's Avatar
    Join Date
    Mar 2006
    Location
    Sol System
    Posts
    471
    Thanks
    7
    Thanked 21 Times in 21 Posts
    Try not wrapping the <p> element with the <blockquote> element. Instead, just use CSS to add margin-left.
    BWiz :: Happy Coding!
    2006
    2007 2008 2009
    2010 2011
    Irrational numbers make no sense.

  • #3
    New Coder
    Join Date
    Dec 2007
    Posts
    51
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Try
    Code:
    blockquote {
    width: 500px;
    margin: 20px auto;
    }
    or
    Code:
    blockquote p {
    text-indent: 50px;
    }

    Maybe you want to use a ul here? Or a dl?
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    New Coder
    Join Date
    Dec 2007
    Posts
    51
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #6
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,785
    Thanks
    8
    Thanked 131 Times in 129 Posts
    i thought this might be the case. at the first of your css you have
    Code:
    * 
    {
    margin: 0;
    padding: 0;
    }
    thus removing the padding and margin from everything.

    try
    Code:
    blockquote {
    padding: 5px 20px;
    }
    or the like to give the blockquote back it's padding;
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #7
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,662
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    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.
    Code:
    <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.

  • #8
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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
    two
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #9
    New Coder
    Join Date
    Dec 2007
    Posts
    51
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by harbingerOTV View Post
    i thought this might be the case. at the first of your css you have
    Code:
    * 
    {
    margin: 0;
    padding: 0;
    }
    thus removing the padding and margin from everything.

    try
    Code:
    blockquote {
    padding: 5px 20px;
    }
    or the like to give the blockquote back it's padding;
    Sweet. Solved the problem. Thanks a bunch!

  • #10
    New Coder
    Join Date
    Dec 2007
    Posts
    51
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    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
    two
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •