Hey guys, I'm just playing around with some HTML/CSS and when I create a list, it doesn't follow the CSS that I have set for the rest of the text, even though it is in the div tags.
HTML is:
CODE
<div id="mainbody">
<div class="header1">Welcome to AI 2009</div>
<p class="bodytext">AI 2009 is the 22nd ACS Australian Joint Conference on
Artificial Intelligence. The conference will be held at Wrest
Point Hotel, Hobart. This conference series is Australia's premier
venue for the dissemination of new research in both the theory
and application of artificial intelligence. AI 2006 will be hosted
by the <a href="http://www.utas.edu.au/">University of Tasmania's</a> <a href="http://www.cis.utas.edu.au/cisview/news.jsp">School of Computing</a>, and will
be held in the beautiful city of Hobart, Tasmania, 4th to 8th
December, 2009.</p>
<div class="header1">Announcements</div>
<p class="bodytext">
2009-3-31 :<br />
Deadline for expressions of interest in conducting
workshops has been changed from March 31, 2009 to
May 12, 2009.<br />
<br />
2009-3-16 :<br />
The 22nd Australian Joint Conference on Artificial
Intelligence (AI 2009) call for expressions of interest in
conducting workshops.<br />
<br />
2009-3-16 :<br />
Student scholarship information(see <a href="callpaper.html">Call for Papers</a>)</p>
</div>
<div id="footer">Contact: Program Chair (ai09@utas.edu.au)<br />
Australasian Joint Conference on AI©2007-2008 <br />
All Right Reserved </div>
</div>
CSS is:
CODE
body {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size:12px;
margin-top:-2px;
background:url('images/bg.gif');
}
#container {
margin: 0 auto;
width: 736px;
}
#header {
background:url('images/header.jpg');
height:116px;
width: 736px;
}
#headertitle {
padding-top:15px;
padding-left: 15px;
float:left; font-size: 1.2em;
color:white;
}
.conferencetitle {
font-size: 1.6em;
font-weight:bold;
padding-left: 5px;
}
.subheader {
color: #c7c6c7;
font-size: 1em;
}
#links {
padding-top:85px;
padding-left:290px;
color:white;
font-weight:bold;
letter-spacing:.3px
}
#calllinks {
padding-left:15px;
font-size:.8em;
color:white;
font-weight:bold;
letter-spacing:.3px
}
a {
color:white;
text-decoration:none;
font-size:.8em;
}
a:hover {
color:red;
text-decoration:none;
}
#mainbody {
background:#3d3d3d;
width:736px;
clear: both;
margin-top:20px;
}
.header1 {
color:white;
font-size:1.2em;
text-indent:20px;
padding-top:20px;
font-weight:bold;
letter-spacing:.3px;
}
.bodytext {
color:white;
font-size:.9em;
padding-top:20px;
letter-spacing:.2px;
padding: 12px 20px 10px 20px;
}
.spantext {
margin-left: 10px;
padding-left: 60px;
padding-right:60px;
width:100%
}
#footer {
font-size:.8em
}
This is what it looks like:
Could someone please help me out.
This post has been edited by skin__: 11 Aug, 2008 - 03:03 AM
11 Aug, 2008 - 03:02 AM
| 