Hi - I like to do all my h2 sub-headers in a 2-cell table, with image in left cell, and h2 in right cell with colored bg, as seen here:
http://www.greensmoothie.com/test/best.php
Please is there a way to do this without tables and with no floats in
pure css for this page here:
http://www.greensmoothie.com/gs/
I see in another page, I’ve used a table for an image + text next to each other, here:
http://www.greensmoothie.com/test/index.php
scroll to page bottom just above Sprouting Links, pic of wheatgrass with txt box next to it.
I recall Paul giving me wide variety of options to do that image-w-parallel-txt but in the end a table seemed the simplest.
But a problem I foresee with using a table in my new pure-css file at
http://www.greensmoothie.com/gs/
is that the h2 has to be flush against the edge of txtbox (or content? I get confused) - there can’t be any white space between the page bgcolor and the bgcolor of h2 box. I guess I could give the table a negative margin?
Perhaps Gary’s .photo code (for 2 photos next to each other, with caps) can be copied + fixed to make my h2-with-image work?
.photo {
text-align: center;
margin: 20px 0; /sets para before + after/
}
.photo div {display: inline-block; vertical-align: middle}
-
- html .photo div {display: inline}
- html .photo div {display: inline}
.photo pre { /use spaces at start + end of each line to align cap under pic/
display: table;
margin: 5px 20px; /space betw phot-cap + betw photos/
}
I’m hopelessly unsure where to begin…
thank you! - Val