|
|
Posted by Tarscher on 08/07/07 07:17
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
Navigation:
[Reply to this message]
|