Hey guys,
I have a few more CSS problems. I'm sure they're insanely obvious and simple, but I've been going over my code and can't seem to fix them.
The first is this:
The "to home" links at the bottom of each paragraph are all weirdly alligned (only when they're after a list, every other time is fine).
Here's my code for that page:
CODE
;<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><title>AI Conference 2009 - Call for Papers</title>
<LINK rel="stylesheet" type="text/css" name="style1" href="styles/basic.css">
</head>
<body>
<div id="container">
<div id="header">
<div id="headertitle"><span class="conferencetitle">AI Conference 2009</span><br />
<span class="subheader">22nd Australasian Joint Conference on Artificial Intelligence<br />
4~8 December 2009, Hobart, Australia</span></div>
<div id="links"><span><a href="index.html">Home</a></span> | <span><a href="callpaper.html">Call for Paper</a></span> | <span><a href="committee.html">Program Committee</a></span> | <span><a href="http://www.discovertasmania.com/">About Tasmania</a></span> | <span><a href="signup.html">Sign Up</a></span> | <span><a href="signin.html">Sign In</a></span></div>
</div>
<div id="mainbody">
<div id="calllinks"><a href="#introduction">Introduction</a> | <a href="#topics">Topics</a> | <a href="#papersub">Papers Submission</a> | <a href="#review">Review</a> | <a href="#publication">Publication</a> | <a href="#speakers">Invited Speakers</a> | <a href="#dates">Important Dates</a> | <a href="#questions">Questions and Suggestions</a></div>
<div style="overflow:auto; height:600px; width:720px">
<div class="header2"><a name="introduction">Introduction</a></div>
<p class="bodytext">AI 2009 is the 22nd Australian Joint Conference on Artificial
Intelligence. This conference series is Australia's premier venue for the
dissemination of new research in both the theory and application of
artificial intelligence. AI 2009 will be hosted by the University of
Tasmania's School of Computing, and will be held in the beautiful city
of Hobart, Tasmania from the 4th to the 8th of December. We invite
authors to submit papers on any aspect of artificial intelligence research
and practice. All papers will be peer reviewed, and those accepted for
the conference will be included in a proceedings volume published by
Springer-Verlag.<br />
<a href="#introduction">To Home</a></p>
<div class="header2"><a name="topics">Topics</a></div>
<p class="bodytext">The Program Committee of AI 2006 invites technical papers on
substantial, original, and unpublished research on all aspects of
Artificial Intelligence. This conference attempts to meet the needs of a
large and diverse community, which includes practitioners, researchers,
educators, and users. Topics of AI 2006 include, but are not limited to:
<ul>
<li>Agent</li>
<li>AI foundations</li>
<li>Artificial life</li>
<li>Bayesian networks</li>
<li>Case-based reasoning</li>
<li>Computer-aided education</li>
<li>Conceptual graphs</li>
<li>Data mining</li>
<li>Expert systems</li>
<li>Game playing</li>
<li>Human computer interaction</li>
<li>Knowledge acquisition</li>
<li>Machine learning</li>
<li>Ontology</li>
<li>Search</li>
<li>Semantic web</li>
</ul></p>
<p class="bodytext"><a href="#introduction">To Home</a></p>
<div class="header2"><a name="papersub">Papers Submission</a></div>
<p class="bodytext">Submissions are limited to 10 pages including all tables, figures, and
references. Authors should follow the guidelines of Springer's LNAI
style, http://www.springer.de/comp/lncs/authors.html. All papers should
be submitted electronically in PDF format. A submission link will be
provided shortly on the Web site.<br />
<a href="#introduction">To Home</a></p>
<div class="header2"><a name="review">Review</a></div>
<p class="bodytext">All submissions will be reviewed on the basis of relevance, originality,
significance, soundness and clarity. Three referees will review each
submission and the committee will notify the authors of accepted
papers. The authors of accepted papers are expected to present their
work at the conference. The technical program will have both oral and
poster presentation sessions.<br />
<a href="#introduction">To Home</a></p>
<div class="header2"><a name="publication">Publication</a></div>
<p class="bodytext">Papers accepted for presentation at AI 2009 will be published in LNAI,
the series of Lecture Notes in Artificial Intelligence, from Springer-
Verlag.<br />
<a href="#introduction">To Home</a></p>
<div class="header2"><a name="speakers">Invited Speakers</a></div>
<p class="bodytext">Prof. Anthony Michael Hall, Switzerland
Prof. Mike Engel, Australia<br />
<a href="#introduction">To Home</a></p>
<div class="header2"><a name="dates">Important Dates</a></div>
<p class="bodytext"><ul>
<li>Paper Submission deadline: July, 7, 2009</li>
<li>Notification of acceptance/Rejection: August 29, 2009</li>
<li>Camera-ready copy: September 8, 2009</li>
<li>Conference Date: December 4 ~ 8, 2009</li></ul></p>
<p class="bodytext"><a href="#introduction">To Home</a></p>
<div class="header2"><a name="questions">Questions and Suggestions</a></div>
<p class="bodytext">Concerning author instructions and conference registration, write to:
ai06@comp.utas.edu.au. Concerning suggestions for the conference and
other inquiries, write to the Program Chair (Prof. Christian Bale).
For other details, please see the conference Web site. E-Mail:
ai09@comp.utas.edu.au<br />
<a href="#introduction">To Home</a></p>
</div>
</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>
</body>
</html>
The second problem is this:
Another alignment issue. The code for this page is:
CODE
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><title>AI Conference 2009 - Program Committee</title>
<LINK rel="stylesheet" type="text/css" name="style1" href="styles/basic.css">
</head>
<body>
<div id="container">
<div id="header">
<div id="headertitle"><span class="conferencetitle">AI Conference 2009</span><br />
<span class="subheader">22nd Australasian Joint Conference on Artificial Intelligence<br />
4~8 December 2009, Hobart, Australia</span></div>
<div id="links"><span><a href="index.html">Home</a></span> | <span><a href="callpaper.html">Call for Paper</a></span> | <span><a href="committee.html">Program Committee</a></span> | <span><a href="http://www.discovertasmania.com/">About Tasmania</a></span> | <span><a href="signup.html">Sign Up</a></span> | <span><a href="signin.html">Sign In</a></span></div>
</div>
<div id="mainbody">
<div class="header2">Program Committee:</div>
<p class="bodytext">Conference Chair
<ul><ul><li>Prof. Christian Bale (University of Tasmania)</li></ul></i<br />
Program Committee Chair
<ul><li>Prof. Ritchie Coster (University of Tasmania)</li></ul><br />
Program Committee Members
<ul><li>Aaron Eckhart, National ICT Australia Ltd., AU</li>
<li>Michael Caine, UNSW@ADFA, AU</li>
<li>Maggie Gyllenhaal, National ICT Australia, AU</li>
<li>Gary Oldman, Wonkwang University, KR</li>
<li>Morgan Freeman, Monash University, AU</li>
<li>Monique Curnen, Chiang Mai University, TH</li>
<li>Ron Dean, University of Melbourne</li>
<li>Cillian Murphy, UNSW, AU</li>
<li>Chin Han, National ICT Australia, AU</li>
<li>Nestor Carbonell, Griffith University, AU</li></ul></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>
</body>
</html>
And the last problem is this:
For some reason I can't change the colour of this text! I don't know what it is I'm doing but it just will not change!
Here's the code:
CODE
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><title>AI Conference 2009 - Sign Up</title>
<LINK rel="stylesheet" type="text/css" name="style1" href="styles/basic.css">
</head>
<body>
<div id="container">
<div id="header">
<div id="headertitle"><span class="conferencetitle">AI Conference 2009</span><br />
<span class="subheader">22nd Australasian Joint Conference on Artificial Intelligence<br />
4~8 December 2009, Hobart, Australia</span></div>
<div id="links"><span><a href="index.html">Home</a></span> | <span><a href="callpaper.html">Call for Paper</a></span> | <span><a href="committee.html">Program Committee</a></span> | <span><a href="http://www.discovertasmania.com/">About Tasmania</a></span> | <span><a href="signup.html">Sign Up</a></span> | <span><a href="signin.html">Sign In</a></span></div>
</div>
<div id="mainbody">
<div class="header1">Welcome to AI 2009</div>
<div class="form-container">
<form action="">
<fieldset>
<legend>Tell us about yourself:</legend>
<div><label for="firstName" >First Name:</label> <input id="firstName" type="text" name="firstName" value="" /></div>
<div><label for="lastName">Last Name:</label> <input id="lastName" type="text" name="lastName" value="" /></div>
<div class="controlset">
<span class="label">Gender</span>
<input name="radio1" id="male" value="1" type="radio" /> <label for="male">Male</label>
<input name="radio1" id="female" value="1" type="radio" /> <label for="female">Female</label></div>
<div><label for="birthMonth">Birthday</label>
<input id="birthDay" type="text" name="firstName" size=3 />
<select id="type">
<option>January</option>
<option>Febuary</option>
</select>
<input id="birthYear" type="text" name="birthYear" size=3 />
</div>
<div><label for="home">I live in:</label>
<select id="home">
<option>Australia</option>
<option>Jamacia</option>
</select></div>
<div><label for="postCode" >Postal Code:</label> <input id="postCode" type="text" name="postCode" value="" /></div>
<div><label for="affiliate" >Affiliate:</label> <input id="affiliate" type="text" name="affiliate" value="" /></div>
</fieldset>
<fieldset>
<legend>Select an ID and password:</legend>
<div><label for="id">User ID:</label> <input id="id" type="text" size="20" /></div>
<div><label for="password">Password:</label> <input id="password" type="password" size="20" /></div>
<div><label for="repassword"">Re-type password:</label> <input id="repassword" type="password" name="repassword" value=""size="20" /></div>
</fieldset>
<fieldset>
<legend>In case you forget your ID or password:</legend>
<div><label for="email">Alternative e-mail:</label> <input id="email" type="text" size="20" /></div>
<div><label for="secQuestion">Security Question:</label>
<select id="secQuestion">
<option>Where did you meet your spouse?</option>
<option>What was the name of your first school?</option>
</select></div>
<div><label for="answer" >Your answer:</label> <input id="answer" type="text" name="answer" value="" /></div><br />
<div><input type="button" value="Create my account"><input type="button" value="Cancel"></div>
</fieldset>
</form>
</div>
<br />
</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>
</body>
</html>
And the CSS for the whole thing:
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;
}
#leftcontainer {
}
#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;
}
ol, ul{
color:white;
text-indent:30px;
font-size:.9em;
letter-spacing:.2px;
padding: 1px 5px 10px 40px;
}
#links {
padding-top:85px;
padding-left:290px;
color:white;
font-weight:bold;
letter-spacing:.3px
}
#calllinks {
padding-left:15px;
font-size:1em;
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;
}
.header2 {
text-decoration: underline;
color:white;
font-size:1.2em;
text-indent:20px;
padding-top:10px;
font-weight:bold;
letter-spacing:.3px;
}
.bodytext {
color:white;
font-size:.9em;
letter-spacing:.5px;
padding: 12px 10px 5px 40px;
}
.formtext {
color:white;
padding: 12px 10px 5px 40px;
font-size:.9em;
padding-top:1px;
letter-spacing:.5px;
}
.spantext {
margin-left: 10px;
padding-left: 60px;
padding-right:60px;
width:100%
}
#footer {
font-size:.8em
}
div.form-container { margin: 10px; padding: 5px; background-color: #0000; border: #EEE 1px solid; }
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }
div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: white; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label,
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label em,
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input:focus,
div.form-container div.controlset label,
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }
Wow.. what a long post. I'm sure these problems are really easy to fix for you code-masterzzzz, but they have me stumped.
Any help would be awesome, thanks.
| 