Member Avatar for thebigbroski

I'm working in Dreamweaver, and every time I try to put text into my editable region from a template it does the following:
http://img228.imageshack.us/i/resulto.png/ That's the odd indentation. I tried allign the text to the left, and it does, but as soon as I try to test it out in a browser it does that. I'm guessing one of the components might be interfering with my text? Any ideas?

My template has nothing in it except an image, a navigation bar, and the editable region.

Any ideas how I could fix this?

  • 3 Contributors
  • 3 Replies
  • 89 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by scottloway

Dani AI

Generated

— this kind of mismatch (Dreamweaver looks fine, browser shows an unexpected indent) is almost always caused by CSS or an ancestor element in the template, not by Dreamweaver itself. The fastest, non-destructive way to find the source is to use the browser inspector and check computed styles and the box model for the editable region and each parent element until the offset disappears.

Look specifically for rules you might not expect: text-indent, margin-left or padding-left on the editable element or any parent; :before/:after pseudo-elements; an inherited direction or a rule applied to a tag (p, blockquote, li) higher up; or layout caused by floats/positioned elements. Toggle or disable rules in the inspector to see which one removes the offset — that identifies the exact selector to change. This builds on the template-structure points raised earlier by and the layout observation from without guessing at a cause.

A minimal, safe set of rules to try (apply in the inspector first) is:

/* quick debug — test in inspector before editing templates */
html, body { margin:0; padding:0; }
#yourEditableId { margin-left:0 !important; padding-left:0 !important; text-indent:0 !important; }

/* if a float is the issue, contain it on the parent */
.templateWrapper { overflow:auto; } /* or add a clearfix */

Confirm DOCTYPE is present (to avoid quirks mode), validate the template markup, and back up the template before changing global rules. If the inspector pinpoints a selector you dont understand, paste only the small surrounding HTML/CSS (template container + editable region) so responders can give a targeted override.

Recommended Answers

All 3 Replies

Member Avatar for JamieLynnSEO

is there any blank space in the image? Try making sure the image height and width is exactly as it should be.

Otherwise, i have this problem sometimes when i use a lot of tables... sometimes i accidentally fill a cell in blank... and that can cause that as well.

Member Avatar for JamieLynnSEO

also, if using tables or cells... check teh actual alignment of the cell.... That'll get ya from time to time!

Member Avatar for scottloway

Without being able to see code, we'll not be much help. As a guess however, the offset looks suspiciously like it's clearing your navigation; you may want to look into that a bit (or let us see the code).

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.