How to make a text "box"...

[Nathan]

I need to make a simple box with some text in it on my website (www.killmyip.com). It will be below the "Browse" button, and I do not want it to destroy the simplicity of the site. If you can help, I really appreciate it! I have absolutely NO idea on how to do this...

For an example of what I mean go to: http://www.proxycycle.com/
All of their text is in "boxes" with dotted lines around them, I want something like this, but not exactly the same. More custom for my site. If you could please just post the HTML or other code for this here, and say where to add the context/ text (i.e. <title>Add the Text/ content here</title>), I would appreciate it.

If anyone really needs an incentive to work, I can pay with paypal or NP$, but I can't pay that much...

Thanks for your time,
- Matt

 

[WhiteWebServices]

Your site seems to be down at the moment, so I couldn't check the specifics.

For a very basic text box, add this to the page you want the box on just below the code for the browse button:

<div class="box">
<h1>Heading goes here</h1>
<p>First paragraph goes here</p>
<p>Second paragraph goes here (and so on)</p>
</div>

Then add this to your stylesheet (there should be a link in your html page to a file with the .css extension; that file is the stylesheet):

.box {
width: 400px;
border: 1px dashed #000000;
}

You can change the "400px" to give whatever width you want, and "#000000" to the hex code for whatever color you want the border to be.

Hope that helps.

Tim

 

[OK]

...

<div class="box">
<h1>Heading goes here</h1>
<p>First paragraph goes here</p>
<p>Second paragraph goes here (and so on)</p>
</div>

Then add this to your stylesheet (there should be a link in your html page to a file with the .css extension; that file is the stylesheet):

.box {
width: 400px;
border: 1px dashed #000000;
}
...

Tim

Correct. Except his css isnt on an external page

in your html... where it says

<style type="text/css">
			html, body {
				font-family: "Lucida Sans Unicode", "Tahoma", sans-serif;
				font-size: 12px;
				width: 460px;
				margin: 60px auto 20px auto;
			}
			h1 {
				font-size: 2em;
			}
			#proxy_url {
				font-family: "Trebuchet MS", sans-serif;
				font-size: 16px;
				color: #666666;
				width: 432px;
				padding: 4px;
				border: 1px solid #AAAAAA;
			}
			#proxy_options {
				margin: 10px;
			}
			#proxy_button {
				font-family: sans-serif;
				font-size: 16px;
				font-weight: bold;
				padding: 4px;
				cursor: pointer;
			}
			#footer {
				text-align: center;
				padding: 10px 0px;
			}
			#footer a {
				color: #FF4444;
			}
                        ADD BOX CODE HERE

		</style>

add in the .box code and make the div below your browse button

PS. Thanks for using ProxyCycle.com :D

 

[UneekTT]

Here is what I say - "Give a man a fish and he will eat for a day, Teach a man to fish and he will eat everyday"

Go to htmlgoodies.com and start reading!

Best of luck