드림 위버 표 폭

나는 꿈 위버 CS5 버전을 사용하여 간단한 PHP 웹 페이지를 개발 11.0 빌드 4964. 내 웹 페이지 테이블 (표)로 구성드림 위버 표 폭

10 테이블 행 (TR)를 포함하고 각 행이 하나있다 테이블 셀 (TD).

모든 테이블 셀 (TD)에는 테이블 열과 행으로 구분 된 텍스트 상자, 라디오 버튼, 체크 상자 등의 다른 양식 요소가 포함 된 테이블이 있습니다.

제가 직면 한 문제는 너비 속성 또는 스타일 속성을 사용하거나 CSS 스타일 시트를 사용하여 모든 테이블 너비를 배치하므로 10 개의 테이블을 동일한 너비 (예 : 600 픽셀)로 만들고 표시 할 수 있습니다 그것들은 하나의 테이블이기 때문입니다.

나는 라이브 뷰를 사용하여 내 PHP는 웹 페이지를 탐색

<html> 

<body> 

<table width="600"> 

<tr> 
<td> 

<table width="600"> 
<tr> 
<td width="300"> 
</td> 
<td width="300"> 
</td> 
</tr> 
</table> 

</td> 
</tr> 

<tr> 
<td> 

<table width="600"> 
<tr> 
<td width="200"> 
</td> 
<td width="200"> 
</td> 
<td width="200"> 
</td> 
</tr> 
</table> 

... 

</td> 
</tr> 


</table> 

</body> 

</html>

, 제가 적용되지 않았다 넣고 폭이 드림 위버가 일부 테이블을 확장하고 폭과 증가 -이 :

내 HTML 코드는 다음과 같다 테이블 테두리가 일치하지 않고 일부 테이블은 작은 위젯으로 표시되지만 다른 테이블에서는 큰 위젯이 표시됩니다.

컨트롤을 위해 각 테이블 셀 너비를 넣으려고했으나 작동하지 않았습니다.

예를 들어, 너비가 600 인 경우 641이되고 디자인 및 코드 뷰에서 변경하려고했지만 문제가 계속 발생합니다.

나는 그 성가신 문제를 해결하기 위해 어떤 힌트라도 환영합니다.

출처

2011-01-10 TopDeveloper

중첩 테이블, OMG,하지 마세요, 할 수있는 동안 나간다. D. – mingos

정확히 동일한 버전의 Dreamweaver가 있습니다. 전체 HTML을 제공 할 수 있다면 문제를 해결할 수있을 것이라고 확신합니다. – thirtydot

Dreamweaver! 테이블! 이봐, 날 데려 간다! –

표 셀과 열은 행/열의 가장 큰 요소를 수용하기 위해 항상 크기가 조정됩니다. 다른 사람들이 제안했듯이 중첩 테이블의 사용을 재고해야합니다. 당신이 테이블의 폭을 제어하려는 경우, 당신은 다음과 같은 스타일 규칙을 수행 할 수 있습니다 :이 첫 번째 행에서 설정 한 크기에 열의 폭을 제한

table { 
    width: 600px; 
    table-layout: fixed; 
}

출처

2011-01-10 14:53:19

테이블 레이아웃 스타일을 잊어 버렸습니다. 이것은 내가 생각할 트릭을 해야하는 것처럼 보입니다. – Chris

테이블 레이아웃 CSS 속성은 내 테이블 너비를 고정시키고 CSS.Thanks에 넣은 너비를 취합니다. :) – TopDeveloper

여백, 패딩, 셀 패딩 및 셀 간격과 같은 것에 대해 생각해야한다고 생각합니다. 이들 모두는 td 및 테이블 크기에 영향을 미칩니다.

출처

2011-01-10 10:32:04

이미 모든 테이블 속성을 확인하고 추가했지만 코드를 간단하게 만들지는 언급하지 않았습니다. 드림 위버 (Dream Weaver) 옵션이나 설정일지도 모르지만 정확히 모르겠습니다. 답변 해주셔서 감사합니다. – TopDeveloper

전혀 응용 프로그램의 라이브 뷰를 신뢰하십시오! EVER! 그들은 ALL으로 잘못되었으므로 실제 브라우저에서 확인하십시오.

나는 매일 DW를 사용하며 라이브 뷰, 특히 테이블의 내용을 신뢰하지 않습니다. 날 믿어 브라우저에 넣어 무슨 일이 일어 :)

출처

2011-01-10 10:33:03 Kyle

나는 웹 브라우저에서 이미 그것을 보았지만 똑같은 견해를 보였다. Dream Weaver 옵션이나 설정일지도 모르지만 정확히 모르겠다. 귀하의 답변에 감사드립니다. – TopDeveloper

Dreamweaver의 라이브 뷰는 WebKit 렌더링 엔진을 사용합니다. Safari 및 Chrome과 동일한 결과를 생성합니다. 물론 최종 테스트는 브라우저에서 수행해야하지만 Live View는 개발 환경에서 매우 정확한 가이드를 제공합니다. –

@David 맞습니까? 글쎄 어도비는 믹스에서 뭔가를 망쳐 놨어! 매일 같이 개발하고 테이블을 올바르게 표시하지도 않으며 CS5를 사용합니다! 그냥 개인적인 경험으로 말하기 :) – Kyle

는 모든 테이블의 및 TD의 다음 가장 좋은 방법은 당신이 경우 CSS를

table{width: 600px;} 
td{width: 200px;}

을 사용하는 것입니다에 대해 동일한 폭을 갖는에서 찾고 있는지 확인 각 테이블은 다음 CSS를 내이 도움이

<table class="tab1"> 

.tab1{width: 600px;} 
.tab1 td{width: 200px;}

희망을 폭을 그것을 클래스를 제공하고 정의에 대해 서로 다른 폭을 원한다.

출처

2011-01-10 10:39:29 bharath

속성과 동일한 것은

또는

또는 table {width : 600px;}를 사용하여 ok로 설정됩니다. 스타일 섹션 또는 CSS 파일. – TopDeveloper

이것은 매우 불쾌한 코드입니다. HTML 속성을 사용하지 마십시오. CSS를 통해 태그에 적절한 클래스를 부여하고 모든 것을 제어해야합니다. border-collapse을 collapse으로 설정하고 필요한 너비를 픽셀 단위로 설정할 수 있습니다.

카일 (Kyle)이 말했듯이 결코 WYSIWYG보기를 신뢰하지 않습니다. 실제 브라우저 만이 코드가 실제로 어떻게 렌더링되는지 보여줍니다.

출처

2011-01-10 10:40:35 mingos

나는 HTML 속성을 보지 못했다. CSS는 모든 방법! – Kyle

일부 표 셀에 정의 된 크기에 맞지 않는 내용이 있다고 생각합니다.예를 들어 200 와이드 테이블 셀에 300 와이드 이미지를 넣으려고하면 브라우저에서 해당 테이블 셀을 300 픽셀 (및 패딩, 여백 등)으로 확장합니다. 가능하면 여러 중첩 테이블을 사용하지 않는 것이 좋습니다. 하나의 큰 테이블이 필요하고 colspan을 사용하여 셀을 병합 할 수 있습니다 (예 : 각 열이 100 너비로 가정되는 6 열 테이블, 200 너비의 셀을 원할 경우 colspan = 2 및 300을 원할 경우 colspan = 3 . 너비를 명시 적으로 추가 할 수도 있습니다. 이렇게하면 브라우저가 테이블 셀의 크기를 잠재적으로 다시 정렬하지 않지만 테이블 셀의 모든이 조정되어 테이블이 적어도 정렬됩니다.

이 답변으로 문제를 찾는 데 도움이되지 않으면이 문제의 원인이되는 명확한 내용이 있기 때문에 최종 HTML을 제시하는 것이 좋습니다. . 브라우저가 HTML이 어디서 만들어 졌는지 신경 쓰지 않기 때문에 Dreamweaver의 특정 문제가 될 수 없습니다.

출처

2011-01-10 10:47:12 Chris

드림 위버 표 폭

답변

관련 문제