Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Jul 2009
    Posts
    4
    Member #
    19554
    I'm working on my website and I decided that it would be better looking to put the contents of my #content div inside a scroll box about 400px by 600px well i put in the code and it refuses to properly work, I tested it with a bunch of text it won't put the conetnts inside a scroll box, I thought about doing a textarea with HTML but that doesn't work either =/

    I've done most of the work inside of dreamweaver but some was in notepad, but i"ve checked everything and its all in place. The .scrollArea is where I tried to use it but it just won't work =(

    If you could help i'd appreciate it thnx!!

    Code:
    /*
    Design by Cl0udnyn3 and Greeneyez(R.I.P)
    */
    
    
    #div1, #div2, #div3 {position:absolute; top: 100; left: 200; width:200; visibility:hidden}
    
    body {
    	margin: 0;
    	padding: 0;
    	background: #000000 url(images/img01.jpg) repeat-x top center;
    	font-size: 13px;
    	color: #8C8C8C;
    }
    
    body, th, td, input, textarea, select, option {
    	font-family: "Arial", "Arial", Arial, Arial, Arial;
    }
    
    h1, h2, h3 {
    	font-weight: normal;
    	color: #F8FBEC;
    }
    
    h1 {
    	letter-spacing: -2px;
    	font-size: 3em;
    }
    
    h2 {
    	letter-spacing: -1px;
    	font-size: 2em;
    }
    
    h3 {
    	font-size: 1em;
    }
    
    p, ul, ol {
    	line-height: 200%;
    }
    
    blockquote {
    	padding-left: 1em;
    }
    
    blockquote p, blockquote ul, blockquote ol {
    	line-height: normal;
    	font-style: italic;
    }
    
    a {
    	color: #9BDB18;
    }
    
    a:hover {
    	text-decoration: none;
    	color: #E6B715;
    }
    
    #wrapper {
    }
    /* Header */
    
    #header {
    	width: 760px;
    	height: 288px;
    	margin: 0 auto;
    	background: url(images/img02.jpg) no-repeat right top;
    }
    
    #header h1, #header p {
    	margin: 0;
    	color: #9CBC1E;
    }
    
    #header h1 {
    	padding: 100px 0 0 70px;
    }
    
    #header p {
    	padding-left: 73px;
    	margin-top: -10px;
    }
    #header a {
    	color: #E6B715;
    }
    
    /* Page */
    
    #page {
    	width: 760px;
    	margin: 0 auto;
    }
    
    /* Content */
    
    #content {
    	float: right;
    	width: 460px;
    	margin: 0;
    	padding-right:20px;
    }
    
    .scrollArea {
    width: 460px; 
    height: 600px;
    padding-left: 5px;
    padding-right: 5px; 
    border-color: #6699CC;
    border-width: 1px; 
    border-style: solid;
    float: right; 
    overflow: auto;
    }
    
    .post {
    	padding: 0 0 20px 0;
    }
    
    .title {
    	margin: 0;
    	padding-bottom: 5px;
    	border-bottom: 2px solid #B7D24D;
    }
    
    .byline {
    	margin: 0;
    	color: #646464;
    }
    
    .meta {
    	text-align: left;
    	color: #646464;
    	padding: 10px 10px;
    	height: 48px;
    	background: url(images/img06.gif) no-repeat left top;
    }
    
    .meta .more {
    	padding-left: 20px;
    }
    
    .meta .comments {
    	padding-left: 20px;
    }
    
    .meta a {
    	color: #003300;
    }
    
    /* Sidebar */
    
    #sidebar {
    	float: left;
    	width: 249px;
    }
    
    #sidebar ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }
    
    #sidebar li {
    }
    
    #sidebar li ul {
    	padding: 15px 15px;
    }
    
    #sidebar li li {
    	border-bottom: 1px dotted #000000;
    	padding-left: 15px;
    }
    
    #sidebar h2 {
    	margin: 0;
    	padding: 10px 0 0 40px;
    	height: 40px;
    	background: url(images/img04.gif) no-repeat left 60%;
    }
    
    #sidebar a {
    	text-decoration: none;
    }
    
    #sidebar a: class { 
    width: 30px 
    height: 40px
    }
    
    #sidebar a:hover {
    }
    
    /* Footer */
    
    #footer {
    	clear: both;
    	width: 760px;
    	height: 40px;
    	margin: 0 auto;
    	padding: 20px 0 0 0;
    	background: url(images/img05.gif) no-repeat left top;
    	text-align: center;
    	font-size: smaller;
    	color: #52640A;
    }
    
    #footer a {
    	color: #003300;
    }

  2.  

  3. #2
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    i dont see your html and i dont know what a scroll area is but you may find a use for an iframe.

    http://www.w3schools.com/TAGS/tag_iframe.asp

    this is what youtube uses to show related videos while you are watching another. you know that scroll area on the lower right of the active video.

    while($get_it !== true){ continue; }

  4. #3
    Junior Member
    Join Date
    Jul 2009
    Posts
    4
    Member #
    19554
    Quote Originally Posted by Dorky
    i dont see your html and i dont know what a scroll area is but you may find a use for an iframe.

    http://www.w3schools.com/TAGS/tag_iframe.asp

    this is what youtube uses to show related videos while you are watching another. you know that scroll area on the lower right of the active video.

    I got it, I just defined a class inside of a div and set the properties =)

    I dunno why I didn't think of the iFrame =(


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:36 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com