|
|
Posted by Tarscher on 08/09/07 15:00
On 7 aug, 19:45, "Jonathan N. Little" <lws4...@centralva.net> wrote:
> Tarscherwrote:
> > 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 STUDIOhttp://www.LittleWorksStudio.com
You can find an example of what I want here: http://www.28edegem.be/tree.htm
The div containing SelfMate should also encapsulate the other content
(like shown in the image mockup). This has to be done since the divs
are created dynamic via a scripted site.
The div with Ploeg 1 has to start where Selfmate stops.
I hope this is more clear now?
Regards,
Stijn
Navigation:
[Reply to this message]
|