2011-12-30 3 views
0

두 개의 표가 있습니다.페이지의 표 위치를 지정하는 방법

나는 서로 가깝고 지금은 하나의 열에 하나가되고 싶지 않다.

어떻게 할 수 있습니까?

그리고 일반적으로 페이지의 위치를 ​​지정하는 방법은 무엇입니까? 당신은 테이블이 첫 번째 오른쪽에 두 번째 테이블 즉, 나란히 표시되어야한다는 것을 의미하는 경우

<?xml version="1.0" encoding="ISO-8859-1"?> 

<xsl:stylesheet version="1.0" 
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 

<xsl:template match="/"> 
    <html> 
    <body> 
    <h2>My CD Collection</h2> 
    <table border="1"> 
    <tr bgcolor="#9acd32"> 
     <th>Title</th> 
     <th>Artist</th> 
    </tr> 
    <xsl:for-each select="catalog/cd"> 
    <tr> 
     <td><xsl:value-of select="title"/></td> 
     <td><xsl:value-of select="artist"/></td> 
    </tr> 
    </xsl:for-each> 
    </table> 

<table border="1"> 
    <tr bgcolor="#9acd32"> 
     <th>Title</th> 
     <th>Artist</th> 
    </tr> 
    <xsl:for-each select="catalog/cd"> 
    <tr> 
     <td><xsl:value-of select="title"/></td> 
     <td><xsl:value-of select="artist"/></td> 
    </tr> 
    </xsl:for-each> 
    </table> 


    </body> 
    </html> 
</xsl:template> 

</xsl:stylesheet> 
+1

이것은 XSLT 질문이 아니므로 HTML을 알아야합니다. –

+0

당신이 원하는 것이 아주 명확하지 않습니다. '서로 가까워'라는게 무슨 뜻이야? – ptriek

+0

@ptriek 정확히 –

답변

1

, 몇 가지 옵션이 있습니다

  1. 첫 번째 테이블의 속성 align=left를 사용하여 두 번째 시간 후에 <br clear=left> 태그를 추가하십시오.
  2. 첫 번째 표에서 CSS : float: left과 동일하게 수행하고 두 번째 표 이후 첫 번째 요소에서 clear: left을 수행합니다.
  3. 하나의 행과 두 개의 셀만 사용하여 외부 테이블에 테이블을 래핑하고 <tr valign=top>을 사용하십시오.
  4. CSS 위치 지정을 사용하십시오. 당신이 테이블 사이 일부 간격을하고자하는 경우

는, 가장 간단한 방법은 두 번째 테이블 CSS에 margin-left을 설정하는 것입니다.

방법 1과 2를 사용하면 보이는 캔버스에 두 테이블 모두를위한 공간이 충분하지 않으면 테이블이 지금처럼 나타납니다. 방법 3 또는 4를 사용하면이 경우 수평 스크롤이 강제됩니다.

+0

옵션 번호 3을 택할 것입니다. –

관련 문제