Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Bug? Html editor reverts some edits...
#1
If I manually edit this:
<p><strong>Title</strong></p>
<ul>
<li>Bullet</li>
</ul>

To this (to eliminate the line break created by the paragraph):
<strong>Title</strong>
<ul>
<li>Bullet</li>
</ul>

It will automatically revert to the initial code (it adds the paragraph tag again).

Is there a work around for this?

Ideally I should be able to edit the html code however I see fit...

Ideas? Comments?


Thanks! Smile
Reply
#2
it was an old issue in WP...a work around is to disable html editor or implement something like nl2br function into cms Smile
Reply
#3
My idea would be: don’t use a STRONG-element there.

The element is an inline marker for emphasising text. It should be inside some sort of text containing element if you ask me. Switch it for a header (H1–H6) if that’s what the text should be. I would guess this to be the reason the editor adds the containing P-element, it is made so whoever would have the ability to edit the page content won’t directly break webstandards. (And sometimes it does a good job doing so, sometimes not.)
“Don’t forget the important ˚ (not °) on the a,” says the Unicode lover.
Help us test a key change for the core! ¶ Problems with GetSimple? Be sure to enable debug mode!
Reply
#4
Thank you for the replies.

If I use this:
<h4>Services</h4>
<ul>
<li>Bullet</li>
</ul>

I no longer get the paragraph auto inserted, however I still get a line break.

I would like it to look like this:

Services
- Bullet
- Bullet
- Bullet

Not this:

Services

- Bullet
- Bullet
- Bullet


That extra line break is so visually annoying.

Is there a way to do that?
Reply
#5
Try this, then just edit your css file as needed.

<ul>Services
<li>Bullet</li>
</ul>
Clients always want to be able to change the content of their pages, but they are unwilling to do so.

Have you ever coded in your underwear before?
Reply
#6
internet54 Wrote:Try this, then just edit your css file as needed.

<ul>Services
<li>Bullet</li>
</ul>


That gives this result:
Services
- Bullet

Not this:
Services
- Bullet


Any other ideas?


PS: or am I the only one on the planet that does not want that line break between the title and the bullets? Maybe I am asking for something that is not the standard?
Reply
#7
The line break you are seeing is from CSS

try this:
Code:
<style>
h4 { margin: none; padding: none; }
</style>

in the theme or inside of the same page just disable html editor..

Code:
<h4>Services</h4>
<ul>
<li>Bullet</li>
</ul>
http://nijikokun.com
random stuff. idk.
Reply
#8
Do this:
Code:
<h4>Services</h4>
<ul>
<li>Bullet</li>
</ul>

And try add to your style sheet
Code:
p {margin:0; padding:0}

It worked for me.
Rich
I don't say this enough, but I do appreciate the help.
Reply
#9
123 Wrote:
internet54 Wrote:Try this, then just edit your css file as needed.

<ul>Services
<li>Bullet</li>
</ul>


That gives this result:
Services
- Bullet

Not this:
Services
- Bullet


Any other ideas?


PS: or am I the only one on the planet that does not want that line break between the title and the bullets? Maybe I am asking for something that is not the standard?

What you are asking for from anyone REQUIRES the use of CSS. If you don't know CSS, you will have a hard time making a website look the way you want it to. My example is exactly what you need HTML-wise. The CSS just needs 3 tweaks and your done.

Here are some basic rules to CSS.
http://www.w3schools.com/css/
Clients always want to be able to change the content of their pages, but they are unwilling to do so.

Have you ever coded in your underwear before?
Reply
#10
123 Wrote:That gives this result:
Services
- Bullet

Not this:
Services
- Bullet


Any other ideas?

Try to assign to <ul> bold text style and to <li> normal... Obviously adjusting <ul> and <li> padding if necessary...
Reply
#11
You all are an awesome bunch!

What I did is change this:
Code:
#bodycontent .post h4 {
    font-weight:bold;
    padding:8px 0;
    font-size:14px;
    }

To this:
Code:
#bodycontent .post h4 {
    font-weight:bold;
    padding:none;
    font-size:14px;
    }

With this code:
Code:
<h4>Services</h4>
<ul>
<li>Bullet</li>
</ul>


And it works! Smile


PS: I really need to learn more about CSS functionality...
Reply
#12
You should check this out.
http://www.skybound.ca/

I use it DAILY and it is the best piece of software that I use.
The time saving is amazing. It used to take me forever for fix small alignment issues, everything is now visual and it's a piece of cake.
Clients always want to be able to change the content of their pages, but they are unwilling to do so.

Have you ever coded in your underwear before?
Reply
#13
internet54 Wrote:You should check this out.
http://www.skybound.ca/

I use it DAILY and it is the best piece of software that I use.
The time saving is amazing. It used to take me forever for fix small alignment issues, everything is now visual and it's a piece of cake.

That looks really good I hope they have the mac version out soon so i can try it out.
Rich
I don't say this enough, but I do appreciate the help.
Reply




Users browsing this thread: 1 Guest(s)