2012-08-29 3 views
0

바닥 글 영역에 텍스트를 가져 오려고합니다. 위치 & 각 사무실에 대해 두 개의 열을 만드는 데 걸리는 시간입니다. 높이 설정을 사용하여 왼쪽으로 플로트하려했으나 두 개의 기둥이 만들어지지 않았습니다. 누군가 내가 잘못하고있는 것을 말해 줄 수 있습니까? 당신은 여기에서 사이트를 찾을 수 있습니다새 열로 이동할 텍스트 가져 오기

...

http://jsfiddle.net/ggJvM/

** 바이올린가 다운 될 수 **

내가 거기에 자신의 열이 모두 사무실과 시간을 가지고 찾고 있어요.

여기 스크립트의 영역이며 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 &amp; 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>&nbsp;</li> 
     </ul> 
     <ul class="right"> 
      <li class="Footerbullets">LOCATION &amp; 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> 

가 그 지역

#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%; 
    } 
+0

이것은 우리가 자체적으로 질문하는 것을 기대하는 이유입니다. – PeeHaa

답변

1

원하십니까? http://jsfiddle.net/ggJvM/1/?

CSS :

.locationHours{ 
    overflow:hidden; 
} 
.locationHours>div{ 
    float:left; 
    width:50%; 
} 
#footer .content,#footer ul{ 
    height:auto; 
    overflow:hidden; 
} 

HTML :

<li class="locationHours"> 
    <div> 
     <strong>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 /> 
    </div> 
    <div> 
     <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 
    </div> 
</li> 
+0

네, 그게 다예요 !! 그게 내가 찾고 있던거야. 고맙습니다! –

-1

나는 바이올린을 볼 수에 대한 CSS의 일부입니다 ... 사이트가 다운 될 수 있습니다. 그러나 추측에 너는 너비도 지정 했니? 폭이 필요하거나 ul이 전체 ​​영역을 차지합니다.

+0

예, 거기에 너비가 있습니다. 사이트가로드되지 않습니까? http://jsfiddle.net/ggJvM/ –

+0

문제가있는 코드 영역에 대한 질문을 업데이트했습니다. 도와 주셔서 감사합니다 !! –

+0

uls는 40px의 기본 채우기 값을 가지고 있기 때문에 좋습니다. 그래서 너는 패딩을 0으로 만들거나 그에 맞게 너비를 조정하거나리스트 주위에 div를 넣고 그 위에 float/width를 넣어야한다. – zenkaty

0

하나의 목록 항목에 두 개의 사무실이 있습니다. LI를 닫고 새 것을여십시오.

... 
Other hours by appointment 
</li><li> 
<strong>Camden County Office:</strong> 
... 
0

하지 사용을 float 속성을 마십시오. 특별한 희귀 한 환경에서 웹 사이트를 엉망으로 만든다.
테이블 구조를 사용하거나 div s 내에 display:inline-blok을 넣을 수 있습니다.
this jsfiddle

+0

jsfiddle에 왜 스크립트가 있는지 이해할 수 없습니다. – Oriol

관련 문제