Jump to content


First Web Page


3 replies to this topic

#1 arnoc

    Young Padawan

  • Members
  • Pip
  • 3 posts
  • Gender:Male

Posted 15 March 2007 - 08:58 PM

Ok, so I'm new to this. Done a lil something like this in school before, but nothing at this kind of level. Just simple HTML and CSS, that's all.


So far this is what I have:
http://img249.images.../layout1np5.png


Now I want to make it so that the news box behaves like this:

http://img261.images...6/layoutid8.png



I have dreamweaver 8, so if anyone can provide me any help with using that for it, or even just like a css or html stuff to code it like that, that would be great too. Or if it just waay over my head, let me know :google:

Thanks for the help(and sorry if there have been other topics like this before)

#2 Trix06

    Young Padawan

  • Members
  • Pip
  • 292 posts
  • Gender:Male
  • Location:NSW Australia
  • Interests:Web Design & Development, Graphic Design, Programming, Networking, Girls, The Beach, Amatuer Radio Communications and more.

Posted 15 March 2007 - 09:03 PM

Well that design doesn't look to bad so good luck with the rest of the development.

To make the scrollbar on the right hand side you need to put that section of the page into a <div> and apply a style which has overflow: scroll; in it. So when the div is filled up with content and has no where else to go the div will then get the scrollbar.

I'm not good at explaining but I hope you understand. If you don't I'm sure there is someone else here that wil be able to.

Welcome to the forums mate!

Cheers

#3 _*Creative Insanity_*

  • Guests

Posted 15 March 2007 - 09:14 PM

#content{
 width:300px; /*change to suit*/
 height:400px; /*change to suit*/
 overflow:auto;
 margin: 92px 0px 0px 32px;
}
#content P
 padding: 15px;
}

Edited by Creative Insanity, 15 March 2007 - 09:17 PM.


#4 arnoc

    Young Padawan

  • Members
  • Pip
  • 3 posts
  • Gender:Male

Posted 16 March 2007 - 02:30 PM

Thanks, both of yous. I'll try it out :) thanks once again

*Edit* Ok, I got it working :) Thanks once again :) But now I have another problem. I don't want the scrollbar at hte bottom to be there, so how would I code it so that there is no scrollbar at the bottom?

Edited by arnoc, 17 March 2007 - 09:08 AM.






1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users