フッター領域の場所と時間のテキストを取得して、オフィスごとに2つの列を作成しようとしています。高さを設定して左にフロートさせようとしましたが、2列が作成されていません。誰かが私が間違っていることを教えてもらえますか？
あなたはここでサイトを見つけることができます...
**フィドルがダウンしている可能性があります**
自分のコラムにオフィスと営業時間の両方を入れたいと思っています。
これが私が問題を抱えているスクリプトとcssの領域です。
<div id="footer"><div class="content">
<ul class="left">
<li class="Footerbullets"><a href="default.php">HOME</a></li>
<li class="Footerbullets"><a href="practiceareas.php">PRACTICE AREAS</a></li>
<li class="Footerbullets"><a href="attorneyprofiles.php">ATTORNEY PROFILES</a></li>
<li class="Footerbullets"><a href="blog.php">BLOG</a></li>
<li class="Footerbullets"><a href="locations.php">LOCATIONS & HOURS</a></li>
<li class="Footerbullets"><a href="contactus.php">CONTACT US</a></li>
</ul>
<ul class="center">
<li class="Footerbullets">CURRENT NEWS</li>
<li> </li>
</ul>
<ul class="right">
<li class="Footerbullets">LOCATION & HOURS</li>
<li style="padding:3px 0 3px 25px;">Atlantic County Office:</strong><br>
210 New Road, Suite 12<br>
Linwood Greene<br>
Linwood, New Jersey 08221<br>
Phone: (609) 601-8677<br>
Fax: (609) 601-8577<br><br>
<strong>Office Hours:</strong><br>
Monday - Friday: 08:30 AM-5:00 PM<br>
Saturday: 10:00 AM-12:30 PM<br>
Other hours by appointment<br />
<br />
<strong>Camden County Office:</strong><br>
1939 Route 70 East, Suite 100<br>
Cherry Hill, New Jersey 08003<br>
Phone:(856) 874-0555<br>
Fax: (856) 874-9683<br><br>
<strong>Office Hours:</strong><br>
Monday - Friday: 08:30 AM-5:00 PM<br>
Saturday: 10:00 AM-12:30 PM<br>
Other hours by appointment</li>
</ul>
</div></div>
これがその領域のCSSの一部です
#footer .content {
border-bottom: 1px #fff dotted;
border-top: 1px #fff dotted;
width: 960px;
height: 135px;
position: relative;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-bottom: 10px;
color:#FFF;
}
#footer ul{
float: left;
width: 319px;
height: 135px;
border-right: 1px #fff dotted;
color:#FFF;
}
#footer ul:last-child {
border-right: none;
}
#footer {
background: #4D1516;
margin-top: -200px;
z-index: 1;
position:relative;
padding-top: 220px;
padding-bottom: 100px;
color:#FFF;
font-weight:bolder;
}
div#footer ul li a{
color : #115EAC;
background-color : transparent;
text-decoration : none;
color:#FFF;
}
div#footer ul li a:hover{
text-decoration : underline;
}
.Footerbullets{
padding:3px 0 3px 25px;
background-image:url(http://www.gdisinc.com/barker/images/menubar/footer_bullet.jpg);
background-repeat:no-repeat;
}
.Footerbullets a:link {
color:#FFF;
}
div#footer ul li.Footerbullets a:hover {
color:#FF0;
}
/* Footer column sizes. */
#footer ul.left {
width: 20%;
}
#footer ul.center {
width: 40%;
}
#footer ul.right {
float: left;
width: 37%;
}