4 Replies - 1006 Views - Last Post: 31 May 2013 - 09:35 AM

#1 DragonClaw   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 29-May 13

How do I Get the colored boxes only around the words and not move?

Posted 31 May 2013 - 09:11 AM

If you go to http://kreaturekeepers.com/ and scroll out, the boxes get bigger and move. With normal sites everything just gets smaller or bigger without moving.

<!DOCTYPE html>
<html>
<head>
<style>

h1
{
background-color:#437d0a;
}
p
{
background-color:#7287a9;
}
div
{
background-color:#ff0000;
}
{
background-repeat:repeat-no
}

</style>
</head>
<head>
<title>Welcome to the future home of Kreature Keepers!</title>
</head>
<body>

<body background="cool bg.jpg"  bgproperties="fixed" background-repeat:no-repeat

<h1 align="center">Welcome to the future home of Kreature Keepers!<br/></h1>

<p>Kreature Keepers is a game in development based on a person stranded on an island and they(you) must get to a certain place on the island to escape. You must collect items vital to your escape along the way.
But in order to get there,you must catch and tame creatures while fighing the ones trying to kill you. A variety original creatures will show up in different enviroments,
these creatures will only be available in this game and have special attacks and abilites. Some must be fed certain foods, some are only found at night, and some are only found in certain places.</p>

<p>Want to be an <bold>Alpha tester</bold>,<bold>contribute</bold> original species(with credit to original owner), help <bold>give ideas</bold>?Just note Shadow-Guardian0 on DeviantArt,skype at sarahkupka or email [email protected]</p>

<p>Look here to buy an account! <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="YX735JPL77AW8">
<table>
<tr><td><input type="hidden" name="on0" value="Membership/ Alpha accounts">Membership/ Alpha accounts</td></tr><tr><td><select name="os0">
	<option value="Bronze account">Bronze account : $10.00 USD - yearly</option>
	<option value="Silver Account">Silver Account : $15.00 USD - yearly</option>
	<option value="Gold Account">Gold Account : $20.00 USD - yearly</option>
</select> </td></tr>
<tr><td><input type="hidden" name="on1" value="All profits go to the game">All profits go to the game</td></tr><tr><td><input type="text" name="os1" maxlength="200"></td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_subscribeCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
<p>


<p> Click <a href="story.html">Here</a> to see the story! (Working link) </p>

<p> Click <a href="http://kreaturekeepers.wikia.com/wiki/KreatureKeepers_Wiki">Here</a> to see the wiki ! (Working link) </p>

<p> Click <a href="Creatures.html">Here</a> to see the creatures! (Working link) </p>

<p> Click <a href="Alpha.html">Here</a> if you thinking of buying an account! (In progress) </p>

<p> Click <a href="Congradulations.html">Here</a> if you bought an account! (In progress) </p>

<p> Click <a href="No accounts.html">Here</a> if you cannot buy an account! (In progress) </p>

<p> Click <a href="Canceled.html">Here</a> if you canceled buying an account! (In progress) </p>


<p><div>Want to donate to help the site grow faster?
Donate here</div></p> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="3XFXLEB9AHV2G">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

<div><p>Anyone who donates will be put on a list to recieve special pre site-donators only gifts. The top donator will be allowed to help make an item of his or her choice! The top donator is chosen after the testing stage is over and the game is launched to the public!</div></p> 

</body>
</html>



Also, how do I indent code in notepad? I also want to background to not move :/ I had put in the code to not do it but it still did.

<body background="cool bg.jpg"  bgproperties="fixed" background-repeat:no-repeat


Also, I cannot access my FTP at school for some reason. It never works.

Is This A Good Question/Topic? 0
  • +

Replies To: How do I Get the colored boxes only around the words and not move?

#2 DarenR   User is offline

  • D.I.C Lover

Reputation: 723
  • View blog
  • Posts: 4,673
  • Joined: 12-January 10

Re: How do I Get the colored boxes only around the words and not move?

Posted 31 May 2013 - 09:19 AM

so you dont want the background to move at all? even when resizing?

if that is the case use postion :absolute
Was This Post Helpful? 0
  • +
  • -

#3 modi123_1   User is online

  • Suitor #2
  • member icon



Reputation: 15893
  • View blog
  • Posts: 63,607
  • Joined: 12-June 08

Re: How do I Get the colored boxes only around the words and not move?

Posted 31 May 2013 - 09:22 AM

Quote

If you go to http://kreaturekeepers.com/ and scroll out, the boxes get bigger and move. With normal sites everything just gets smaller or bigger without moving.

What browser?


Quote

Also, how do I indent code in notepad?

You use something other than notepad.
Was This Post Helpful? 0
  • +
  • -

#4 DragonClaw   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 29-May 13

Re: How do I Get the colored boxes only around the words and not move?

Posted 31 May 2013 - 09:29 AM

View PostDarenR, on 31 May 2013 - 09:19 AM, said:

so you dont want the background to move at all? even when resizing?

if that is the case use postion :absolute


Well, no. I mean how it repeats and I tried to fix that but it doesn't work

View Postmodi123_1, on 31 May 2013 - 09:22 AM, said:

Quote

If you go to http://kreaturekeepers.com/ and scroll out, the boxes get bigger and move. With normal sites everything just gets smaller or bigger without moving.

What browser?


Quote

Also, how do I indent code in notepad?

You use something other than notepad.



All browsers and I only have notepad. What do you recommend?
Was This Post Helpful? 0
  • +
  • -

#5 modi123_1   User is online

  • Suitor #2
  • member icon



Reputation: 15893
  • View blog
  • Posts: 63,607
  • Joined: 12-June 08

Re: How do I Get the colored boxes only around the words and not move?

Posted 31 May 2013 - 09:35 AM

Quote

All browsers and I only have notepad.

Using the latest of firefox - I am not seeing where "things get bigger". The boxes shrink as they should. Maybe get a screen shot of what you are talking about.

Quote

What do you recommend?


Any IDE that does HTML. Visual Studios, Eclipse, Notepad++ w/ TextFX, Codewarrior, Dreamweaver, VIM.. etc.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1