The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Another issue with background

3 posters

The forum of the forums :: Miscellaneous :: Garbage

Go down

Another issue with background Empty Another issue with background

Post by djscoop January 8th 2010, 6:56 pm

I created a HTML Page but the background repeats its self, how do i make it fit properly on all resolutions?


Last edited by djscoop on January 9th 2010, 6:32 pm; edited 1 time in total
avatar
djscoop
Forumember

Posts : 30
Reputation : 0
Language : english

Back to top Go down

Another issue with background Empty Re: Another issue with background

Post by kirk January 8th 2010, 7:10 pm

whats the link so i can see it.
kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Another issue with background Empty Re: Another issue with background

Post by djscoop January 8th 2010, 7:35 pm

avatar
djscoop
Forumember

Posts : 30
Reputation : 0
Language : english

Back to top Go down

Another issue with background Empty Re: Another issue with background

Post by djscoop January 9th 2010, 4:23 pm

Anyone help me with this is drivin me nuts seeing double
avatar
djscoop
Forumember

Posts : 30
Reputation : 0
Language : english

Back to top Go down

Another issue with background Empty Re: Another issue with background

Post by ankillien January 9th 2010, 4:28 pm

Hello,

Can you give link to the HTML page tha shows repeating background?

www.killersmovesilently.com
On this page it looks fine.
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Another issue with background Empty Re: Another issue with background

Post by djscoop January 9th 2010, 4:31 pm

ok see that the problem....on some computers it looks fine and on others they see it repeat?
avatar
djscoop
Forumember

Posts : 30
Reputation : 0
Language : english

Back to top Go down

Another issue with background Empty Re: Another issue with background

Post by ankillien January 9th 2010, 4:35 pm

You can add this code in your HTML page inside <style></style> tags.

Code:
body {
background-repeat : no-repeat !important;
}
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Another issue with background Empty Re: Another issue with background

Post by djscoop January 9th 2010, 4:44 pm

Could u add it, i didnt make it and im confused? Very Happy

[/code]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta name="generator" content="CoffeeCup Visual Site Designer, Version 6.0 Build 6 for Windows">

<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">


<title> Welcome 2 KmS* </title>

<style type="text/css">
</style>

<style type="text/css">
div.Object26 { position:absolute; top:442px; left:130px; z-index:0; }
div.Object26 table { width: auto; }
div.Object27 { position:absolute; top:436px; left:772px; z-index:1; }
div.Object27 table { width: auto; }
div.Object28 { position:absolute; top:237px; left:310px; width: 339px; z-index:2; }
div.Object28 table { width: auto; }
</style>



<!-- centering -->
<style type="text/css">
body {
margin: 0px;
padding : 0px;
text-align: center;
height: 100%;
width: 100%;
background-image: url('https://2img.net/h/i1010.photobucket.com/albums/af221/KmSKeEpHeR/html%20webpage/Untitled-8.jpg');
}


a:link {
color: #ffffff;
}


a:visited {
color: #ff0000;
}

</style>
<!-- --------- -->



<!-- centering -->
<style type="text/css">
#container { position:relative; margin: 0px auto 0 auto; height: 100%; width:1024px; text-align:left; padding-left:0px;}
</style>


<!-- centering -->
<!-- --------- -->

</head>

<body >


<!-- centering --><div id="container">
<!-- --------- -->

<table style="height:819px;" width="1024" border=0 cellspacing=0 cellpadding=0>
<tr>
<td>
<br>
</td>
</tr>
</table>
<div class="Object26"><a href="http://www.killersmovesilently.com/login.forum?connexion" ><img style="border:none;" src="https://2img.net/h/i1010.photobucket.com/albums/af221/KmSKeEpHeR/html%20webpage/login.jpg" alt="" width=100 height=38></a></div>
<div class="Object27"><a href="http://www.killersmovesilently.com/profile.forum?mode=register" ><img style="border:none;" src="https://2img.net/h/i1010.photobucket.com/albums/af221/KmSKeEpHeR/html%20webpage/register.jpg" alt="" width=101 height=38></a></div>

<div class="Object28"><embed width="400" height="300" type="application/x-shockwave-flash" allowFullscreen="true" allowNetworking="all" wmode="transparent" src="https://static.photobucket.com/player.swf?file=https://vid1010.photobucket.com/albums/af221/KmSKeEpHeR/html%20webpage/kmsvid1.flv"></div>



</div>
<!-- --------- -->



</body>
</html>
avatar
djscoop
Forumember

Posts : 30
Reputation : 0
Language : english

Back to top Go down

Another issue with background Empty Re: Another issue with background

Post by ankillien January 9th 2010, 4:51 pm

You can use this code for the page...

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta name="generator" content="CoffeeCup Visual Site Designer, Version 6.0 Build 6 for Windows">

<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">


<title> Welcome 2 KmS* </title>

<style type="text/css">
body {
background-repeat : no-repeat !important;
}
</style>

<style type="text/css">
div.Object26 { position:absolute; top:442px; left:130px; z-index:0; }
div.Object26 table { width: auto; }
div.Object27 { position:absolute; top:436px; left:772px; z-index:1; }
div.Object27 table { width: auto; }
div.Object28 { position:absolute; top:237px; left:310px; width: 339px; z-index:2; }
div.Object28 table { width: auto; }
</style>



<!-- centering -->
<style type="text/css">
body {
margin: 0px;
padding : 0px;
text-align: center;
height: 100%;
width: 100%;
background-image: url('http://i1010.photobucket.com/albums/af221/KmSKeEpHeR/html%20webpage/Untitled-8.jpg');
}


a:link {
color: #ffffff;
}


a:visited {
color: #ff0000;
}

</style>
<!-- --------- -->



<!-- centering -->
<style type="text/css">
#container { position:relative; margin: 0px auto 0 auto; height: 100%; width:1024px; text-align:left; padding-left:0px;}
</style>


<!-- centering -->
<!-- --------- -->

</head>

<body >


<!-- centering --><div id="container">
<!-- --------- -->

<table style="height:819px;" width="1024" border=0 cellspacing=0 cellpadding=0>
<tr>
<td>
<br>
</td>
</tr>
</table>
<div class="Object26"><a href="http://www.killersmovesilently.com/login.forum?connexion" ><img style="border:none;" src="http://i1010.photobucket.com/albums/af221/KmSKeEpHeR/html%20webpage/login.jpg" alt="" width=100 height=38></a></div>
<div class="Object27"><a href="http://www.killersmovesilently.com/profile.forum?mode=register" ><img style="border:none;" src="http://i1010.photobucket.com/albums/af221/KmSKeEpHeR/html%20webpage/register.jpg" alt="" width=101 height=38></a></div>

<div class="Object28"><embed width="400" height="300" type="application/x-shockwave-flash" allowFullscreen="true" allowNetworking="all" wmode="transparent" src="http://static.photobucket.com/player.swf?file=http://vid1010.photobucket.com/albums/af221/KmSKeEpHeR/html%20webpage/kmsvid1.flv"></div>



</div>
<!-- --------- -->



</body>
</html>
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Another issue with background Empty Re: Another issue with background

Post by djscoop January 9th 2010, 4:54 pm

ok that took off the repeat but now where the repeat was is white?
avatar
djscoop
Forumember

Posts : 30
Reputation : 0
Language : english

Back to top Go down

Another issue with background Empty Re: Another issue with background

Post by ankillien January 9th 2010, 4:58 pm

Use this code then Razz

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta name="generator" content="CoffeeCup Visual Site Designer, Version 6.0 Build 6 for Windows">

<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">


<title> Welcome 2 KmS* </title>

<style type="text/css">
body {
background-color : #000000 !important;
background-repeat : no-repeat !important;
}
</style>

<style type="text/css">
div.Object26 { position:absolute; top:442px; left:130px; z-index:0; }
div.Object26 table { width: auto; }
div.Object27 { position:absolute; top:436px; left:772px; z-index:1; }
div.Object27 table { width: auto; }
div.Object28 { position:absolute; top:237px; left:310px; width: 339px; z-index:2; }
div.Object28 table { width: auto; }
</style>



<!-- centering -->
<style type="text/css">
body {
margin: 0px;
padding : 0px;
text-align: center;
height: 100%;
width: 100%;
background-image: url('http://i1010.photobucket.com/albums/af221/KmSKeEpHeR/html%20webpage/Untitled-8.jpg');
}


a:link {
color: #ffffff;
}


a:visited {
color: #ff0000;
}

</style>
<!-- --------- -->



<!-- centering -->
<style type="text/css">
#container { position:relative; margin: 0px auto 0 auto; height: 100%; width:1024px; text-align:left; padding-left:0px;}
</style>


<!-- centering -->
<!-- --------- -->

</head>

<body >


<!-- centering --><div id="container">
<!-- --------- -->

<table style="height:819px;" width="1024" border=0 cellspacing=0 cellpadding=0>
<tr>
<td>
<br>
</td>
</tr>
</table>
<div class="Object26"><a href="http://www.killersmovesilently.com/login.forum?connexion" ><img style="border:none;" src="http://i1010.photobucket.com/albums/af221/KmSKeEpHeR/html%20webpage/login.jpg" alt="" width=100 height=38></a></div>
<div class="Object27"><a href="http://www.killersmovesilently.com/profile.forum?mode=register" ><img style="border:none;" src="http://i1010.photobucket.com/albums/af221/KmSKeEpHeR/html%20webpage/register.jpg" alt="" width=101 height=38></a></div>

<div class="Object28"><embed width="400" height="300" type="application/x-shockwave-flash" allowFullscreen="true" allowNetworking="all" wmode="transparent" src="http://static.photobucket.com/player.swf?file=http://vid1010.photobucket.com/albums/af221/KmSKeEpHeR/html%20webpage/kmsvid1.flv"></div>



</div>
<!-- --------- -->



</body>
</html>
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Another issue with background Empty Re: Another issue with background

Post by djscoop January 9th 2010, 5:03 pm

avatar
djscoop
Forumember

Posts : 30
Reputation : 0
Language : english

Back to top Go down

Another issue with background Empty Re: Another issue with background

Post by ankillien January 9th 2010, 5:09 pm

The background isn't repeating and the remaining part is also black.
Isn't that what you want?
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Another issue with background Empty Re: Another issue with background

Post by djscoop January 9th 2010, 5:14 pm

i want the entire screen filled without having to fill that part in blank, the yellow text on the right side should be all the way over, basically fill the entire screen, looks so uneven to me
avatar
djscoop
Forumember

Posts : 30
Reputation : 0
Language : english

Back to top Go down

Back to top

- Similar topics

The forum of the forums :: Miscellaneous :: Garbage

 
Permissions in this forum:
You cannot reply to topics in this forum