nested div when taken in content area removes all internal tags and leaves only external main tag - General

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

vikas mehta 16 posts 31 karma points

Jul 16, 2009 @ 07:35

0

nested div when taken in content area removes all internal tags and leaves only external main tag

General

Hello Friends

i am using the latest release of Umbraco (4).

I have developed a site and in that content area part i have used a lot of nested div tags.

But after saving the content what i found is that   it removes all internal nested Div tags and leaves with only the external div tag.

can u pls suggest me how can i solve this problem...

I havent used XSLT ...so pls consider this when giving suggestions.

Here is an example :

<div class="Name">
    <div class="Subject" style="width:260px;">
      <div class="Division">
          <p class="Category">Lists of collges student attending the lecture</p>
        </div>
    </div>
</div>

Thanks in advance

Vikas Mehta

Copy Link
Sebastiaan Janssen 5045 posts 15477 karma points MVP admin hq

Jul 16, 2009 @ 07:51
1
What part of this html gets removed then?

The only problem I've ran into is when htmlTidy starts rewriting my tags because there's nothing in them, like:
```
<div id="something"></div>
```
After save, this would produce:
```
<div id="something"/>
```
I have to change it to:
```
<div id="something">&nbsp;</div>
```
Copy Link
Sebastiaan Janssen 5045 posts 15477 karma points MVP admin hq

Jul 16, 2009 @ 07:53
1
Oh, there's a non breaking space in the last one:
```
<div id="something">& nbsp;</div>
```
Without the space between "&" and "nbsp;".
Copy Link
vikas mehta 16 posts 31 karma points

Jul 16, 2009 @ 07:55

0

Original Tags:

<div class="Name">
    <div class="Subject" style="width:260px;">
      <div class="Division">
          <p class="Category">Lists of collges student attending the lecture</p>
        </div>
    </div>
</div>

After Saving   the tags become like this :

<div class="Name" style="width: 260px;">
<p class="Category">Lists of collges student attending the lecture</p>
</div>

Copy Link
vikas mehta 16 posts 31 karma points

Jul 16, 2009 @ 07:58

0

Hi. Sebastiaan Janssen

Thanks for your reply...

well u can copy the same tag in your content area and can chk by saving and puclishing the content file...then rechecking the same html part will show you what part remains and what part goes

Thanks

Copy Link
Chris Koiak 700 posts 2626 karma points

Jul 16, 2009 @ 09:51

1

Hi Vikas,

You're posting in the wrong forum. This forum is only for discussion on the ClientArea package.

If you repost in http://our.umbraco.org/forum/using/ui-questions you will get more responses.

Regards,

Chris

P.S. In my opinion, you shouldn't have nested div's editable from the RTE. This will only end up with your client deleting these and complaining about the subsequent styling issues. Re-work your html/css so the RTE only needs to output simple <p>,<h>, etc tags. This will result in less bugs and a more robust editor for the client.

Copy Link
vikas mehta 16 posts 31 karma points

Jul 16, 2009 @ 12:36

0

Thanks Chris...

Copy Link
Manish 3 posts 23 karma points

Apr 23, 2012 @ 09:05

0

hi,

how i write mark up like

<a href="#">
                        <div class="control_third">
                            <div class="text">
                                <p>
                                    ISO 14001 and
                                    <br />
                                    9001 Assessment
                                    <br />
                                    & Compliance
                                    <br />
                                    Support</p>
                            </div>
                        </div></a>

in richtexteditor.

thanks.

Copy Link
is working on a reply...

Please Sign in or register to post replies