Kezdőoldal » Számítástechnika » Weblapkészítés » Van egy táblázatom, amin nem...

Casd was kérdése:

Van egy táblázatom, amin nem tudom megcsinálni a gombokat, amik lapoznak. Tudnátok segíteni?

Figyelt kérdés

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta content="text/html; charset=ISO-8859-1"

http-equiv="content-type">

<title>index</title>

<style></style>

<style type="text/css">.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #8C8C8C; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D) );background:-moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');background-color:#8C8C8C; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #A3A3A3; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #7D7D7D; border-left: 1px solid #DBDBDB;font-size: 12px;font-weight: normal; }.datagrid table tbody .alt td { background: #EBEBEB; color: #7D7D7D; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #8C8C8C;background: #EBEBEB;} .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 2px; }.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagrid table tfoot li { display: inline; }.datagrid table tfoot li a { text-decoration: none; display: inline-block; padding: 2px 8px; margin: 1px;color: #F5F5F5;border: 1px solid #8C8C8C;-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D) );background:-moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');background-color:#8C8C8C; }.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #7D7D7D; color: #F5F5F5; background: none; background-color:#8C8C8C;}

</style>

<style></style>

<style type="text/css">.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 4px solid #8C8C8C; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }.datagrid table td, .datagrid table th { padding: 1px 3px; }.datagrid table tbody td { color: #7D7D7D; border-left: 1px solid #DBDBDB;font-size: 12px;font-weight: normal; }.datagrid table tbody .alt td { background: #EBEBEB; color: #7D7D7D; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }

</style>

</head>

<body style="width: 593px;">

<br>

<div class="datagrid">

<table style="width: 585px; height: 167px;">

<thead><tr>

<th style="width: 141px;">Időpont</th>

<th style="width: 181px;">Esemény</th>

<th>Tipp</th>

<th>Státusz</th>

</tr>

</thead><tfoot><tr>

<td style="width: 181px;" colspan="4">

<div id="paging">

<ul>

<li><a href="#"><span>Previous</span></a></li>

<li><a href="#"><span>1</span></a></li>

<li><a href="#"><span>2</span></a></li>

<li><a href="#"><span>3</span></a></li>

<li><a href="#"><span>4</span></a></li>

<li><a href="#"><span>5</span></a></li>

<li><a href="#"><span>Next</span></a></li>

</ul>

</div>

</td>

</tr>

</tfoot><tbody>

<tr>

<td style="width: 141px;">data</td>

<td style="width: 181px;">data</td>

<td>data</td>

<td>data</td>

</tr>

<tr class="alt">

<td style="width: 141px;">data</td>

<td style="width: 181px;">data</td>

<td>data</td>

<td>data</td>

</tr>

<tr>

<td style="width: 141px;">data</td>

<td style="width: 181px;">data</td>

<td>data</td>

<td>data</td>

</tr>

<tr class="alt">

<td style="width: 141px;">data</td>

<td style="width: 181px;">data</td>

<td>data</td>

<td>data</td>

</tr>

<tr>

<td style="width: 141px;">data</td>

<td style="width: 181px;">data</td>

<td>data</td>

<td>data</td>

</tr>

</tbody>

</table>

</div>

</body>

</html>



2013. nov. 20. 21:04
 1/6 anonim ***** válasza:
Ez mitől kellene lapozzon?
2013. nov. 20. 21:21
Hasznos számodra ez a válasz?
 2/6 anonim ***** válasza:
2013. nov. 20. 21:22
Hasznos számodra ez a válasz?
 3/6 A kérdező kommentje:

Amiatt,mert:<li><a href="#"><span>Previous</span></a></

li>

<li><a href="#"><span>1</span></a></li>

<li><a href="#"><span>2</span></a></li>

<li><a href="#"><span>3</span></a></li>

<li><a href="#"><span>4</span></a></li>

<li><a href="#"><span>5</span></a></li>

<li><a href="#"><span>Next</span></a></li&g

csak ezeket nemtudom megcsinálni,ebben kérném a segítségedet.Ezek lennének ugye a gombok.Köszönöm a válaszodat! :)

2013. nov. 20. 22:01
 4/6 uno20001 ***** válasza:
Ettől még nem kéne lapoznia.
2013. nov. 21. 17:33
Hasznos számodra ez a válasz?
 5/6 A kérdező kommentje:
Akkor hogy csináljam meg,hogy lapozzon??!?!?! ennyire nem egyértelmű mit akarok?
2013. nov. 23. 18:42
 6/6 uno20001 ***** válasza:
PHP+MySQL+AJAX kéne, hogy lapozzon.
2013. nov. 24. 16:58
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!