I forgot a code |
 Feb 28 2009, 11:58 AM
Post
#1
|
|
 Senior Member  Group: Member Posts: 292 Joined: Jul 2007 Member No: 545,047  |
I know I've used it before but I'm blanking. I have a very wide image, which I want to use for the header of a layout. I made it so large, so that people with bigger resolutions can see more. I don't know how to explain this too well..
I want the image to only show what can fit on the screen. I don't want a scroll bar that show shows the whole image. How do I do this? Also, I don't want this image to be the background. I want to have it on a div. |
|
|
|
 |
Replies
|
Feb 28 2009, 12:05 PM
Post
#2
|
|
 Senior Member Group: Official Designer Posts: 5,880 Joined: Nov 2007 Member No: 593,382 |
So do you want to keep it center and just remove the scrollbars? Or do you want to know how to make it smaller?
To make an image smaller you add style="width:***px;" to the image and that will also adjust the height accordingly. Or if you just want to remove the scroll bars add overflow:hidden in the body css. |
|
|
|
Posts in this topic
GunsNRachel I forgot a code Feb 28 2009, 11:58 AM
GunsNRachel I just wanted to get rid of the scroll bars.
than... Feb 28 2009, 12:16 PM Mike Try this:
CODE<style>
.header {position... Feb 28 2009, 12:27 PM GunsNRachel CODE<!DOCTYPE html PUBLIC "-//W3C//DTD... Feb 28 2009, 12:38 PM Mike Replace this:
CODEbody {
background:url(... Feb 28 2009, 12:41 PM GunsNRachel Thank you so much! Feb 28 2009, 12:48 PM GunsNRachel Actually I have another problem now. I want it to ... Feb 28 2009, 12:51 PM Mikeplyts Try using this to make it scroll but no horizontal... Feb 28 2009, 01:08 PM GunsNRachel Doesn't work =\ Feb 28 2009, 01:44 PM Mike It's actually like this:
CODEoverflow-x:h... Feb 28 2009, 02:05 PM Mikeplyts ^Oh yeah. haha. Feb 28 2009, 02:14 PM GunsNRachel I love you guys! Thanks a ton =) Feb 28 2009, 02:21 PM
Mike Topic closed & moved. Feb 28 2009, 02:46 PM |
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: