First time creating a div--problem |
![]() ![]() |
First time creating a div--problem |
Oct 19 2007, 06:50 PM
Post
#1
|
|
|
Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 141 Joined: Jun 2007 Member No: 536,692 |
I have customize all of the divs.In the all about section,I cannot add a scroll box.I tried this,but it is putting all of my layout into a scroll box,while I want only the about me.
The code: <div class="div3"> <font size=5><div style="width: 450px; height: 250px; background-color: fffff; color: 0ffcc; font-family: century gothic; overflow: auto; padding: 3px;"> </font><br><br><br>BLAH BLAH BLAH </div> |
|
|
|
Oct 19 2007, 07:17 PM
Post
#2
|
|
![]() Cornflakes :D ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 4,541 Joined: Dec 2005 Member No: 322,923 |
Change it to this:
CODE <style> .div3{ width: 450px; height: 250px; background-color: fffff; color: 0ffcc; font-family: century gothic; overflow: auto; padding: 3px;} </style> CODE <div class="div3"> CONTENT HERE </div> |
|
|
|
Oct 19 2007, 07:19 PM
Post
#3
|
|
![]() Offline. ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 609 Joined: Mar 2007 Member No: 507,591 |
The Same Code Will Become A Scroll Box Once You Fill The Box With What Ever You Have To Fill I With Thats What The
CODE overflow:auto; Is For.
|
|
|
|
Oct 19 2007, 07:30 PM
Post
#4
|
|
|
Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 141 Joined: Jun 2007 Member No: 536,692 |
<div class="div3"><style>
.div3{ width: 450px; height: 250px; background-color: fffff; color: 0ffcc; font-family: century gothic; overflow: auto; padding: 3px;} </style> <div class="div3"> <br><br><br>BLAH BLAH BLAH </div> I done that,but nothing.And the overflow is auto,still nothing. |
|
|
|
Oct 19 2007, 07:56 PM
Post
#5
|
|
![]() Cornflakes :D ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 4,541 Joined: Dec 2005 Member No: 322,923 |
you don't do that.
Add the first code to your about me and add the second code to your who id like to meet section and add what you want in the second code where it says CONTENT HERE. Also you may need to change the first code to this, and change the left and top numbers to position it.. CODE <style>
.div3{ width: 450px; height: 250px; left:###px; top:###px; background-color: fffff; color: 0ffcc; font-family: century gothic; overflow: auto; padding: 3px;} </style> |
|
|
|
Oct 19 2007, 08:03 PM
Post
#6
|
|
|
Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 141 Joined: Jun 2007 Member No: 536,692 |
It works,thanks alot.
|
|
|
|
Oct 19 2007, 10:14 PM
Post
#7
|
|
![]() Cornflakes :D ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 4,541 Joined: Dec 2005 Member No: 322,923 |
yep topic closed
|
|
|
|
![]() ![]() |