내 웹 사이트의 항목을 정렬하려면 어떻게합니까?

저는 www.albafitness.com 사이트에서 일하고 있습니다.내 웹 사이트의 항목을 정렬하려면 어떻게합니까?

소셜 미디어 아이콘과 바닥 글 메뉴는 수평으로 정렬되어 있지 않습니다. 누군가 제발 어떻게하는지 말해 줄 수 있니?

2013-08-17 Gavin Bell

그건 당신이 사이트를 사용하기로되어있는 것이 아닙니다. 당신은 당신이 시도하고있는 것과 당신이 얻고있는 오류를 보여 주려고 노력한 것을 게시해야합니다. 그러면 모든 사람들이 당신을 도와줍니다. –

소셜 아이콘으로 표를 사용하는 특별한 이유가 있습니까? 이와 같은 경우에는 ul 태그를 사용하는 것이 좋습니다.

이 CSS를보십시오 :

.footer_content { 
    border-top: 1px solid #1F2024; 
    clear: both; 
    float: left; 
    margin: 30px 30px 0; 
    padding: 20px 0 0; 
    width: 940px; 
    text-align: center; // Align both elements horizontally 
} 

table.cnss-social-icon tr td, table.cnss-social-icon, table.cnss-social-icon tr { 
    background: none repeat scroll 0 0 transparent !important; 
    border: medium none !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    vertical-align: middle !important; 
    display: inline-block; // inline-block will make it inherit rules from text-align rule 
} 

.footer_menu { 
    padding: 10px 0; 
    // float: right; //float will always pull your element to one side. This should be removed. 
}

출처

2013-08-17 20:08:05 Ninetou

뭔가를 배치하려면, 당신은 세 가지 초능력을 가지고 1. 위치 ABSOLUTE 2. VERTICAL ALIGN 3. FLOAT

우리는 더 사용하는이 시간. 1 CSS :

이

.footer_content_wrraper 
{ 
    position:absolute; 
    bottom:0; 
}

HTML : 당신은 당신이 동일한 HTML을 유지해야하는 경우

<div class="footer_content_wrapper"> 
....../ 
</div>

출처

2013-08-17 20:10:48

, 당신은 그냥 메뉴에서

.footer_menu {margin-top: -21px}

하지만 당신을 음의 여백을 사용할 수 있습니다 모바일 크기로 내려갈 때 미디어 쿼리를 제거해야합니다. 그래서 그들은 겹치지 않습니다.

출처

2013-08-17 20:11:13 Nickfmc

내 웹 사이트의 항목을 정렬하려면 어떻게합니까?

답변

관련 문제