HTML Help

phibs14 · Joined: 09 Oct 2009 Posts: 15

Hi, first post here.

hope it's in the right section.

I would like to know how to get one single boarder around all of my text with the background color of the main page one colour - simular the same as the following site.

http://www.dreamtemplate.com/demos/xhtml/web2zone/services.html

not sure why is does not make a border around everything...! pls help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<style type="text/css">
apples
{
background-color:#e0ffff;
width:220px;
padding:10px;
border:5px solid gray;
margin:0px;
}
</style>

<apples>



<img src="file:///Users/timcarey/Desktop/My Website/Images/me.davoshalfpipe.jpg" align="right" width="" height="40%" alt="Me in the Davos half pipe" />

<p style="line-height: 150%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; color: rgb(51, 51, 51);">

Qualifications:



<p style="line-height: 150%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; color: rgb(51, 51, 51);">

BASI Level 2 Snowboard Instructor 

(BASI Teacher & Techincal Modules)  

BSA Level 1 Surf Coach

<p style="line-height: 150%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; color: rgb(51, 51, 51);">Experience: 



9 seasons of snowboarding coching (USA, Canada, Switzerland to name a few) 

2 summer seasons surfing.

 



I started out my coaching back in 1997, as an assistant instructor in my martial arts <a href="http://www.choikwangdo.com/" target="_blank">Choi-Kwang-Do</a>, while studying  at school. 



Four years later I started snowboarding and just over a year later and after a month in Whistler Canada was coaching at the local dry slope.

Surfing wise, I first stepped on a surfboard during the summer of 2005 whilst working in Fuerteventura teaching windsurfing. Living in Corralejo for 8 months and 30 seconds drive from the North track, every spare minute was spent on a surf board - no thanks to my room mate!

 





Check out my <a href="~PAGEID~131F9AD61CF844AE8218">blog</a> for updates and news of my current whereabouts and work locations.

 



_____________________________________________________

</apples>

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

"apples " is not a tag or a selector name as use. Remove them. Style the body tag first:

Code: <style type="text/css">
body {
width:220px;
margin: 0 auto;
background:#e0ffff;
padding:10px;
border: 5px solid #c0c0c0;
}
</style>

You must use a proper HTML format. Embedded CSS (style tags) go between the head tags of your page. You are trying to code to a XHTML 1.0 Transitional document type which requires stricter coding than HTML 4.01 Transitional document type.

Your image file paths or any other path referring to a file on your computer is not going to work online. The paths must be relative (or full), but the files have to maintain the proper relationship with each other online.

sticks464 · Joined: 31 Dec 2006 Posts: 2309

You must use a correct layout style to get your code to render properly.

Code: <!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
body {
background:#494949;
line-height:1.5;
color: rgb(51, 51, 51);
font-family:Baskerville, Arial, Helvetica, sans-serif;
font-size:16px;
}
h3 {
font-size:120%;
}
#apples
{
background:#e0ffff;
width:79%;
padding:10px;
border:5px solid gray;
margin:10px auto;
}
#apples p {margin-bottom:10px;}

#apples p.line {
color: rgb(233, 153, 57);
text-align:center;
}
#apples p.instruct {
margin-top:30px;
}
#apples p.myImg {text-align:right;}
</style>

</head>
<body>

<div id="apples">
<img src="images/me.davoshalfpipe.jpg" width="" height="40%" alt="Me in the Davos half pipe" />

<h3>Qualifications:</h3>
BASI Level 2 Snowboard Instructor 
(BASI Teacher & Technical Modules) 
BSA Level 1 Surf Coach

<h3>Experience:</h3>
9 seasons of snowboarding coaching (USA, Canada, Switzerland to name a few) 
2 summer seasons surfing.

I started out my coaching back in 1997, as an assistant instructor in my martial arts <a href="http://www.choikwangdo.com/">Choi-Kwang-Do</a>, while studying at school.

Four years later I started snowboarding and just over a year later and after a month in Whistler Canada was coaching at the local dry slope.

Surfing wise, I first stepped on a surfboard during the summer of 2005 whilst working in Fuerteventura teaching windsurfing. Living in Corralejo for 8 months and 30 seconds drive from the North track, every spare minute was spent on a surf board - no thanks to my room mate!

Check out my <a href="~PAGEID~131F9AD61CF844AE8218">blog</a> for updates and news of my current whereabouts and work locations.

_____________________________________________________

</div>
</body>
</html>

phibs14 · Joined: 09 Oct 2009 Posts: 15

Many thanks. Works a treat! :D