HTML Tutorial


 /help/HTML Help Forum   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
css code border around all txt.. code inserted pls help!
Post new topic   Reply to topic    HTML Help Forum -> General HTML
View previous topic :: View next topic  
Author Message
phibs14



Joined: 09 Oct 2009
Posts: 15

PostPosted: Fri Oct 09, 2009 10:46 am     css code border around all txt.. code inserted pls help! Reply with quote

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 &amp; Techincal Modules)&nbsp;<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 &nbsp;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&nbsp;whereabouts&nbsp;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: 4289
Location: MS

PostPosted: Fri Oct 09, 2009 12:28 pm     Reply with quote

"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: 2631

PostPosted: Fri Oct 09, 2009 12:37 pm     Reply with quote

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 &amp; 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

PostPosted: Fri Oct 09, 2009 1:47 pm     Reply with quote

Many thanks. Works a treat! Very Happy
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum -> General HTML All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
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
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
DARFUR
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial