Junior Coders
Controlling image backgrounds
I have created a web page and placed a photo as a background. However depending on the computer I am viewing it on, it looks different. On one, the photo takes up the entire screen. On the second larger monitor, the photo repeats. Is there a way to control this so that it looks the same on all monitors
The site is at http://lasvegas08.vacations.jelijo.com/
Elite Coders
Well, if the image is smaller than the screen size it will repeat unless you use CSS and tell it not too. Or upload a larger picture.
For CSS you can use the no-repeat option in your body style:
That would go in the head section. Oh, and you only need one <body> tagCode:<style type="text/css"> <!-- body {background-image: url(images/filename.gif); background-repeat: no-repeat;} --> </style>
{CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
Follow Me on Twitter: @InkingHubris
PHP Code:$result = mysql_query("SELECT finger FROM hand WHERE id=3");
echo $result;
Junior Coders
Thanks
But if I upload a larger picture and view it on a smaller monitor then you don't see the entire picture
Elite Coders
And thus the battle begins... The other option is to center the background image and use a well suited color or gradient as the surrounding background for larger screen monitors.
{CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
Follow Me on Twitter: @InkingHubris
PHP Code:$result = mysql_query("SELECT finger FROM hand WHERE id=3");
echo $result;
Junior Coders
So I assume there actually is no answer
Elite Coders
There are lots of answers, you just have to pick one. There is always "detect the res and display picture X based on that" method, the centering method I mentioned above, the smaller picture titled method, the larger picture cut off method. Lots.. just have to pick the lesser of the evils.
{CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
Follow Me on Twitter: @InkingHubris
PHP Code:$result = mysql_query("SELECT finger FROM hand WHERE id=3");
echo $result;
Junior Coders
In the end I turned the image into a watermark background so that it stays centred no matter screen size
Posting Permissions
Reply With Quote
Bookmarks