D
Danny Anderson
Hola, html folk!
I am using css to define <div> boxes that contain either text or text
with pictures:
..blueborderbox
{
padding: 3px;
border-style: solid;
border-width: thin;
border-color: #000080;
font-family:verdana, arial, helvetica, sans-serif;
background-color: #FFFFFF;
margin-bottom: 5px;
margin-top: 5px;
margin-right: 10px;
}
When I use this box with an image, the image will go outside of the box
border if there isn't enough text to make box tall enough to accomadate
the image height:
<div class="blueborderbox">
<img info here>Text here...if there isn't enough text to wrap the picture, the picture
will poke out of the bottom of the box</div>
I want to keep the image completely within the border of the div box,
meaning that I would like to have white space in the box to match the
height of the image if necessary.
Here is a crude ascii representation of what I want:
+---------------------------------+
| +----+ some text will go here, |
| | | with whitespace to fill |
| | | the gap when needed. |
| | | |
| +----+ |
+---------------------------------+
Here is a crude ascii representation of what I currently have:
+---------------------------------+
| +----+ some text will go here, |
| | | with whitespace to fill |
| | | the gap when needed. |
+-| |--------------------------+
+----+
I am using css to define <div> boxes that contain either text or text
with pictures:
..blueborderbox
{
padding: 3px;
border-style: solid;
border-width: thin;
border-color: #000080;
font-family:verdana, arial, helvetica, sans-serif;
background-color: #FFFFFF;
margin-bottom: 5px;
margin-top: 5px;
margin-right: 10px;
}
When I use this box with an image, the image will go outside of the box
border if there isn't enough text to make box tall enough to accomadate
the image height:
<div class="blueborderbox">
<img info here>Text here...if there isn't enough text to wrap the picture, the picture
will poke out of the bottom of the box</div>
I want to keep the image completely within the border of the div box,
meaning that I would like to have white space in the box to match the
height of the image if necessary.
Here is a crude ascii representation of what I want:
+---------------------------------+
| +----+ some text will go here, |
| | | with whitespace to fill |
| | | the gap when needed. |
| | | |
| +----+ |
+---------------------------------+
Here is a crude ascii representation of what I currently have:
+---------------------------------+
| +----+ some text will go here, |
| | | with whitespace to fill |
| | | the gap when needed. |
+-| |--------------------------+
+----+