Ooooooooooooooooooook.
Captain bell-end, goofer of the simple strikes again. I'm still managing to screw up with my list type elements.
Have a gander at this: <!-- m --><a class="postlink" href="http://www.dootdootdoodydoodydootdoodoooo.com/biog.ste">http://www.dootdootdoodydoodydootdoodoooo.com/biog.ste</a><!-- m -->
Look at the occupation bit. I slapped dd {
background-color:#FFFFFF;
}
in so you can see the problem. The dd is going in under the dt. I've screwed up a few lists like this before and just "masked" it. I'd rather my dt stopped, and then my dd started. Rather than my dd trying to swalow up my dt. Any advice folks?I know this aint help but i take it thats a image of yourself how did you get it to look like that, kind of cartoony style.
Any help is appreciated.I just used photoshop. It's a basic filter. just poke around in in yer menu at the top.Try margin-left: 19em; in the dd. Is this what you're talking about?Yup. The margin application simulates the effect I'm looking for, but I want the actual behaviour so that it does not require any java/DOMscripting to create. So that I can just make something like this, then leave to end users to use as they like, regardless of string length so they can deliver conetent to their users without them having to think about it.
I'd be happy with just making the left edge of the dd start where the right edge of the dt ends (as opposed to both left edges having the same starting point), let alone having each dd have the same vertical starting point.
If you increase the text size you'll see that the text goes below the "occupation: " and just looks unreadable and stupid, as opposed to the new line of text starting from the same point (vertically) as the line above. Y'know, as you would if you were writing the same thing by hand.It's margin:auto; in #container that is changing the default layout of the definition list.
'Cascading' Style Sheet !!!I just used photoshop. It's a basic filter. just poke around in in yer menu at the top.
Cool mate ill give them a look
Originally posted by Fang
It's margin:auto; in #container that is changing the default layout of the definition list.
'Cascading' Style Sheet !!!
If only. Nope. That ain't it. Tried it and it made no difference.
I've managed to isolate (what I consider) a very strange behaviour at <!-- m --><a class="postlink" href="http://www.dootdootdoodydoodydootdoodoooo.com/2biog.ste">http://www.dootdootdoodydoodydootdoodoooo.com/2biog.ste</a><!-- m -->. You can see for yourselves what it is (hopefully). In firefox it pulls the starting adge of the other dd's back to the starting edge of the left most dd. How anout other browsers folks? I can't even get Opera working on this yet. >_<Gah. now look at it!
<!-- m --><a class="postlink" href="http://www.dootdootdoodydoodydootdoodoooo.com/3biog.ste">http://www.dootdootdoodydoodydootdoodoooo.com/3biog.ste</a><!-- m -->
Help anyone? It it even possible?Is this it?
dl {float:left;}
dt {float:left;width:5em;}
dd {
margin-left:5.5em;
background-color:#A8CDE1;
}
ul {float:right;}
Captain bell-end, goofer of the simple strikes again. I'm still managing to screw up with my list type elements.
Have a gander at this: <!-- m --><a class="postlink" href="http://www.dootdootdoodydoodydootdoodoooo.com/biog.ste">http://www.dootdootdoodydoodydootdoodoooo.com/biog.ste</a><!-- m -->
Look at the occupation bit. I slapped dd {
background-color:#FFFFFF;
}
in so you can see the problem. The dd is going in under the dt. I've screwed up a few lists like this before and just "masked" it. I'd rather my dt stopped, and then my dd started. Rather than my dd trying to swalow up my dt. Any advice folks?I know this aint help but i take it thats a image of yourself how did you get it to look like that, kind of cartoony style.
Any help is appreciated.I just used photoshop. It's a basic filter. just poke around in in yer menu at the top.Try margin-left: 19em; in the dd. Is this what you're talking about?Yup. The margin application simulates the effect I'm looking for, but I want the actual behaviour so that it does not require any java/DOMscripting to create. So that I can just make something like this, then leave to end users to use as they like, regardless of string length so they can deliver conetent to their users without them having to think about it.
I'd be happy with just making the left edge of the dd start where the right edge of the dt ends (as opposed to both left edges having the same starting point), let alone having each dd have the same vertical starting point.
If you increase the text size you'll see that the text goes below the "occupation: " and just looks unreadable and stupid, as opposed to the new line of text starting from the same point (vertically) as the line above. Y'know, as you would if you were writing the same thing by hand.It's margin:auto; in #container that is changing the default layout of the definition list.
'Cascading' Style Sheet !!!I just used photoshop. It's a basic filter. just poke around in in yer menu at the top.
Cool mate ill give them a look
Originally posted by Fang It's margin:auto; in #container that is changing the default layout of the definition list.
'Cascading' Style Sheet !!!
If only. Nope. That ain't it. Tried it and it made no difference.
I've managed to isolate (what I consider) a very strange behaviour at <!-- m --><a class="postlink" href="http://www.dootdootdoodydoodydootdoodoooo.com/2biog.ste">http://www.dootdootdoodydoodydootdoodoooo.com/2biog.ste</a><!-- m -->. You can see for yourselves what it is (hopefully). In firefox it pulls the starting adge of the other dd's back to the starting edge of the left most dd. How anout other browsers folks? I can't even get Opera working on this yet. >_<Gah. now look at it!
<!-- m --><a class="postlink" href="http://www.dootdootdoodydoodydootdoodoooo.com/3biog.ste">http://www.dootdootdoodydoodydootdoodoooo.com/3biog.ste</a><!-- m -->
Help anyone? It it even possible?Is this it?
dl {float:left;}
dt {float:left;width:5em;}
dd {
margin-left:5.5em;
background-color:#A8CDE1;
}
ul {float:right;}