vertical-align funktioniert nich

AnTrOn · 13. April 2010

hi

vertical-align in css funktioniert nicht klebt trotzdem am oberen rand

seiten quelltext:

PHP

<?php 
session_start();




include ("checkuser.php"); 
?>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" type="image/x-icon" href="../bilder/wp.ico" />
<title></title>
</head>
<body>
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr><th colspan="13"><img src="../bilder/game/1.jpg" /><img src="../bilder/game/2.jpg" /></th></tr>




<tr><th rowspan="2"><img src="../bilder/game/3.jpg" /></th>




<th><a href="index.php"><img src="../bilder/game/6.jpg"/ title="Home" alt="Home"></a></th>
<th><a href="pm/index.php"><img src="../bilder/game/7.jpg"/ title="Post" alt="Post"></a></th>
<th><a href="konto/index.php"><img src="../bilder/game/8.jpg" title="Konto" alt="Konto"/></a></th>
<th><a href="vertrag/index.php"><img src="../bilder/game/9.jpg" title="Verträge" alt="Verträge"/></a></th>
<th><a href="marke/index.php"><img src="../bilder/game/10.jpg" title="Marketing" alt="Marketing"/></a></th>
<th><a href="forschung/index.php"><img src="../bilder/game/11.jpg" title="Forschung" alt="Forschung"/></a></th>
<th><a href="server/index.php"><img src="../bilder/game/12.jpg" title="Server" alt="Server"/></a></th>
<th><a href="markt/index.php"><img src="../bilder/game/13.jpg" title="Markt" alt="Markt"/></a></th>
<th><a href="liste/index.php"><img src="../bilder/game/14.jpg" title="Rangliste" alt="Rangliste"/></a></th>
<th><a href="eistellung/index.php"><img src="../bilder/game/15.jpg" title="Einstellungen" alt="Einstellungen"/></a></th>
<th><a href="logout.php"><img src="../bilder/game/16.jpg" title="Logout" alt="Logout"/></a></th>




<th rowspan="2"><img src="../bilder/game/4.jpg" /></th></tr>




<tr><th colspan="11">
<!--Text-->
<div id="Seite">
Home befindet sich im Aufbau!
</div>
<!--Text-->
</th></tr>




<tr><th colspan="13"><img src="../bilder/game/5.jpg" /></th></tr>




</table>
<?php include ("foot.htm"); ?>
</center>
</body>
</html>

Alles anzeigen

css datei:

Code

body {
	background-color: black;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 0;
	border:0; text-align: left;
	vertical-align: bottom;
  }
div#Seite {
    text-align: center;
    margin: 0;
    padding: 0;
    border: no;
	color: #000000;
	font-weight: bold;
	background-image:url(../bilder/game/17.jpg);
	height: 498px;
	width: 854px;
	font-size: 0.8em;
	overflow:auto;
	vertical-align:middle;
  }
a:link { text-decoration:none; font-weight:bold; color:#33FFFF; }
a:hover { text-decoration:none; font-weight:bold; background-color:blue; }
a:visited { text-decoration:none; font-weight:bold; color:#33FFFF; }
div#Copy {
    text-align: center;
    margin: 0;
    padding: 0;
    background: black;
    border: no;
	font-size: 0.8em;
	color:#33FFFF;
  }
* {margin: 0px; padding:0px;}
img {border:0;}

Alles anzeigen

habt ihr ne ahnung warum es nich geht? kann auch sein das es ein anfängerfehler is?!

danke

Sarkkan · 13. April 2010

Mit 'vertical-align' gibst du an, wo in der Zeile der Text stehen soll.
Standard ist eingestellt, dass eine Zeile die Höhe des Textes hast.
Bei einer 12px Schrift hat somit die Zeile eine Höhe von 12px.
Wo hin soll den nun die Schrift, wenn Sie keinen Platz hat?

Ich habe dein Problemchen fix gelöst, indem ich das gemacht habe:

Code

HTML: (Aus Zeile 17)
<tr id="text"><th rowspan="2"><img src="../bilder/game/3.jpg" /></th>




CSS:
tr#text {
    line-height: 100px; /* Beispielhöhe */
    vertical-align: bottom;
    height: 100px; /* Muss gleich der line-height sein */
}

Alles anzeigen

Hoffe zerschieße dir damit nichts xD
Wenn doch, gerade melden, dann müsste es mit etwas mehr ohne Probleme klappen.

AnTrOn · 13. April 2010

jetzt funktioniert es aber meine dateien werden nicht mehr included

index

PHP

<?php 
session_start();




include ("checkuser.php"); 
?>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" type="image/x-icon" href="../bilder/wp.ico" />
<title>web-planer.com :: Das Internet-Browsergame</title>
</head>
<body>
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr><th colspan="13"><img src="../bilder/game/1.jpg" /><img src="../bilder/game/2.jpg" /></th></tr>




<tr><th rowspan="2"><img src="../bilder/game/3.jpg" /></th>




<th><a href="index.php"><img src="../bilder/game/6.jpg"/ title="Home" alt="Home"></a></th>
<th><a href="pm/index.php"><img src="../bilder/game/7.jpg"/ title="Post" alt="Post"></a></th>
<th><a href="konto/index.php"><img src="../bilder/game/8.jpg" title="Konto" alt="Konto"/></a></th>
<th><a href="vertrag/index.php"><img src="../bilder/game/9.jpg" title="Verträge" alt="Verträge"/></a></th>
<th><a href="marke/index.php"><img src="../bilder/game/10.jpg" title="Marketing" alt="Marketing"/></a></th>
<th><a href="forschung/index.php"><img src="../bilder/game/11.jpg" title="Forschung" alt="Forschung"/></a></th>
<th><a href="server/index.php"><img src="../bilder/game/12.jpg" title="Server" alt="Server"/></a></th>
<th><a href="markt/index.php"><img src="../bilder/game/13.jpg" title="Markt" alt="Markt"/></a></th>
<th><a href="liste/index.php"><img src="../bilder/game/14.jpg" title="Rangliste" alt="Rangliste"/></a></th>
<th><a href="eistellung/index.php"><img src="../bilder/game/15.jpg" title="Einstellungen" alt="Einstellungen"/></a></th>
<th><a href="logout.php"><img src="../bilder/game/16.jpg" title="Logout" alt="Logout"/></a></th>




<th rowspan="2"><img src="../bilder/game/4.jpg" /></th></tr>




<tr>[color=red]<th id="info" colspan="11">[/color]
<!--Text-->
Home befindet sich im Aufbau!
<!--Text-->
</th></tr>




<tr><th colspan="13"><img src="../bilder/game/5.jpg" /></th></tr>




</table>
<?php include ("foot.htm"); ?>
</center>
</body>
</html>

Alles anzeigen

css

Code

body {
	background-color: black;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 0;
	border:0; text-align: left;
	vertical-align: bottom;
  }
div#Seite {

  }
a:link { text-decoration:none; font-weight:bold; color:#33FFFF; }
a:hover { text-decoration:none; font-weight:bold; background-color:blue; }
a:visited { text-decoration:none; font-weight:bold; color:#33FFFF; }
div#Copy {
    text-align: center;
    margin: 0;
    padding: 0;
    background: black;
    border: no;
	font-size: 0.8em;
	color:#33FFFF;
  }
* {margin: 0px; padding:0px;}
img {border:0;}
[color=red]th#info {
    line-height: 498px; /* Beispielhöhe */
    vertical-align:middle;
    height: 498px; /* Muss gleich der line-height sein */
	text-align: center;
    border: no;
	color: #000000;
	font-weight: bold;
	background-image:url(../bilder/game/17.jpg);
	width: 854px;
	font-size: 0.8em;
}[/color]

Alles anzeigen

das war rot ist ist neu dazu gekommen

Basi · 13. April 2010

gelöscht

Laura, bitte mach was

Sarkkan · 13. April 2010

@Basiii:
*grummel*
Dann muss ich das eben wieder schreiben xD

Hast du das eigentlich auf deinem Rechner getestet oder auf einem PHP-fähigem Webserver?
Weil dein Rechner kann kein PHP, außer du benutzt z.B. XAMPP.

AnTrOn · 14. April 2010

php fähiger webserver

vorher bei dem ersten skript ging es ja noch aba jetzt mehr

Sarkkan · 14. April 2010

Hmm...seltsam, weil ich habe damit ja wirklich überhaupt nichts zu tun gehabt..

Übrigens kannst du anstelle von 'height' und 'line-height' auch 'margin(-top)' verwenden..

Nur mal so ne Frage.. was wolltest du eigentlich wo haben?

AnTrOn · 14. April 2010

wie jetzt?

die foot.htm soll unter der tabelle sein

hab auch schon mit einem iframe versucht oder object aba da entsteht in der tabelle im firefox immer ein weißer strich ohne nich

Sarkkan · 14. April 2010

...wieso machst du das eigentlich in einer Tabelle?
Ich mag Tabellenlayouts nicht... =/
und ein iFrame bindet doch eine Seite ein... wie include halt.. (Nur das Include nicht die Nachteile hat) wäre ja dann doppelt gemoppelt...
Ich benutze lieber <div id="x"></div> ..^^

Naja, wenn müsstest du doch dafür eher sorgen, dass die foot.htm hoch zur Tabelle kommt, oder?
Und nicht die Tabelle runter zu foot.htm ..

AnTrOn · 14. April 2010

ja ich weis hatte bis jetzt noch nich wirklich zeit mich mit css layouts zu beschäftigen.
kann nur ganz einfache!

Sarkkan · 14. April 2010

Dabei ist CSS wirklich einfach und wie ich finde sehr schnell zu erlernen =/
Kann dir sonst auch gerne dabei helfen^^

AnTrOn · 14. April 2010

jo könntest du bitte machen

danke

Sarkkan · 14. April 2010

Wobei soll ich dir den genau helfen?
Soll ich dir ein Layout schreiben? oder willst du es versuchen und ich soll dich berichtigen und Tipps geben?

Und noch was, sollen wir über PN weiter machen oder hier?

AnTrOn · 14. April 2010

layout schreiben wäre ganz hilfreich danke

is mir ega wo mir schreiben

Basi · 14. April 2010

Also das glaube ich jetzt mal nicht, schauste hier, und hier für Design Beispiele...

vertical-align funktioniert nich

Jetzt mitmachen!

Teilen