Border will not go around content/text. Please help!

Border does not appear around the text as it should, stays at bottom o

Page 1 of 1

1 Replies - 1000 Views - Last Post: 03 February 2007 - 11:57 PM

#1 Audioicon  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 8
  • Joined: 06-December 06

Border will not go around content/text. Please help!

Posted 03 February 2007 - 02:12 AM

I know this is an elementary question but hey! Everybody needs a start! So Thanks for reading this.

I'm starting to learn html/xhtml/css and this is my first lesson.
I worked on this little page but cannot get the border to wrap or fit around the text as part of the design.

The code is below, html/css. Please help and indicate what changes you made to solve the problem.

Thanks everyone.

I'm currently using Explorer 7, the code are below.

Thanks very much.

<html>
<head>
<title>Starbuzz Coffee</title>
<style type="text/css">
body
{
background-color: #d2b49c;
margin-left: 20%;
margin-right: 20%;
border: 1px dotted gray;
padding: 10px 10px 10px 10px;
font-family: sans serif;
}
</style>
</head>
<body>
<h1>Starbuzz Coffee Beverages</h1>
<h2>House Blend, $1.49</h2>
<p>A smooth, mild blend of coffees from Mexico,
Bolivia and Guatemala.</p>

<h2>Mocha Cafe Latte, $2.35</h2>
<p>Expresso, steamed milk and chocolate syrup.</p>

<h2>Cappuccino, $1.89</h2>
<p>A mixture of expresso, steamed milk and foam.</p>

<h2>Chai Tea, $1.85</h2>
<p>A spicy drink made with black tea,
spices, milk and honey.</p>
</body>
</html>

Is This A Good Question/Topic? 0
  • +

Replies To: Border will not go around content/text. Please help!

#2 rockstar_  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 32
  • View blog
  • Posts: 189
  • Joined: 16-October 06

Re: Border will not go around content/text. Please help!

Posted 03 February 2007 - 11:57 PM

Audioicon-

It helps best if you wrap your code in the code tags from the RTE that we use at DIC. Take a look at what I changed. Instead of writing "gray" in your border declaration, why not use the hex color? I'm not sure if IE7 has the "gray" constant in its CSS spec, but I would say it's generally a better idea to use the hex color than the string. This worked for me in my IE7 browser.
<style type="text/css">
body 
{
background-color: #d2b49c;
margin-left: 20%;
margin-right: 20%;
border: 1px dotted #888888;
padding: 10px 10px 10px 10px;
font-family: sans serif;
}
</style>


Was This Post Helpful? 0
  • +
  • -

Page 1 of 1