firstly I have provide a codepen to help resolve this issue.
The issue is with the content within the divs going well outside the table cell.
for instance the content within div.product-details is 'book of 30'. I have been trying to center that content within the div but its seemingly impossible without adding extra html tags around the content.
How can I ensure the content stays within the table cell and the div?
http://codepen.io/pxs/pen/ZORByJ
section.prepaid .form-row {
//there is too much code to put here and it is too hard to format
}
the pre tag was not generated by a plugin. It was generated when i copied and pasted the shortcode from the documentation pdf. This process sometimes copies some extra markup along with the shortcode. in this case, it was a pre tag.
Related
A plea to all wiki gurus - can anyone help me create a link to another page in the same wiki when the wiki page is constructed in html?
Alittle background & context: I decided to get a bit arty in my mediawiki and made a simple landing page constructed using CSS and div elements to sit on a mediawiki page. After a little fettling, I managed to get the HTML rendered correctly and the page looks very nice!
Now I wish to use the div elements (lets call them 'buttons') as links to other mediawiki pages within the same wiki. (the actual 'buttons' are made up of several elements wrapped in a containing div element)
The actual html for a 'button' looks like this:
<div class="cf-box"><div class="cf-box-title">Button Title</div><div class="cf-button-icon"></div><div class="cf-box-text">Description of the information the button links to</div></div>
Using HTML, this would be a simple process of wrapping the containing element (cf-box) in a link and all is good in the world. I assumed that you would be able to do something similar in mediawiki such as..
[[Some Page|<div class="container"><div class="button"><div class="text"></div></div></div>]]
but when I try this, the outer 'container' opening and closing div elements are stripped out and displayed on the page as text leaving the internal div elements orphaned rendering garbage on the page. The link does work though!
Thanks to anyone who takes a look!
I'm trying to figure out if an element can be completely deleted within a module. Lets say I have editable text within a module — I can clear the text from within the element, but I can't outright delete that element so it's space is removed from the module and content below, moves up to fill it's place.
The image below illustrates what I'm trying to do.
Is there a way to achieve the result in the 3rd image? Perhaps by using snippets?
Deleting the content from a rich-text element won't completely collapse the section, however, if you write an HTML comment within the rich-text element it will collapse the section completely.
<!-- -->
I have a situation where the client needs to be able to insert html he is copying off other sites into a product description.
He has no clue about html so he is literally copying it off the site with the permission of suppliers and then pasting into an Opencart description.
The issue is that sometimes what he is copying isnt correctly formatted and so it may be closing divs too early or not closing them at all making the html for the remainder of the page all over the place.
Is it possible to have a situation where i can create div and basically tell it Close off this div here no matter what the html inside it contains?
Thanks.
I guess just to give an example. In this situation the bottom </div> would not close off <div class="myclosedoffdiv"> even though thats what Id like it to do.
<div class="myclosedoffdiv">
<div><span> This is incorrectly formatted html</span>
</div>
You can create jquery object from string (in case if using jquery):
var div = $('<div><span> This is incorrectly formatted html</span>');
div[0] will return:
<div><span> This is incorrectly formatted html</span></div>
then insert it into wrapper:
$('.myclosedoffdiv').html(div);
I'm trying to make a blogpost into a forum-format, which i thought would be quite simple with html-tables and some css. I can't attach an image because this is my first question/answer here, but everyone knows the forum/disqus format: two-column with a narrow one on the left for the avatar and a wider one for the text.
Fact is that using just hmtml-css tables, the text floats to the left as soon as it (vertically) passes the image. That is solved by using "position:absolute", but then the whole image&text overlap each other AND most or everything that is beneath it, depending on how one resize the window.
Anyway, it's just the old forum-format, what am I doing wrong. Can't link to a page, not a live site yet. I'm using WP with the (modified) Blaskan theme.
It is isn't clear if you're trying to add a forum or just a table that looks like a forum-format table.
If you want to a forum in WP, then you might want to follow
http://wordpress.org/support/topic/add-forum-to-wordpress
http://wpmatter.com/top-5-wordpress-forum-plugins/
If you are trying to add a two column table, you'll need to post the html and css using.
For example, you can post like this http://jsfiddle.net/minerva/UJjup/. You must've added a "position: absolute" in the <td> tag and that is why your text is overlapping
Remove the position:absolute from the tag.
table td
{
position:absolute
}
Then add your css style specifically on the first column and or second column.
I'm trying to insert a div element inside the tinyMCE editor, but each time I insert one it's inserted in a separate line!
what I want is to insert the div inline with the text already existing!
Can anyone help?
P.S: text is included directly in the editor's body (I've eliminated p elements)
Thanks
Tinymce needs those root elements in order to be able to style lines of text.
There are several means to get rid of unwanted tags onSubmit, but that depends on the use case.