CSS wewnątrz tabeli

próbuję bez powodzenia zastosować odpowiednie marginesy wewnątrz tabelCSS wewnątrz tabeli

<html> 
    <style> 
    input,select { 
     width: 100%; 
     margin-right: 15px; 
     background: red; 
    } 
    </style> 
    <body> 
    <table border="2" color="red" width="100%"> 
     <tr> 
     <td width="25%"><input type="text" /></td> 
     <td width="25%"><select><option>foobar</option></select></td> 
     <td width="25%"><input type="text" /></td> 
     <td width="25%"><input type="text" /></td> 
     </tr> 
     <tr> 
     <td width="25%"><input type="text" /></td> 
     <td width="25%"><input type="text" /></td> 
     <td width="25%"><select><option>foobar</option></select></td> 
     <td width="25%"><input type="text" /></td> 
     </tr> 
    <table> 
    </body> 
</html>

Przykład:http://jsfiddle.net/3reat/

Tylko za pomocą CSS jest możliwe zdefiniowanie tego marże 100% - 15px?

@Edit

rozwiązany szerokość: calc(100% - 15px) CSS3 odpowiedź @TamilSelvan z przestrzeniach

http://jsfiddle.net/3reat/2/

Źródło

2013-04-13 Ragen Dazs

try CSS3 calc (np) margin: cale (100% -15px) –

Gdzie trzeba dodać margines /wyściółka? Ze stołu na zewnątrz? Tabela w środku? Komórki? Bądź bardziej konkretny, proszę. – pzin

@TamilSelvan dziękuję! Utwórz odpowiedź, niż zaakceptuję. –

try CSS3 calc

(np)

margin: calc(100% - 15px); 
margin: -webkit-calc(100% - 15px); 
margin: -moz-calc(100% - 15px);

referencyjny: https://developer.mozilla.org/en-US/docs/CSS/calc

Źródło

2013-04-13 16:48:57

Tamil - Potrzebujesz spacji 'calc (100% - 15px)' –

tak ... to dla czytelności –

Testowałem w Google Chrome bez spacji, to nie działa. Wypróbuj –

-1

nie są po prostu patrząc na dopełnienie?

padding : 15px;

Jest taki sam jak margines, ale wewnątrz.

Źródło

2013-04-13 16:43:23

wypełnienie zachowuje się zupełnie inaczej niż margines. – tobiv

CSS wewnątrz tabeli

Odpowiedz

Powiązane problemy