8 replies [Last post]
jasonpc
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-10-23
Posts: 14
Points: 0

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.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 37 weeks 15 hours ago
Joined: 2004-06-30
Posts: 9668
Points: 801

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?

Verschwindende wrote:
  • CSS doesn't make pies

jasonpc
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-10-23
Posts: 14
Points: 0

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

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

jasonpc
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-10-23
Posts: 14
Points: 0

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.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Where did I say to remove

Where did I say to remove the float? Smile

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.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

jasonpc
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-10-23
Posts: 14
Points: 0

http://test1234.roundshaw.com

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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; }

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

jasonpc
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-10-23
Posts: 14
Points: 0

thats the ticket, cheers

thats the ticket, cheers