table / div help [please]
- Started
- Last post
- 8 Responses
- Atkinson
Novice Q.
http://www.caferoyal.org.
I've used a table temporarily to show those new items. How do I use divs so that when the window size is reduced the columns shift / images shrink to fit? Thanks
- ********0
Something along these lines:
CODE:
<div class="imageBox">
<img src="image" alt="image">
</div>CSS:
.imageBox {
float: left;
}
- Atkinson0
It's ok, pylon's advice suits well, thanks v much. Pylon if you want a zine as a small thanks email me your address and I'll whizz one over.
- Gordy220
@doctor: "How do I use divs so that when the window size is reduced the columns shift / images shrink to fit? Thanks"
Thought he wanted to be able to have the images themselves expand to fill said div...
- Atkinson0
I meant like this - my wp blog http://www.caferoyal.org/emailna…
- Gordy220
Hmmmm... The css there is:
div[class~="post"] img
{height: auto}.post img.size-full {
max-width: 96%;
margin-top: 5px;
margin-right: 0pt;
margin-bottom: 5px;
margin-left: 0pt;
}
- Gordy220
Atkinson - if I were you, I'm d/l firefox and then the developer toolbar (https://addons.mozilla.org/en-U...
Will help you with all this - one of the things it gives you is a little crosshair where you can click on an element and it shows you all the css it uses.
- Andrew_D0
Or, similar to what Gordy has posted use these in any browser:
http://westciv.com/xray/ (for identifying what div's are what and other code)
http://www.sprymedia.co.uk/artic… (Ruler, Crosshair and such)