Textanordung

#1 valeron

Spezialist

Gruppe: aktive Mitglieder
Beiträge: 581
Beigetreten: 13. Oktober 05
Reputation: 0
Geschlecht:Männlich
Interessen:Computer

geschrieben 29. März 2006 - 14:15

hi ich habe eine frage zu der textanordung in einer tabelle:

hier der quelltext:

seite.html (1005bytes)
Anzahl der Downloads: 164

es geht um die stelle hier is der hauptteil
in der td.main habe ich nirgends gesagt das der text mittig angeordnet werden soll
und trotzdem steht hier is der hauptteil in der mitte der tabellenzelle!!!

wie kann ich die anordung ändern; aber nicht mit text-align: right ; da ich den text
einfach nur nach oben gerichtet haben möchte um ihn dann z.b. mit padding-top und padding-left
nach meinen wünschen zu formatieren?

Dieser Beitrag wurde von valeron bearbeitet: 29. März 2006 - 14:16

Nach oben
Nach oben of the page up there ^

#2 flo

Legende

Gruppe: aktive Mitglieder
Beiträge: 7.955
Beigetreten: 14. November 04
Reputation: 1
Geschlecht:Männlich

geschrieben 29. März 2006 - 14:17

Hm also bei mir ist er links am rand oder meinst du vertikal?

das geht mit vertical-align

PS: Warum machst du dein Layout mit Tabellen?

Dieser Beitrag wurde von Flo bearbeitet: 29. März 2006 - 14:19

Nach oben
Nach oben of the page up there ^

#3 valeron

Spezialist

Gruppe: aktive Mitglieder
Beiträge: 581
Beigetreten: 13. Oktober 05
Reputation: 0
Geschlecht:Männlich
Interessen:Computer

geschrieben 29. März 2006 - 15:10

das wäre so wie es jetz aussieht ja garnicht mit divs zu realisieren oder?
das enzige was mir jetz einfällt wäre den rand für den div contaiander festzulegen und
dann da rein nochmal ein div mit ner vertical liste; aber da sind tabellen viel einfacher und
unkomplizierter!

das mit vertical align geht danke ums vom rand wegzunehmen nehm ich einfach padding!

nochwas: die ganze winfuture seite besteht aus tabellen

Nach oben
Nach oben of the page up there ^

#4 flo

Legende

Gruppe: aktive Mitglieder
Beiträge: 7.955
Beigetreten: 14. November 04
Reputation: 1
Geschlecht:Männlich

geschrieben 29. März 2006 - 15:14

Zitat

nochwas: die ganze winfuture seite besteht aus tabellen wink2.gif

aber in v5 nichtmehr

Zitat

das wäre so wie es jetz aussieht ja garnicht mit divs zu realisieren oder?

doch

Zitat

aber da sind tabellen viel einfacher und
unkomplizierter!

nö

Dieser Beitrag wurde von Flo bearbeitet: 29. März 2006 - 15:37

Nach oben
Nach oben of the page up there ^

#5 flo

Legende

Gruppe: aktive Mitglieder
Beiträge: 7.955
Beigetreten: 14. November 04
Reputation: 1
Geschlecht:Männlich

geschrieben 29. März 2006 - 15:35

Guckst du so geht es

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" >
<head>
<style type="text/css">
<!--
*{margin:0;padding:0;}
body{padding-top:100px;font-family: sans-serif;}
div#wrapper{ 
border: 1.1px solid #202080; 
width: 400px; 
margin:0 auto;
}
div#wrapper ul {list-style-type:none;border:1.1px solid #202080; text-align:center;background-color:#00A0F0;color:#fff;}
div#wrapper ul li {display:inline;padding-right:10px;padding-left:5px;}
div#wrapper p {height:150px;text-align:center;margin-top:20px;}
.border-right{border-right:1.1px;border-right-style: solid;border-right-color: #202080; }
-->
</style>
	<title>test</title>
</head>
<body>
<div id="wrapper">
<ul>
<li class="border-right">Home</li>
<li class="border-right">Tutorials</li>
<li class="border-right">Favourites</li>
<li class="border-right">User Center</li>
<li>Info</li>
</ul>
<p>hier is der hauptteil</p>
</div>


</body>
</html>