I'm new to the world of non-table layouts and not too experienced with CSS, so please bear with what is probably a simply solved problem.
On my page, <!-- m --><a class="postlink" href="http://stellmond.bravepages.com">http://stellmond.bravepages.com</a><!-- m -->, I have a div with my text in it, and then I have an image. Before I had a table with the image in one cell and the div in another and it was fine. But now, with the table removed, the div is under the image because of that line break most browsers add before and after divs.
I'd like to get that text beside the image like it looks with the div (With a background, in that same sized area, and with a scroll bar) but as you can see I need to use something other than a div to accomplish that, unless someone knows of a way that I can get that div next to the image without using a table.
Usually I'd use a paragraph for this (I like to solve a lot of things by putting something in a paragraph and giving the paragraph a style
) but my text has paragraphs, and it seems like paragraphs don't like being inside other paragraphs. (Unless I messed something up when I tried to put the paragraphed text in a big paragraph with the styles I was using for the div)
By the way, this is the class I assigned the div:
.text { width: 500px;
height: 350px;
background-color: #FFFFF0;
overflow: scroll }
Any suggestions?add another container div around .text, then give it the following properties:
#container{
padding-left:400px;
background:url(imageyouwant.gif);
}It works, thank you, though I've got a problem. For my image flip script to work, that picture needs to have the name "Global". I wouldn't be able to do that with a background image, would I? If I can't I'll just ditch that script, I guess...Just add the image inline instead of as a background like this <img src=http://www.webdeveloper.com/forum/archive/index.php/"image.gif" alt="" name=""/>
That should work just the sameThanks Sharkey, but I've decided to try something different that might have a better effect than my original plan. After a week of CSS, XHTML, and Javascript swirling around my brain I just want to get this over with so I can get to the other things on my to-do listNo problem mate
On my page, <!-- m --><a class="postlink" href="http://stellmond.bravepages.com">http://stellmond.bravepages.com</a><!-- m -->, I have a div with my text in it, and then I have an image. Before I had a table with the image in one cell and the div in another and it was fine. But now, with the table removed, the div is under the image because of that line break most browsers add before and after divs.
I'd like to get that text beside the image like it looks with the div (With a background, in that same sized area, and with a scroll bar) but as you can see I need to use something other than a div to accomplish that, unless someone knows of a way that I can get that div next to the image without using a table.
Usually I'd use a paragraph for this (I like to solve a lot of things by putting something in a paragraph and giving the paragraph a style
) but my text has paragraphs, and it seems like paragraphs don't like being inside other paragraphs. (Unless I messed something up when I tried to put the paragraphed text in a big paragraph with the styles I was using for the div)By the way, this is the class I assigned the div:
.text { width: 500px;
height: 350px;
background-color: #FFFFF0;
overflow: scroll }
Any suggestions?add another container div around .text, then give it the following properties:
#container{
padding-left:400px;
background:url(imageyouwant.gif);
}It works, thank you, though I've got a problem. For my image flip script to work, that picture needs to have the name "Global". I wouldn't be able to do that with a background image, would I? If I can't I'll just ditch that script, I guess...Just add the image inline instead of as a background like this <img src=http://www.webdeveloper.com/forum/archive/index.php/"image.gif" alt="" name=""/>
That should work just the sameThanks Sharkey, but I've decided to try something different that might have a better effect than my original plan. After a week of CSS, XHTML, and Javascript swirling around my brain I just want to get this over with so I can get to the other things on my to-do list
No problem mate