2011-06-23 8 views
1

私は、次の..HTML: 'Float'をスパンの上に置いていますか?

TDのCSS

-webkit-border-horizontal-spacing: 0px; 
-webkit-border-vertical-spacing: 0px; 
background-attachment: scroll; 
background-clip: border-box; 
background-color: transparent; 
background-image: none; 
background-origin: padding-box; 
border-bottom-color: #999; 
border-bottom-style: solid; 
border-bottom-width: 1px; 
border-collapse: separate; 
border-left-color: #999; 
border-left-style: solid; 
border-left-width: 1px; 
border-right-color: #999; 
border-right-style: solid; 
border-right-width: 0px; 
border-top-color: #CCC; 
border-top-style: solid; 
border-top-width: 1px; 
color: black; 
display: table-cell; 
font-family: arial, sans-serif; 
font-size: 13px; 
height: 30px; 
vertical-align: middle; 
width: 459px; 

TDHTML

<td class="lst-td" style="border-top:1px solid #ccc" width="100%"> 
    <div>content</div> 
</td> 

SPAN CSS

-webkit-border-horizontal-spacing: 0px; 
-webkit-border-vertical-spacing: 0px; 
background-attachment: scroll; 
background-clip: border-box; 
background-color: transparent; 
background-image: none; 
background-origin: padding-box; 
border-bottom-color: black; 
border-collapse: separate; 
border-left-color: black; 
border-right-color: black; 
border-top-color: black; 
color: black; 
display: block; 
float: right; 
font-family: arial, sans-serif; 
font-size: 13px; 
height: 23px; 
position: relative; 
top: 5px; 
white-space: nowrap; 
width: 194px; 
z-index: 5; 
0123を持っています

SPAN HTML

<span name="wrapSpan" class="wrapSpan" id="wrapSpan" style="white-space:  
nowrap;"> 
Content here! 
</span> 

基本的に私はスパンがTDの上に "座る" したいと思います。問題は今すぐそれを切り捨てて表示しています。どのように私はそれを修正するだろうか?

彼らがそうのように配置している。..

<tr> 
    <td> 
    <span> 
</tr> 
+1

があなたのhtml内のスパンに配置されている私たちを示してもらえ次...(表示のみ重要なCSS)を行うだろうか? –

+0

Woops!編集されました。うまくいけば十分です! – Skizit

+0

これは不正なHTMLです。表の行にスパンを含めることはできません。 – RoToRa

答えて

0

私はあなたがスパンにTDとposition:absolute;top:0;left:0;position:relative;を与えることについて

<tr> 
    <td> 
     <span></span> 
    </td> 
</tr> 

何を意味推測?

1

あなたはそのようなtrの中にスパンを座らせることはできません。それは有効なhtmlではありません。私は

<tr> 
    <td><span></span></td> 
</tr> 

CSS

td {position: relative;} 
span {position: absolute; top:0;left;0;} 
関連する問題