Log in

View Full Version : Misc HTML help


allstate45
08-08-2006, 11:19 AM
I have a picture that i want to make into a background but it is smaller then the screen. HOw do you make the picture bigger so that it will fit the screen?
4dmin
08-08-2006, 11:31 AM
well if your stretch a small photo it will distort the photo... post of the photo? what size is it now and what size do you need it?

and what is the HTML HELP for :thinking: you can use scripting to enlarge the photo but it will do what i said... you can always just make the photo repeat in the background w/o having to distort it. or just build your page around the size of the image.
joecoolfreak
08-08-2006, 11:34 AM
width="100%" but depending on how you are doing this and what resolution the picture is, it will distort the image...you could also do absolute formatting, but there are a lot of variables here and you have given us about zero information to start. Here are a few questions you need to answer. What is the size of the pic? What size screen are you trying to match? What code do you have written so far?

Edit...or what he said
4dmin
08-08-2006, 12:03 PM
NO REPEAT (CSS)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-image: url(http://forums.importatlanta.com/images/misc/vbulletin3_logo_white.gif);
background-repeat: no-repeat;
}
-->
</style></head>

<body>
</body>
</html>


REPEAT (CSS)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-image: url(http://forums.importatlanta.com/images/misc/vbulletin3_logo_white.gif);
}
-->
</style></head>

<body>
</body>
</html>


REPEAT


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<body background="http://forums.importatlanta.com/images/misc/vbulletin3_logo_white.gif">
</body>
</html>


IMAGE AT 100%


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<body>
<img src="http://forums.importatlanta.com/images/misc/vbulletin3_logo_white.gif" width="100%" height="100%" />
</body>
</html>
allstate45
08-08-2006, 12:12 PM
Thanks. I had to stretch it. it looks alittle distort but it is ok. Is was for my myspace page.