|
You last visited: Today at 20:26
Advertisement
[HELP] HTML Tabelle
Discussion on [HELP] HTML Tabelle within the Web Development forum part of the Coders Den category.
02/12/2017, 19:25
|
#1
|
elite*gold: 0 
Join Date: Dec 2012
Posts: 9,395
Received Thanks: 2,738
|
[HELP] HTML Tabelle
Hallo Epvp,
will gerne eine Tabelle mit HTML machen.
Habe sie auch schon aber ist es durchaus Möglich, dort die Zeilen und Spalten durch schwarze Linien zu "trennen" oder mehr platz dazwischen zu machen und das der Kopf der Tabelle nicht untereinander steht.
Wenn ich die "width:" ändere passiert nichts...
So sieht das ganze derzeit aus:
Code:
Code:
<table style="width: 250px;">
<tbody>
<tr style="height: 43px;">
<td style="width: 58px; height: 43px;">Stream-Team </td>
<td style="width: 11px; height: 43px;">LoL-Team </td>
<td style="width: 11px; height: 43px;">LoL-Mates </td>
</tr>
<tr style="height: 23px;">
<td style="width: 58px; height: 23px;"> MrSoNiice</td>
<td style="width: 11px; height: 23px;"> PartyGame(TOP)</td>
<td style="width: 11px; height: 23px;"> MrSoNiice</td>
</tr>
<tr style="height: 23px;">
<td style="width: 58px; height: 23px;"> Nightbl000</td>
<td style="width: 11px; height: 23px;"> Nightbl000(JUNGLE)</td>
<td style="width: 11px; height: 23px;"> Nightbl000</td>
</tr>
<tr style="height: 23px;">
<td style="width: 58px; height: 23px;"> Nachspiel</td>
<td style="width: 11px; height: 23px;"> xSoulSociety(MID)</td>
<td style="width: 11px; height: 23px;"> Nachspiel</td>
</tr>
<tr style="height: 23px;">
<td style="width: 58px; height: 23px;"> </td>
<td style="width: 11px; height: 23px;"> MrTherzon(ADC)</td>
<td style="width: 11px; height: 23px;"> Jumpkiller02</td>
</tr>
<tr style="height: 23px;">
<td style="width: 58px; height: 23px;"> </td>
<td style="width: 11px; height: 23px;"> Jumpkiller02(SUP)</td>
<td style="width: 11px; height: 23px;"> xSoulSociety</td>
</tr>
<tr style="height: 23px;">
<td style="width: 58px; height: 23px;"> </td>
<td style="width: 11px; height: 23px;"> </td>
<td style="width: 11px; height: 23px;"> Nachspiel</td>
</tr>
<tr style="height: 23px;">
<td style="width: 58px; height: 23px;"> </td>
<td style="width: 11px; height: 23px;"> </td>
<td style="width: 11px; height: 23px;"> PartyGame</td>
</tr>
</tbody>
</table>
|
|
|
|
02/12/2017, 20:49
|
#2
|
elite*gold: 0
Join Date: Apr 2011
Posts: 11,117
Received Thanks: 2,436
|
Quote:
Originally Posted by MrTherzon
Hallo Epvp,
will gerne eine Tabelle mit HTML machen.
Habe sie auch schon aber ist es durchaus Möglich, dort die Zeilen und Spalten durch schwarze Linien zu "trennen" oder mehr platz dazwischen zu machen und das der Kopf der Tabelle nicht untereinander steht.
Wenn ich die "width:" ändere passiert nichts...
So sieht das ganze derzeit aus:
Code:
Code:
<table style="width: 250px;">
<tbody>
<tr style="height: 43px;">
<td style="width: 58px; height: 43px;">Stream-Team </td>
<td style="width: 11px; height: 43px;">LoL-Team </td>
<td style="width: 11px; height: 43px;">LoL-Mates </td>
</tr>
<tr style="height: 23px;">
<td style="width: 58px; height: 23px;"> MrSoNiice</td>
<td style="width: 11px; height: 23px;"> PartyGame(TOP)</td>
<td style="width: 11px; height: 23px;"> MrSoNiice</td>
</tr>
<tr style="height: 23px;">
<td style="width: 58px; height: 23px;"> Nightbl000</td>
<td style="width: 11px; height: 23px;"> Nightbl000(JUNGLE)</td>
<td style="width: 11px; height: 23px;"> Nightbl000</td>
</tr>
<tr style="height: 23px;">
<td style="width: 58px; height: 23px;"> Nachspiel</td>
<td style="width: 11px; height: 23px;"> xSoulSociety(MID)</td>
<td style="width: 11px; height: 23px;"> Nachspiel</td>
</tr>
<tr style="height: 23px;">
<td style="width: 58px; height: 23px;"> </td>
<td style="width: 11px; height: 23px;"> MrTherzon(ADC)</td>
<td style="width: 11px; height: 23px;"> Jumpkiller02</td>
</tr>
<tr style="height: 23px;">
<td style="width: 58px; height: 23px;"> </td>
<td style="width: 11px; height: 23px;"> Jumpkiller02(SUP)</td>
<td style="width: 11px; height: 23px;"> xSoulSociety</td>
</tr>
<tr style="height: 23px;">
<td style="width: 58px; height: 23px;"> </td>
<td style="width: 11px; height: 23px;"> </td>
<td style="width: 11px; height: 23px;"> Nachspiel</td>
</tr>
<tr style="height: 23px;">
<td style="width: 58px; height: 23px;"> </td>
<td style="width: 11px; height: 23px;"> </td>
<td style="width: 11px; height: 23px;"> PartyGame</td>
</tr>
</tbody>
</table>
|
Nutz bitte kein heigt/width überall, das ist echt nicht schön^^
 => sowas ?
|
|
|
|
|
02/12/2017, 21:32
|
#3
|
elite*gold: 0
Join Date: Dec 2012
Posts: 9,395
Received Thanks: 2,738
|
Quote:
Originally Posted by .ƒaℓsє.
Nutz bitte kein heigt/width überall, das ist echt nicht schön^^
=> sowas ? |
Muss ehrlich sagen hab das auch nur bekommen denke wurde mit generator gemacht, aber ja genau so meine ich das 
|
|
|
|
|
02/14/2017, 10:23
|
#4
|
elite*gold: 104
Join Date: Nov 2009
Posts: 5,227
Received Thanks: 2,806
|
Nimm prozentuale Breiten, sonst schießt es auf einem Smartphone schnell mal über den Container hinaus.
Gesendet von meinem ALE-L21 mit Tapatalk
|
|
|
|
|
02/15/2017, 22:57
|
#5
|
elite*gold: 2
Join Date: Jan 2011
Posts: 1,156
Received Thanks: 167
|
Etwa so?
Code:
<style>
td {
border: 1px solid black;
}
</style>
<table style="width: 450px;">
<tbody>
<tr>
<td>Stream-Team </td>
<td>LoL-Team </td>
<td>LoL-Mates </td>
</tr>
<tr>
<td> MrSoNiice</td>
<td > PartyGame(TOP)</td>
<td > MrSoNiice</td>
</tr>
<tr>
<td> Nightbl000</td>
<td> Nightbl000(JUNGLE)</td>
<td> Nightbl000</td>
</tr>
<tr>
<td> Nachspiel</td>
<td> xSoulSociety(MID)</td>
<td> Nachspiel</td>
</tr>
<tr>
<td> </td>
<td> MrTherzon(ADC)</td>
<td> Jumpkiller02</td>
</tr>
<tr>
<td > </td>
<td> Jumpkiller02(SUP)</td>
<td> xSoulSociety</td>
</tr>
<tr>
<td ></td>
<td></td>
<td> Nachspiel</td>
</tr>
<tr>
<td></td>
<td></td>
<td> PartyGame</td>
</tr>
</tbody>
</table>
|
|
|
|
|
02/17/2017, 05:23
|
#6
|
elite*gold: 0
Join Date: Aug 2016
Posts: 68
Received Thanks: 10
|
Quote:
Originally Posted by D4rkownz
Etwa so?
Code:
<style>
td {
border: 1px solid black;
}
</style>
<table style="width: 450px;">
<tbody>
<tr>
<td>Stream-Team </td>
<td>LoL-Team </td>
<td>LoL-Mates </td>
</tr>
<tr>
<td> MrSoNiice</td>
<td > PartyGame(TOP)</td>
<td > MrSoNiice</td>
</tr>
<tr>
<td> Nightbl000</td>
<td> Nightbl000(JUNGLE)</td>
<td> Nightbl000</td>
</tr>
<tr>
<td> Nachspiel</td>
<td> xSoulSociety(MID)</td>
<td> Nachspiel</td>
</tr>
<tr>
<td> </td>
<td> MrTherzon(ADC)</td>
<td> Jumpkiller02</td>
</tr>
<tr>
<td > </td>
<td> Jumpkiller02(SUP)</td>
<td> xSoulSociety</td>
</tr>
<tr>
<td ></td>
<td></td>
<td> Nachspiel</td>
</tr>
<tr>
<td></td>
<td></td>
<td> PartyGame</td>
</tr>
</tbody>
</table>
|
Wenn noch in % angegeben und nicht in px wären sicher alle glücklich hier
Als HTML / CSS Anfänger kann ich dir nur empfehlen. Steht eigentlich alles drin und kannst dich komplett austoben! Fang auch direkt mit CSS Klassen Zuteilung an ist ja sicher nicht das letzte mal das du HTML / CSS anwenden willst.
HTML Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Table - MrTherzon</title>
<style type="text/css">
@import "css/stylesheet.css";
</style>
</head>
<body>
<table class="tableclass">
<tr>
<th class="tableclass">Stream - Team</th>
<th class="tableclass">LoL - Team</th>
<th class="tableclass">LoL - Mates</th>
</tr>
<tr>
<td class="tableclass">132</td>
<td class="tableclass">23</td>
<td class="tableclass">123</td>
</tr>
<tr>
<td class="tableclass">132</td>
<td class="tableclass">23</td>
<td class="tableclass">123</td>
</tr>
<tr>
<td class="tableclass">132</td>
<td class="tableclass">23</td>
<td class="tableclass">123</td>
</tr>
<tr>
<td class="tableclass">132</td>
<td class="tableclass">23</td>
<td class="tableclass">123</td>
</tr>
<tr>
<td class="tableclass">132</td>
<td class="tableclass">23</td>
<td class="tableclass">123</td>
</tr>
</table>
</body>
</html>
Stylesheet:
HTML Code:
.tableclass{
width: 100%;
border-collapse: collapse;
}
td.tableclass{
border: 1px solid black;
padding-left: 5px;
width: auto;
}
th.tableclass{
border: 1px solid black;
width: auto;
}
grüße
|
|
|
|
|
02/20/2017, 01:12
|
#7
|
elite*gold: 0
Join Date: Feb 2017
Posts: 10
Received Thanks: 0
|
Still need any help? Let me know
|
|
|
|
 |
Similar Threads
|
Html Tabelle erzeugen
05/15/2016 - Web Development - 2 Replies
Hallo,
ich habe das Problem, dass meine Tabelle nicht dem entspricht, was ich gerne hätte. Ich habe das gemacht was auf dem Handout stand ca das hier:
http://webkompetenz.wdfiles.com/local--files/html -handbuch:einfache-tabelle/tabelle.png
Aber es sieht bei mir so aus :(
Bilder-Upload - Kostenlos Fotos hochladen und ins Netz stellen
|
HTML Tabelle Hilfe
10/23/2014 - Web Development - 6 Replies
ich hab diesen html code:
<!DOCTYPE html>
<html>
<head>
<title>Tabelle</title>
<meta charset="ISO-8859-1">
<meta name="description" content="">
|
[HTML] Tabelle sortieren
04/22/2013 - Web Development - 1 Replies
Hi, ich möchte, dass meine Tabelle sortiert werden kann.
Ich habe dieses Beispiel verwendet: Sortierbare Tabelle , aber es funktioniert nicht :(
Hier meine Tabelle:
<html><head>
<title>Proxylist</title>
</head><body>
<p align="left">Proxylist last updated 2013-04-22 11:12 +0000 UTC</p><hr>
<div class="JSTableSort">
|
PHP-HTML-tabelle
09/09/2012 - Web Development - 10 Replies
Hallo meine lieben,
ich bräuchte hilfe bei folgendem Code:
<?php
$andersrum = "PHP ist vielseitig.";
echo strrev ,$andersrum;
?>
<table border="1">
|
HTML Tabelle --> Array
05/17/2012 - AutoIt - 15 Replies
Hat jemand eine Idee?
Mein Ziel ist es, wie oben schon genannt, alles in einen Array einzulesen.
also
global $asSectionMods = ]
Vielen Dank im Voraus.
|
All times are GMT +1. The time now is 20:26.
|
|
![[HELP] HTML Tabelle](https://www.elitepvpers.com/forum/iconimages/web-development/help-html-tabelle_ltr.gif){kind=small}
