Website

Website Files (if needed)


I'm making a website for my web design class. I've run into an annoying problem. It seems this div container "blocks" me from typing any text under the image. How do I fix this?

So don't put the text in that container div.
Put it in a new Div under the div that contains the picture.

Pay attention in class!

You have given the div a FIXED height. GOOD browsers (meaning NOT IE) will obey that fixed height. You can type in all the text you want, but it's not going to stretch the div - which IE6 (and below) does incorrectly.

If you want to add more text to that div, remove the fixed height !

He used a fixed height to keep the picture in check.

He needs to separate thetext to it's own Div world.

I tried doing my own div but I can't do it correctly. Can someone show me how to do it?

He used a fixed height to keep the picture in check.

Which I understand, but since he's not stretching the picture, what difference does it make ?? The picture size won't change.

Depending on what he wants to do, it may not be necessary to add another div just for text, and adding divs willy-nilly 'just because' isn't a good practice.

Stanfoo, to add another div, just do this:

<div style="position:relative; ">
<div id="imageContainer">
<img style="display: block; opacity: 0.95;"
src="images/bookmark_1.png" />

<img src="images/bookmark_2.png" />
<img src="images/bookmark_3.png" />
</div>
<div class="textContent">
<p>put your text here</p>
</div>

</div>

In your CSS, define the class for textContent to format the text in whatever way you need it, such as:

.textContent{
font-size: .75em; /*equal to 12px*/
color: blue;
line-height: 1.25em; 
}

I'm curious LnR, is that method the Willy Method or the Nilly method of adding another DIV.

Also, you should tell him that he ONLY wants to place a bunch of formatting in the CLASS of that div if he wants ALL his text to look the same.

If he needs pieces within the text to look differently, you'd better refer him to the documentation on inheretance and/or the abilities of inline CSS Style tags or the instances where he might want to use multiple DIVS for various paragraphs.
And the idiosyncracies he will encounter if he happens to try to use a column layout.

Plus since he is a total newbie at this, you might also want to explain to him that
/* equal to 12px*/ is a comment that does nothing to the layout of his page
and does not need to be included for the code to work properly.

We all just jumped this person weeks ahead of where his class probably is.

The joys of HTML and CSS.

you should tell him that he ONLY wants to place a bunch of formatting in the CLASS of that div if he wants ALL his text to look the same.

Inside THAT div only !!! It was an EXAMPLE. He's taking a class, he should be learning the rest!