Sun, 2007-10-28 09:42
i wish to have two bits of text show as described in subject
how do i also get it to show at the bottom of the box and the text takes up a few lines and the div shows at the top right and i need it at the bottom right.
this is the code i have at present.
thanks
this is the code i now have
.right {
float: right;
}
right text here
left text here which is not always short so wraps to the box i have it in.
Sun, 2007-10-28 12:15
#1
could you show us all the
could you show us all the HTML and CSS you're using?
And perhaps an image to better explain what you're trying to achieve?
Sun, 2007-10-28 13:28
#2
ok this is the code... the
ok this is the code...
the 'right text' needs to be on the bottom line to the right.
any ideas?
cheers
Untitled Document
(right text)
this text could be as long as two or three lines aaaaaaaaaaaaa bbbbbbbbbbbbbbbb ccccccccccccccccccc dddddddddddddddddddd eeeeeeeeee ffffffffffff gggggggggggg hhhhhhhhhhhhh iiiiiiiiiiiii jjjjjjjjjjjj kkkkkkkkkkkkkkkkk llllllllllllllll mmmmmmmmmmmmmm nnnnnnnnnnnnnnnn ooooooooooooo ppppppppppppp
some more text
yet more text
Sun, 2007-10-28 14:35
#3
You have a Doctype ? Clear
You have a Doctype ?
Clear the float if you want it on the line below, clear:left: or clear:both.
Sun, 2007-10-28 14:48
#4
the 'right text' needs to be
the 'right text' needs to be on the far bottom right, if i remove the float it show the 'right text' next to the bottom line text, which is needed in the far right of that line not straight after the text on that line.
Sun, 2007-10-28 15:39
#5
Where did I say to remove
Where did I say to remove the float? 
However you may need to do something like float the heading element, but not sure what you're trying to achieve, a link might help to see how things are working.
Sun, 2007-10-28 16:00
#6
http://test1234.roundshaw.com
Sun, 2007-10-28 16:28
#7
You could do with marking up
You could do with marking up the text better those stray bits of data at the bottom left need to be symantically contained, the bottom one floated left and your right div placed after it floated right, why is it at the top? else do this as a quick fix:
.container {position:relative; background:#799BD9; margin:0 5px;}
.rtop1, .rbottom1{ display:block; background:#507BCD; }
.rtop1 *, .rbottom1 *{ display: block; height: 1px; overflow: hidden; background:#799BD9; }
.r1{ margin: 0 5px}
.r2{ margin: 0 3px}
.r3{ margin: 0 2px}
.r4{ margin: 0 1px; height: 1px }
h1 { text-align: left; font: small tahoma; font-size: 12px; font-weight: bold; margin: 0 0; padding: 5; }
.right { position:absolute;bottom:0;right:0; }
Sun, 2007-10-28 16:53
#8
thats the ticket, cheers
thats the ticket, cheers