|
|
Posted by Jonathan N. Little on 08/07/07 17:45
Tarscher wrote:
> On 6 aug, 16:31, "Jonathan N. Little" <lws4...@centralva.net> wrote:
>> Tarscherwrote:
>>> 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
>>>>> Tarscherscribed:
>>>>>> 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 STUDIOhttp://www.LittleWorksStudio.com
>
> Many thanks for the reply.
>
> Since I don't know how to implement the html I think it's better to
> show an image example.
>
> Jonathan : the example code you provider is almost perfect. An answer
> to your questions:
> 1) Indeed. div2 should start where the text of div1 stops. The text
> of div1 will be a name and will have a maximum of 25 characters.
> 2) Both divs are defined by it's content (which is dynamic, it's a
> scripted site). No fixed sizes thus.
> 3) They don't have the same height. Div2 will contain a title and a
> list of names. The height is thus defined by the length of the list
> (which is dynamic)
>
> To summarize, the size of the divs is completely defined by the
> content (length of name in div1, length od list in div2) and thus
> should have no fixed values.
>
> I hope this clears the mud a little bit:)
>
> Many thanks again
>
>
Is this a definition list, if so why not use markup as such and style
anyway you wish...may need example *content* to understand fully what
would be the best route...
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|