|
|
Posted by Jonathan N. Little on 08/06/07 14:31
Tarscher wrote:
> On 6 aug, 14:19, "Jonathan N. Little" <lws4...@centralva.net> wrote:
>> Neredbojias wrote:
>>> Well bust mah britches and call me cheeky, on Mon, 06 Aug 2007 09:41:36 GMT
>>> Tarscher scribed:
>>>> hi all,
>>>> This question is probably already answered a zillion times but I
>>>> cannot find an answer to my question.
>>>> I have a div in a div
>>>> <div>
>>>> DIV1 text
>>>> <div>
>>>> DIV 2 Text
>>>> </div>
>>>> </div>
>>>> Is it possible to position the divs that the text from div 2 is next
>>>> to the text of div 1?
>>>> I get
>>>> DIV1 text
>>>> DIV 2 text
>>>> but want
>>>> DIV1 textDIV 2 text
>>>> Many thanks
>>>> Stijn
>>> Use floats.
>> Or don't use DIV use a SPAN. Depends on what you are trying to do. An
>> example URL of the real page might help.
>>
<You should snip signatures>
> I've made a mockup of what and why I want to do achieve.You can find
> it here: http://www.flickr.com/photos/11036025@N03/1027802383/
>
> I hope this clarifies things.
Clear as mud. An example page of HTML of what you are trying would be
preferable.
1) "DIV 2 should start where text of DIV 1 stops" Do you mean DIV 1's
line of text should define the left position of DIV 2? Or is DIV 1 to
have a static width?
2) are both DIVs dims to be defined by the contents or do you have
dimensions for both?
3) Are they to have the same height?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en-us">
<title>Who knows!</title>
<style type="text/css">
..container {
margin: .5em; padding: .5em 9.5em .5em .5em; border: 1px solid black;
color: #000; background-color: #ccc;
position: relative;
/* NOT SURE IF YOU NEED STATIC DIMS */
width: 8em;
height: 20em;
overflow: hidden;
}
..container div {
margin: .5em; padding: .5em; border: 1px solid black;
color: #000; background-color: #ccf;
position: absolute;
top: 0; right: 0;
width: 8em; height: 19em;
}
</style>
</head>
<body>
<div class="container">
DIV 1 text
(but as you can see we cannot advise unless we have a clearer idea of
what you really want to accomplish)
<div>DIV 2 Text</div>
</div>
</body>
</html>
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
[Back to original message]
|