[HTML] Tabelle

bluex · 7. Juli 2005

hallo

mit welchen befehl kann man den text am anfang einer tabelle schreiben und nicht immer inner mitte!?

value · 7. Juli 2005

Re: html:tabelle

Zumindest ich, verstehe nicht mal ansatzweise worauf du hinauswillst mit dieser Frage?

Aber schau dich mal hier um.

bluex · 7. Juli 2005

Re: html:tabelle

na, wenn ich ne tabelle mache und die höhe z bsp 500 wähle, dann wenn ich die tabelle mit text fülle steht der text inna mitte von der tabelle und nicht ganz links oben....

syntec · 7. Juli 2005

Re: html:tabelle

bluex schrieb:
dann wenn ich die tabelle mit text fülle steht der text inna mitte von der tabelle und nicht ganz links oben....

<td align=left valign=top>

über CSS kannst Du auch noch den genauen Abstand oben, rechts, unten, links definieren
und noch vieles mehr:

Beispiel:
<td align=left valign=top style="padding: 3px; text-align: justify">

3 Pixel Abstand zum Rand, Textinhalt Blocksatz

bluex · 7. Juli 2005

Re: html:tabelle

jippie genau das brauchte ich!

riesen dankeschoen!

html liegt nun doch schon 7 jahre bei mir zurück :-)

Benjamin_L · 8. Juli 2005

Re: html:tabelle

syntec schrieb:
<td align=left valign=top>

über CSS kannst Du auch noch den genauen Abstand oben, rechts, unten, links definieren
und noch vieles mehr:

Beispiel:
<td align=left valign=top style="padding: 3px; text-align: justify">

3 Pixel Abstand zum Rand, Textinhalt Blocksatz

also wenn schon CSS, dann bitte ganz...

style="padding: 3px; text-align: center; vertical-align: top;"

align="left" verwendet man heutzutage auch nicht mehr

bluex · 8. Juli 2005

kann man eigentlich nen farbübergang like this

mit css oder ähnlichem realisieren!?

Benjamin_L · 8. Juli 2005

nein. Und wenn, dann würde es der IE bestimmt nicht unterstützen...

value · 8. Juli 2005

Du kannst so einen Farbübergang höchstens als Bild, als Table-background setzen.
Ist dann halt immer eine Frage der Ladezeiten.

bluex · 8. Juli 2005

mhhh.....ja ladezeiten....müsste man dann insgesamt sehen...im mom denke ich aber geht das noch....

digiTALE · 8. Juli 2005

Hey,

na klar kann man sowas realisieren, aber dieser Filter ist nur speziell für den Internet Explorer entwickelt worden. Typisch Microsoft !

PHP:

<table>
<tr>
<td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF',
endColorStr='#AEC0EC', gradientType='1')"></td>
</tr>
</table>

mit gradientType kannst du entweder die "0" oder "1" schreiben, gibt jeweils an ob es waagerecht oder senkrecht angezeigt wird.

mfg digiTALE

Surgeon · 8. Juli 2005

Du könntest höchtens ein Bild erzeugen über GD-Library, was aber auf die Aufbauzeit geht da das Bild immer wieder neu generiert wird. Am besten prüfen ob das Bild existiert, wenn nicht dann erzeugen

PHP:

<?php

 Header ("Content-type: image/png"); 

 $pic = ImageCreate(100,200);

 for ($a=1; $a<100 ; $a++) {
  $licolor = ImageColorAllocate ($pic, $a*2, $a*2, $a*2); 
  imageline($pic, $a, 0, $a, 200, $licolor);
 }

 ImagePng ($pic,'',100);
 ImageDestroy ($pic); 

?>

bluex · 8. Juli 2005

hallo

ich hab mal noch eine letzte frage bzgl tabellen.

ich habe hier ne spalte welche als "mainframe" fungiert.
da ich diese in der grösse fest definiert habe, habe ich ein problem punkt. *ggg*
da ich ein paar mehr inhalte in dieser spalte plazieren möchte werde ich wohl ein platz problem bekommen.
ist es nun möglich in einer spalte mehr content zuplazieren und das ganze über einen scrollbalken zu realisieren!?
dadurch wäre es ja möglich mehr platz in einem fest def. "feld" zu haben.

gibts da irgendwelche möglichkeiten1?

digiTALE · 8. Juli 2005

hey,

wenn ich dich richtig verstanden habe sollte dies dir helfen.

PHP:

<html>
<head>
<style>
div.box{ width:200px; height: 300px; overflow:auto; border:1px solid #cccccc;
color:#444444; font-family:verdana; font-size:11px; }
</style>
</head>
<body>

<div class="box">Hier kannst du viel hinschreiben ohne viel PLatz wegzunehmen </div>

</body>
</html>

mfg digiTALE

bluex · 9. Juli 2005

he cbler :-) komme aus vetschau, nächstemal treffen wir uns gleich inna heimat

jetzte suche ich nur noch de fkt, wie ich den rahmen von der box wegbekomme

bluex · 9. Juli 2005

okay border auf null fertisch *gg*

bluex · 9. Juli 2005

so, das hat ja nun super geklappt :-)

eine frage bleibt doch noch....mh die zeilenabstände im text......mit welchen befehl kann man die nochmal ändern...?

gibts doch noch ne fest def. fkt (css...ähnliches) ausser shift enter?

digiTALE · 9. Juli 2005

wenn du den rahmen nicht haben willst, brauchst du einfach nur das "border:1px solid #cccccc" entfernen.

Den Zeilenabstand bestimmst du per "line-height:20px" im CSS-Style.
Die Pixel/Abstand sollte immer höher als die Schriftgrösse sein, sons verengt er den Text zu doll.

mfg digiTALE

da real shit · 9. Juli 2005

digiTALE schrieb:
wenn du den rahmen nicht haben willst, brauchst du einfach nur das "border:1px solid #cccccc" entfernen.

Den Zeilenabstand bestimmst du per "line-height:20px" im CSS-Style.
Die Pixel/Abstand sollte immer höher als die Schriftgrösse sein, sons verengt er den Text zu doll.

mfg digiTALE

DigiTale hat recht is so ganz einfach zu machen

Benjamin_L · 9. Juli 2005

ok, hier meine Lösung für das ganze, wie bereits in ICQ geschrieben:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Telefans.de</title>
<style type="text/css">
	div {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		font-family:verdana;
		font-size:11px;
		height: 500px;
	}
	div.header {
		height: 140px;
	}
	div.links {
        position: absolute;
		width: 100px;
		background: #B70511;
	}
	div.mitte {
	        position: absolute;
		width: 477px;
		margin-left: 100px;
		overflow: auto;
		padding-left: 3px;
	}
	div.mitte p {
		padding-top: 3px;
	}
	div.rechts {
		position: absolute;
		padding-left: 3px;
		margin-left: 580px;
		width: 215px;
	}
	div.footer {
		margin-top: 500px;
		font-size: 9px;
		position: absolute;
		background: #fff;
		height: 17px;
		width: 798px;
		text-align: center;
		color: #CC0033;
		padding-left: 2px;
		padding-top: 3px;
	}
	div.footer span {
		color: #000;
		float:left;
	}
	body {
		background: #958d80;
	}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
</head>

<body>
<div>
  <div class="header"><img src="test_ppp_files/header_test1.jpg" alt="header"></div>
  <div class="links"></div>

  <div class="mitte">

        <p>Hier kannst du viel hinschreiben ohne viel PLatz wegzunehmen</p>
        <p>gfhgfg</p>
        <p>&nbsp;</p>
        <p>gfh</p>
        <p>fg</p>

        <p>hh</p>
        <p>gh</p>
        <p>gfh</p>
        <p>gfh</p>
        <p>gf</p>
        <p>&nbsp;</p>

        <p>fhgfghfg</p>
        <p>fgghfghfgh</p>
        <p>gfh</p>
        <p>fghgf</p>
        <p>fhgfh</p>
        <p>&nbsp;</p>

        <p>fgghfghfgh</p>
        <p>gfh</p>
        <p>fghgf</p>
        <p>fhgfh</p>
        <p>&nbsp;</p>

  </div>

  <div class="rechts">adöfdklfjsdf</div>
  <div class="footer"><span>© telefans.de</span> Impressum </div>
</div>

</body>
</html>

[edit:]
Jetzt vollständig Standard konform

[HTML] Tabelle

Ensign

Commander

Ensign

Lt. Commander

Ensign

Commander

Ensign

Commander

Commander

Ensign

Lt. Junior Grade

Cadet 3rd Year

Anhänge

Ensign

Lt. Junior Grade

Ensign

Ensign

Ensign

Lt. Junior Grade

Lt. Junior Grade

Commander

Ähnliche Themen