Forum PHP.pl > [CSS][HTML]Linia w tabeli

Pomoc - Szukaj - Użytkownicy - Kalendarz

czernin

13.10.2012, 13:22:40

Witam,

Mam taki kod:

[HTML] pobierz, plaintext 
<div class="strona">
<table width="800px">
<tr>
            <td width="30%">Admin<br /><div class="maly">09/10/2012 19:32:08</td>
         <td width="70%">1</td>
</tr>
 
<tr><td><hr /></td></tr>
 
<tr>
            <td width="30%">Admin<br /><div class="maly">09/10/2012 19:32:08</td>
         <td width="70%">2</td>
</tr>
 
<tr><td><hr /></td></tr>
 
<tr>
            <td width="30%">Admin<br /><div class="maly">09/10/2012 19:32:08</td>
         <td width="70%">3</td>
</tr>
 
<tr><td><hr /></td></tr>
 
<tr>
            <td width="30%">Admin<br /><div class="maly">09/10/2012 19:32:08</td>
         <td width="70%">4</td>
</tr>
</table>
</div>
[HTML] pobierz, plaintext

Style:

[CSS] pobierz, plaintext 
.strona {
   width: 800px;
   margin: 0px auto;
}
 
hr {
border: none 0;
border-top: 1px solid #CECECE;
height: 1px; 
}
 
.maly {
font-size:10px
}
[CSS] pobierz, plaintext

W rezultacie otrzymuję:

Jak zrobić, aby w efekcie powstało coś takiego?

CuteOne

13.10.2012, 13:27:04

http://jsfiddle.net/ED2m7/

czernin

13.10.2012, 13:41:46

Dziwna sprawa - nie chce działać..

kokers

13.10.2012, 13:53:43

Co to znaczy: "nie chce działać"?

Zauważ, że CuteOne dla dolnej linii nie wykorzystuje <hr/>, ale bez tego jak teraz wygląda Twój kod i jak nie chce działać, to można sobie gdybać.

czernin

13.10.2012, 14:00:27

[HTML] pobierz, plaintext 
<html>
<head>
<style type="text/css">
.strona {
   width: 800px;
   margin: 0px auto;
}
 
tr {
    border-bottom: 1px solid #000;
}
 
.maly {
font-size:10px
}?
</style>
</head>
<body>
<div class="strona">
<table width="800px">
<tr>
<td width="30%">Admin<br /><div class="maly">09/10/2012 19:32:08</div></td>
<td width="70%">1</td>
</tr>
 
<tr>
<td width="30%">Admin<br /><div class="maly">09/10/2012 19:32:08</div></td>
<td width="70%">2</td>
</tr>
 
<tr>
            <td width="30%">Admin<br /><div class="maly">09/10/2012 19:32:08</div></td>
         <td width="70%">3</td>
</tr>
 
<tr>
            <td width="30%">Admin<br /><div class="maly">09/10/2012 19:32:08</div></td>
         <td width="70%">4</td>
</tr>
</table>
</div>
<body>
</html>
[HTML] pobierz, plaintext

kokers

13.10.2012, 14:08:12

I co nie działa?

To jest ten sam kod co podał CuteOne. W jsfiddle widać, że działa. więc co nie działa? być może inne własności np dla table lub tr dodatkowo ci mieszają.

tudzież, dodanie tego:

[HTML] pobierz, plaintext 
table {
    border-collapse: collapse;
}
[HTML] pobierz, plaintext

rozwiąże sprawę.

czernin

13.10.2012, 14:15:14

Działa, dzięki. Chodziło o to, że nie wyświetlała się linia, mimo tego, że w jsfiddle wszystko wyglądało ok.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.