CSS : 정렬 및 목록에 대한 질문

나는이 page 있습니다.CSS : 정렬 및 목록에 대한 질문

"등록"을 누르십시오.

왼쪽 여백을주지 않고 수직으로 각 필드를 오류 메시지와 정렬 할 수있는 방법이 있습니까?

감사

하비

출처

2010-06-11 ziiweb

당신은 그에 상응하는 <li class="form_1"> 요소로 오류 메시지 요소를 이동해야합니다

. 그런 다음 각 오류 메시지 요소에 float: left;을 할당하십시오.

출처

2010-06-11 11:29:51

오류 메시지가 입력란의 오른쪽에 있어야하므로 오른쪽으로 띄워서는 안됩니까? – Scoregraphic

오류가 필드 아래에 있어야합니다. – ziiweb

@Scoregraphic :'float : left;'와'float : right;'둘 다 속임수를 쓰겠습니다. 플로팅 라이트는 가능한 한 오른쪽으로 멀리 위치시킬 것이지만, 관련 필드의 오른쪽에 오류를 위치 시키므로 왼쪽으로 플로팅하는 것이 더 좋습니다. –

모든 것을 목록 항목에 넣는 것은 까다 롭습니다. 이에

<li class="form_1_errores"> 
    <ul class="error_list"> 
    <li>Debes escribir tu e-mail</li> 
    </ul> 
</li> 
<li class="form_1"> 
    <label for="register_password">Contrase&#241;a</label> 
</li> 
<li class="form_1"> 
    <input type="password" name="register[password]" 
    id="register_password"></input> 
</li>

: 당신은 변경할 수

<li class="form_1"> 
    <label for="register_password">Contrase&#241;a</label> 
    <input type="password" name="register[password]" 
    id="register_password"></input> 
    <ul class="error_list"> 
    <li>Debes escribir tu e-mail</li> 
    </ul> 
</li> 

.form_1 label, .form_1 input, .form_1 ul{ 
    float: left; 
}

출처

2010-06-11 11:31:05

를 대신 각 항목에 margin-left를 할당 포함하는 블록에 마진을 제공합니다. #formulario_registro이 가장 적합한 후보로 보입니다.

다른 게시물에서도 제안했듯이 다음과 같은 레이아웃 양식이 테이블에는 잘못되어 있지 않습니다.

출처

2010-06-11 11:33:59 RoToRa

감사합니다 RoToRa,하지만 두 가지 질문 : "다른 종류의 양식"무엇입니까 ?? 이 http://www.chromaticsites.com/blog/13-reasons-why-css-is-superior-to-tables-in-website-design/에 대한 귀하의 의견은 어떻습니까? 너무 많은 이유가 있습니다. – ziiweb

@ user248969, @RoToRa는 이것이 표 형식의 데이터라는 것을 의미하므로 테이블을 사용하여 표시하는 데는 아무런 문제가 없습니다. 그 기사에서 말한 것에 반대하지 않는 견고하고 좋은 주장입니다. – ANeves

CSS : 정렬 및 목록에 대한 질문

답변

관련 문제