Skip navigation
smpitch
Currently Being Moderated

INDENT not working

Nov 27, 2012 12:18 PM

Tags: #cs3

I built a web page using a prefab UC Berkeley template, and for a certain portion of it (a sidebar) the INDENT button doesn't work. The "blockquote" tag appears in code, but no indent occurs.(The template uses CSS, but I can't see a specific stylesheet applying to this portion, and can't imagine why a stylesheet would negate the indent/blockquote function.) A co-worker familiar with DW looked and doesn't get it either. ???

 
Replies
  • Currently Being Moderated
    Nov 27, 2012 12:26 PM   in reply to smpitch

    The problem is very likely within the css. Could you post a link to the page?

     

    EDIT: Specifically look for something like this in your css and remove it if it's there...

     

    blockquote {

         margin:0;

    }

     

    It may be mixed into a large number of tag selectors, like this...

     

    body, a, p, li, ul, blockquote, table, td, tr {

         margin:0;

    }

     

    If that is the case, just take the blockquote and coma out of the list.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 27, 2012 3:17 PM   in reply to smpitch

    Forget everything you learned using MS Word. Web design (HTML) is not the same as desktop publishing. 

     

    In DW, the spacebar and tab keys are not layout devices.  They actually generate code.  Use Split View to see what I mean.

     

    EXAMPLE 1:

    Hitting the tab key inside a paragraph does not indent the paragraph.  It creates a <blockquote> </blockquote>.  Blockquotes are for "quoted text only."

     

    EXAMPLE 2:

    Hitting the tab key in a list <li>, creates a sub-ordinate list.

     

    <ul>

    <li>list item 1

         <ul>

              <li>sub-list item 1.1</li>

         </ul>

    </li>

    <li>list item 2

         <ul>

              <li>sub-list item 2.1</li>

         </ul>

    </li>

    </ul>

     

    The proper way to add leading space to HTML elements is to use CSS text-indent, margins or padding.

     


    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 28, 2012 5:03 AM   in reply to smpitch

    We can't help you without seeing your code.  Can you help us help you?

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 2, 2013 10:47 AM   in reply to smpitch

    On line 191 of your UCB.css file, add the following paragraph styles.

     

    #navcol p {

         text-align:left;

         text-indent: 12px;

         line-height:1.5;

         font-size: x-small;

    }

     

    Validate your HTML code & fix errors. 

    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fcanada.berkel ey.edu%2F

     

    The align= attribute is deprecated (invalid) code and should not be used in your markup.  If you want to align text, use CSS classes instead.

     

    CSS:

         .center {text-align:center}

         .right {text-align:right}

         .justify {text-align:justify}

     

    HTML:

         <p class="center">This text is centered</p>

         <p class="right">This text is right aligned</p>

         <p class="justify">This text is justified</p>

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 2, 2013 11:20 AM   in reply to Nancy O.

    As I suspected initially, the typical indent for the <blockquote> is being removed in line 6 of UCB.css. You currently have this...

     

    html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0; padding:0;}

     

    This resets the default margin-left that the browser uses to zero. You should be able to remove...

     

    blockquote,

     

    From that list and the default margin will return.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 2, 2013 2:36 PM   in reply to Jon Fritz II

    Ummmm.  That may be why the blockquote isn't indenting.  But a blockquote is definitely NOT required in the left sidebar. 

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 2, 2013 2:47 PM   in reply to Nancy O.

    @ Nancy, I agree, fully.

     

    I didn't want ot appear as though I had ignored the original question, and the reply that I didn't receive in email. I was going off the OP where they were adding <blockquote> tags but "nothing happened" when they were added and they couldn't figure out why.

     

    I was just pointing out that the little list of selectors with the included blockquote is the "why". Turns out the stylesheet is negating the blockquote effect.

     

    @smpitch: If I were putting the page together, I'd remove all blockquote tags all-together and go with something very similar (if not identical) to Nancy's suggestion.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 2, 2013 6:23 PM   in reply to smpitch

    the remake is better defining a CSS ID for the TAB. Only then the block will understand that you can only use that style any more and at the same time will not block anything. a look at the [link removed] site for you to see an example.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 3, 2013 10:41 AM   in reply to megasena

    Please don't pay attenttion to the nonesense posted by megasena.  S/he is an obvious spammer.

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points