zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Formatieren einer Tabelle mit um 90 Grad gedrehtem Text

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.02.2014, 16:08
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.02.2014
Beiträge: 3
juri befindet sich auf einem aufstrebenden Ast
Standard Formatieren einer Tabelle mit um 90 Grad gedrehtem Text

Hallo miteinander,

ich möchte bei einer Tabelle mit CSS3 die Höhe und die Breite anpassen.
Allerdings sieht das Ganze so aus als ob irgendwie ein versteckter margin oder paddingwert mit im Spiel wäre.

Der Text in der Kopfzeile soll um 90 Grad verdreht sein. Das funktioniert zwar aber die Tabelle ist alles andere als formatiert.

Im Anhang befindet sich ein Screenshot meiner Idee

PHP-Code:
<!doctype html>
<html>

<head>
        <title>Mein Test</title>
        
        <link href="./mycss/mytest.css" type="text/css" rel="stylesheet">

</head>

<body>

    <?php 

        
echo "<table id='mytable'>";
        
            
// Hier startet die Kopfzeile mit den gedrehten Namen
        
            
echo "<tr id='mytr'>";
    
            for(
$i=0$i<10$i++){     

                echo 
"<td id='mytd'>Peter Tester</td>"
            }
    
            echo 
"</tr>";

            
// Hier endet die Kopfzeile mit den gedrehten Namen
            
            
            // Hier startet die Zeile mit den Kaestchen zum anklicken
            
            
echo "<tr id='kaestchen_zeile'>";
        
            for(
$j=0$j<10$j++){     

                echo 
"<td id='kaestchen_zelle'>1</td>"

            }
            
            echo 
"</tr>";
            
            
// Hier endet die Zeile mit den Kaestchen zum anklicken
            
        
echo "</table>";
        
    
?>
    
</body>
</html>
hier die css

HTML-Code:
@CHARSET "US-ASCII";

#mytable{
	
	border:	1px solid red;
}

#mytr{
	
	height:	100px;
}

#mytd{
	
	border:	1px solid green;
	
	width:	20px;
	
	font-family:	Arial;
	font-size:	10pt;
	
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
}

#kaestchen_zeile{
	
	height:	20px;
}

#kaestchen_zelle{
	
	border:	1px solid green;	
	width:	20px;
}
An welchen Parametern kann ich schrauben damit die Höhe und Breite einer Zelle reagiert - wenn der Text in einer Zelle bleibt bin ich schon zufrieden.

Vielen Dank und noch einen schönen Tag,

Gruß,
juri
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
90 grad gedrehter text, css3

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Float:right fehler im IE6 gertnaster CSS 9 04.01.2011 21:59
Parent DIV soll mit der Höhe seines Childs wachsen Tekkla CSS 2 19.11.2009 18:27
gibt es eine andere Lösung ohne Tabelle? online CSS 16 24.04.2009 08:41
frage zur umsetzung (siehe anhang) mmiethe79 CSS 4 01.04.2009 15:10
Helft mir. Ich habe voll die Leseschwäche nick CSS 12 15.01.2008 20:52


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:06 Uhr.