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>
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 - 848 Views - Last Post: 03 February 2007 - 11:57 PM
#1
Border will not go around content/text. Please help!
Posted 03 February 2007 - 02:12 AM
Replies To: Border will not go around content/text. Please help!
#2
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.
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>
Page 1 of 1
|
|

New Topic/Question
Reply



MultiQuote




|