Ok, cutting my teeth on some CSS and HTML programing and need your eyes..
Trying to set up three block on my main page under the H! heading in the main content area..
I am came up with
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type content=”text/html;
charset=utf-8″ />
<title>test</title>
<style type=”text/css”>
.insiderinfo {
background: none repeat scroll 0 0 #1666A0;
color: #FFAC28;
float: left;
padding: 8px;
width: 199px;
}
.businesses {
background: none repeat scroll 0 0 #1666A0;
color: #FFAC28;
float: left;
margin-left: 10px;
padding: 8px;
width: 200px;
}
.events {
background: none repeat scroll 0 0 #1666A0;
color: #FFAC28;
float: left;
margin-left: 10px;
padding: 8px;
width: 199px;
}
</style>
</head>
<body>
<h1>What is BlueStar Guide?</h1>
<p>BlueStar Guide is an Integrated resource directory and online community supporting parents and caregivers<br>
navigating the snarl of the social services systems.</p>
<div class=”insiderinfo”>
<h3><font color=#FFAC28>Insider Info</font></h3>
<p><font color=#FFAC28>Local reviews, recommendations, and deals for people like you. Discover great services while avoiding the questionable ones!</font></p>
</div>
<div class=”businesses”>
<h3>Businesses</h3>
<p>Get your services discovered. From Respite providers to Therapy Centers, we support our local community and get your services found!</p>
</div>
<div class=”events”>
<h3>Events</h3>
<p>Get the information that matters to you. From caregiver trainings and social events to fun activities for the whole family, we know local.</p>
</div>
</body>
</html>
This looks really good when I pull it up in Chrome.. BUT, when I drop it into my child theme, it looks like crap.
The widts are off and the colors do not flow across all three blocks.
Do I need to make a change in the Style.css?
Kind of digging this…
Thanks
Paolo 9 years, 9 months ago.
