How do you organize your markup?

Hey,

But this can also get the opposite effect and will disturb the optic if you use much spacing and lines which are divided into 2.

So I’m still searching for a way to set my markup

How do you design your markup and are you using some tools for it like styeneat (what im using for my CSS ).

Edit: I see they don’t add my spaces so Im using -

<div id="someid">
    <div id="child">
        <h3>Title perhaps?</h3>
        <p>My paragraph</p>
    </div>
</div>

So it looks pretty much like yours, This is the best way for me imho

(Took me a while to use the pre command in stead of code lol :P)

Well, thats my scheme

Be sure to use classes so that you can change the style consistently across the entire page without repeating your style rules. For example that div id=”child” could be a div class=”child” and then you can style the class like this: div .child {padding:20px; line-height: 1.7em;} etc. so that every div with a child looks the same.

Of course but that’s not my question

I wanted to know how you style the markup for buyers so they can understand & edit the theme like they want.

This might be helpful: http://blog.themeforest.net/tutorials/examples-and-tips-for-great-htmlcss-formatting/

This might be helpful: http://blog.themeforest.net/tutorials/examples-and-tips-for-great-htmlcss-formatting/

Very nice article you’ve got there! indeed very useful!

Here’s the way I format my markup, I comment everything where it ends so I know what DIV is being closed.

<div id="some-id">
    <div class="some-class">
        Content
    </div><!-- .some-class -->
</div><!-- #some-id -->

Thats very usefull, particularly for long code.