Jump to content
Sign in to follow this  
acephysio

CSS for aligning text and images

Recommended Posts

acephysio

I'm getting very frustrated with adding CSS, can someone please help me with some extremely basic CSS, or point me to a resource that can teach me how to do this, the video on pagelines pro only shows how to hide things, we could really use some extra videos showing more basic css customization, since innevitably a ton is required when using this platform. All I want to do is align tables and images to the left, however my html is overwritten and I need css to do this. I'd like this for: http://www.acephysio.ca/custom-orthotics http://www.acephysio.ca/spinal-decompression I have tried lots of combinations with no success; for example; .custom-orthotics table td{vertical-align:top !important;text-align:left !important;} .table #custom-orthotics {text-align:left; margin-left:auto; margin-right:auto; width:500px;} .page page-id-211{vertical-align:top !important;text-align:left !important;}

Share this post


Link to post
Share on other sites
Rob
Hi. You're not going to believe this. BUT... very little to do with tables needs to be done in the Custom Code / CSS Rules area. Instead, you need to style the individual components of the table. And if you think CSS is a problem... OMG. The problem is that not all tables are alike. If you make generic CSS in CSS Rules, it will apply to all. So, on the individual basis, it's best to do it on a component by component basis. http://www.w3schools.com/css/css_table.asp (this is where I learned how to do it). [code]
[/code] In this case, my div surrounds a large table, setting the font size within the table and that was it. Don't forget that you need a tbody in WP and if you're setting a table header, then it must be in a thead tag. Without the styling in the cell tags, WP by default (not PlatformPro) will center text. Images too usually. Of course, you can style individual tables in your CSS Rules then copy, paste, edit and rename for each new table. But that's just as much bother... so it's a coin toss. I've also found this helpful. http://veerle-v2.duoh.com/blog/comments/a_css_styled_table/

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob
I've even managed to make curved corners, but that won't be visible till tomorrow.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
svint5358
http://pastebin.com/N66dv3qQ This is how it is done with an unordered list (took me 5 minutes). Tables shouldn't be used for a simple listing like this.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this