Log In · Register

 
First time creating a div--problem
Nina-Williams
post 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>
 
 
Start new topic
Replies (1 - 6)
Insurmountable
post 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>

 
newkidontheblock
post 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.
 
Nina-Williams
post 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.
 
Insurmountable
post 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>
 
Nina-Williams
post 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.
 
Insurmountable
post 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 _smile.gif
 

Closed TopicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: