 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
phibs14
Joined: 09 Oct 2009
Posts: 15
|
 Posted: Fri Oct 09, 2009 10:46 am css code border around all txt.. code inserted pls help! |
 |
|
|
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>
<p>
</p>
<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);">
<span style="font-family: Baskerville; font-size:16px;">
<b>Qualifications:</b>
</span>
</p>
<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);">
<span style="font-family: Baskerville; font-size:16px;">
BASI Level 2 Snowboard Instructor <br />
(BASI Teacher & Techincal Modules) <br />
BSA Level 1 Surf Coach</span></p>
<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);"><strong><span style="font-family: Baskerville; font-size: 16px;">Experience:</span></strong><span style="font-family: Baskerville; font-size: 16px;"><br />
</span></p>
<p><span style="font-family: Baskerville; font-size: 16px;">9 seasons of snowboarding coching (USA, Canada, Switzerland to name a few)<br />
2 summer seasons surfing.</span></p>
<p><span style="font-family: Baskerville; font-size: 16px;"><br class="webkit-block-placeholder" />
</span></p>
<p><span style="font-family: Baskerville; font-size: 16px;">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.</span><br />
</p>
<p><span style="font-family: Baskerville; font-size: 16px;">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.</span></p>
<p><span style="font-family: Baskerville; font-size: 16px;">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!</span></p>
<p><br />
</p>
<p><span><span style="color: rgb(0, 0, 0); line-height: normal;"></span></span></p>
<p><span style="font-family: Baskerville; font-size: 16px;">Check out my <a href="~PAGEID~131F9AD61CF844AE8218">blog</a> for updates and news of my current whereabouts and work locations.</span></p>
<p><span style="font-family: Baskerville; font-size: 16px;"><br class="webkit-block-placeholder" />
</span></p>
<p style="text-align: center;"><span style="font-family: Baskerville; font-size: 16px;"><span style="color: rgb(233, 153, 57); line-height: normal;">_____________________________________________________</span></span></p>
</apples> |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 3593
Location: Biloxi, MS
|
| Posted: Fri Oct 09, 2009 12:28 pm |
|
|
|
"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: 2308
|
| Posted: Fri Oct 09, 2009 12:37 pm |
|
|
|
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">
<p class="myImg"><img src="images/me.davoshalfpipe.jpg" width="" height="40%" alt="Me in the Davos half pipe" /></p>
<h3>Qualifications:</h3>
<p>BASI Level 2 Snowboard Instructor <br />
(BASI Teacher & Technical Modules)<br />
BSA Level 1 Surf Coach</p>
<h3>Experience:</h3>
<p>9 seasons of snowboarding coaching (USA, Canada, Switzerland to name a few)<br />
2 summer seasons surfing.</p>
<p class="instruct">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.</p>
<p>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.</p>
<p>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!</p>
<p class="instruct">Check out my <a href="~PAGEID~131F9AD61CF844AE8218">blog</a> for updates and news of my current whereabouts and work locations.</p>
<p class="line">_____________________________________________________</p>
</div>
</body>
</html> |
Last edited by sticks464 on Fri Oct 09, 2009 2:47 pm; edited 1 time in total |
|
phibs14
Joined: 09 Oct 2009
Posts: 15
|
| Posted: Fri Oct 09, 2009 1:47 pm |
|
|
|
Many thanks. Works a treat!  |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
