> I need to code an area like this: http://www.bedingfield.org.uk/example.gif
Based on the question, it sounds like you're new to CSS. Pardon me if this reply seems pedantic. If it does, perhaps some more detail would help. So that said, assuming your markup (presuming h1-h2-h3 came before this bit) would be something like:
<div class="item"> <img src="square.gif" height="87" width="87" alt="IMG" /> <h4>Title Goes Here</h4> <p>Some text here Some text here Some text here Some text here </p> </div>
Your CSS would be something like the following, assuming you zero-out default margins and padding:
* {
margin: 0;
padding: 0;
}
div.item {
width: 450px; /* to match sample image, but px may not be best unit */
font-family: Arial, Helvetica, sans-serif;
}div.item img {
float: left;
margin: 0 1.2em 0 0; /* top right bottom left */
}div.item h4 {
font-size: 1.6em;
font-weight: normal;
margin: 0 0 0.2em; /* top right/left bottom */
}If your markup is going to be more complex, and if your "some text here" content is going to get significantly longer, you may need some additional rules. Consider reading Eric's tutorial books ("Eric Meyer on CSS" and "More Eric...") for more thorough examples and explanations.
-- Maximillian Von Schwanekamp http://www.neptunewebworks.com/
______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
