WordPress Themes, Plugins and HTML Templates › Forums › Contango WordPress Theme › Table formatting
- This topic has 2 replies, 1 voice, and was last updated 10 years, 9 months ago by
admin.
-
AuthorPosts
-
December 11, 2013 at 11:39 pm #449
Anonymous
GuestHey,
I’m having problems (again) with how your theme re-formats HTML entries.
Please view this page:
http://www.geniusfactory.co/team/
Please note the picture of Lucy Waugh. The image should be centered with the text in the right column. When i put the HTML into an editor everything looks proper. When i put the HTML in the wordpress WSWG editor, it looks correct. When i apply your theme, it changes how the table is displayed.
Please note the differences in how your theme handles tables.
Please advise.
December 12, 2013 at 12:31 am #1150Anonymous
Guestfound the issue:
media=”all”
html, body, div,span, applet, object, iframe, h1, h2, h3,h4, h5, h6, p, blockquote, pre, a, abbr,acronym, address, big, cite, code, del,dfn, em, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, b, u, i,center, dl, dt, dd, ol, ul, li, fieldset,form, label, legend, table, caption, tbody,tfoot, thead, tr, th, td, article, aside,canvas, details, embed, figure, figcaption,footer, header, hgroup, menu, nav, output,ruby, section, summary, time, mark, audio,video {- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font: inherit;
- [COLOR=rgb(255, 255, 0)][/COLOR]vertical-align: baseline;
that line messed me up in stylesheet.css
fix please in future versionsDecember 12, 2013 at 2:17 am #1151admin
ParticipantHi,
Thanks for your feedback and updating the thread. Let me try to explain your points,
Important!
found the issue:
media=”all” ……This is CSS Reset to tweak the different browsers. http://meyerweb.com/eric/tools/css/reset/
DONOT delete it from your style.css as it may lead to different issues at different browsers. I have noticed that you have remove the property “vertical-align: baseline;” from your style.cssWhat is the solution ?
Follow the simple steps for any customization.
1. Write clean HTML – I will highly recommend to use DIV based structure instead of TABLES.
2. Modify your target code OR (newly added code) via custom CSS Classes or IDs. For example, you can add your own class to TABLE or DIV and than reformat it via style.css by using that class.Let play with your idea with simple DIV structure, i.e. Please note the picture of Lucy Waugh. The image should be centered with the text in the right column.
Etiam egestas dapibus massa consectetur commodo. Integer nulla dui, tristique et luctus et, blandit at nisl. Aliquam non varius nulla. Mauris interdum facilisis nunc id bibendum.
Vestibulum mattis, augue at porta pharetra, sapien erat malesuada nibh, vitae dapibus diam nunc quis felis. Vivamus cursus sagittis bibendum. Integer lacus nulla, lobortis et varius id, posuere nec enim. In bibendum enim volutpat convallis sagittis.
Donec rutrum lacinia consequat. Sed rhoncus fringilla elit, eu pretium tortor faucibus at. In odio nulla, scelerisque a neque congue, laoreet tempus urna. Nam et est fermentum urna luctus lobortis non vel turpis. Morbi aliquet id lacus non dignissim.
Mauris convallis nulla massa, ut sollicitudin sapien mollis et. Suspendisse porttitor felis eu eros sollicitudin molestie. Integer risus metus, tincidunt eu erat ac, eleifend hendrerit dui. Cras molestie facilisis nisi in laoreet. Curabitur aliquet molestie quam. Fusce mollis velit ac velit mollis suscipit. Duis euismod, dolor sed pharetra accumsan, tortor risus adipiscing lorem, id adipiscing lectus diam in orci.
[/CODE]
You may tweak the above code to meet your needs.
Thanks[CODE]Etiam egestas dapibus massa consectetur commodo. Integer nulla dui, tristique et luctus et, blandit at nisl. Aliquam non varius nulla. Mauris interdum facilisis nunc id bibendum.
Vestibulum mattis, augue at porta pharetra, sapien erat malesuada nibh, vitae dapibus diam nunc quis felis. Vivamus cursus sagittis bibendum. Integer lacus nulla, lobortis et varius id, posuere nec enim. In bibendum enim volutpat convallis sagittis.
Donec rutrum lacinia consequat. Sed rhoncus fringilla elit, eu pretium tortor faucibus at. In odio nulla, scelerisque a neque congue, laoreet tempus urna. Nam et est fermentum urna luctus lobortis non vel turpis. Morbi aliquet id lacus non dignissim.
Mauris convallis nulla massa, ut sollicitudin sapien mollis et. Suspendisse porttitor felis eu eros sollicitudin molestie. Integer risus metus, tincidunt eu erat ac, eleifend hendrerit dui. Cras molestie facilisis nisi in laoreet. Curabitur aliquet molestie quam. Fusce mollis velit ac velit mollis suscipit. Duis euismod, dolor sed pharetra accumsan, tortor risus adipiscing lorem, id adipiscing lectus diam in orci.
[/CODE]
You may tweak the above code to meet your needs.
Thanks -
AuthorPosts
- You must be logged in to reply to this topic.