Computer Hardware Forum - TweakPC

Computer Hardware Forum - TweakPC (https://www.tweakpc.de/forum/)
-   Programmiersprachen (https://www.tweakpc.de/forum/programmiersprachen/)
-   -   Bild in einer tabelle zentrieren => HTML (https://www.tweakpc.de/forum/programmiersprachen/15478-bild-in-einer-tabelle-zentrieren-html.html)

Hansli 02.05.2004 16:20

Bild in einer tabelle zentrieren => HTML
 
Hi leude

wie kann ich ein Bild in einer Tabelle zentrieren? mit align="center"/"middle" geht es nicht. Left und right geht perfekt aber nicht in der Mitte. Und wo muss ich es eingeben? der code bis jetzt:

<table bordercolor="000000" border="1" width="100%" height="100%">
<tr>
<td>
<div align="center">BF Vietnam</div><br>
<img src="http://gateek.zli.ch/~k3653_u5/battlefieldvietnam.gif" valign="center" align="center"><br>
<div align="center">Sacred</div><br>
<div align="center">Far Cry</div><br>
<div align="center">Splinter Cell 2</div><br>
</td>
</tr>
</table>

mfg

tele 02.05.2004 16:34

einfach um das bild herum ein

<center>...</center>

Plautze 02.05.2004 17:20

die align und valign-parameter gehören nicht in den img-tag sondern in den td-tag.

cu

N3ph.rOm 04.06.2004 20:00

Das stimmt. In jeder Tabellenform kann man die Ausrichtungs Tags nicht in der Tabelle selber definieren.. Dazu musst du die Ausrichtung im jeweiligen Tabellenabschnitt definieren..

Pirke 04.06.2004 20:26

[code]<table bordercolor="000000" border="1" width="100%" height="100%"> [/code]
Nur als hinweis, in HTML 4 gibt es keinen "height" TAG. Und vor die Color Angaben kommt eigentlich ein #

tele 04.06.2004 21:58

und eigentlich schreibt man das heutzutage sowieso alles in css :roll:

smoek 18.06.2004 22:14

aber für ne einfache page mach ich doch kein css script..

[code]
<table bordercolor="#000000" border="1" width="100%" height="100%">
<tr><td width="100%">
<center>BF Vietnam<br>
<img src="http://gateek.zli.ch/~k3653_u5/battlefieldvietnam.gif"><br>
Sacred<br>
Far Cry<br>
Splinter Cell 2<br> </center>
</td></tr>
</table>[/code]

tele 18.06.2004 22:36

brauchste auch net, wenn du in jeden tag das mittels style="meine css angabe;"
reinpackst :wink:

smoek 18.06.2004 22:42

also für ne einzelne html seite mach ich kein css, das geht mit normalem html eigentlich übersichtlicher..
aber für ne page mach ich immer ne index, da kommt die tabelle, das css mit <script type="text/css"> und der switch() für den inhalt rein ;)

tele 18.06.2004 22:46

css und ein <script> tag ???

ist das net <link rel=meine.css type="text/css">

smoek 18.06.2004 22:52

das heisst <link href=meine.css rel=stylesheet> ;)
man kanns mit link, script und style !

tele 18.06.2004 22:56

jo hast ja recht, ich copy&paste das immer weil ich das meist nur einmal für eine art template benutze (header und footer funktion) die werden dann eingebunden :D

smoek 18.06.2004 22:59

das is aber total unübersichtlich, da kannste genauso html beschreibungen nehmen..

switch() kennste ja oder ? :)

tele 18.06.2004 23:57

ja klar, mir ist nur net so grnz klar was du damit machst

aja thema übersichtlichkeit:

ne inhaltsfile sieht dann bei mir so aus:

------ inhalt.php -----------------------------

<?php
my_header();

echo 'irgendwelcher inhalt';

my_footer();
?>
--------------------------------------------------

unddas ist unübersichtlich ? neee :wink:

smoek 19.06.2004 00:35

bei mir schaut die index.php so aus:

[code]

<html><head><link rel=stylesheet href=style.css><title><?php echo $section; ?></title></head>
<body marginwidth=0 marginheight=0>

<<designtabelle bis zu content>>

<?php
if(isset($section) == FALSE) {
$site='newscontent.php'; }
else {
$site=$section.'.php';}
include($site);
?>

<<designtabelle nach content>> [/code]

das is zwar nich übersichtlich, aber dafür haste dich einmal durch das ganze gewuselt, und dann nie wieder ;)
brauchst in die einzelnen "sections" gar keine html header usw schreiben.. eigentlich ganz praktisch


edit: bei deiner weise musste aber noch ein php-file includen in dem my_header() und my_footer() definiert sind, und das ist wieder unübersichtlich :P

edit2:
das was ich oben hab, ist ein kleines scriptchen das die php seite ausführt die in ?section=blablabla angegeben is. das kannste auch mit switch($site); machen

tele 19.06.2004 11:15

[quote=smoek]
brauchst in die einzelnen "sections" gar keine html header usw schreiben.. eigentlich ganz praktisch[/quote]

jo dafür sind die funktionen bei mir da - gleiches prinzip

[quote=smoek]
edit: bei deiner weise musste aber noch ein php-file includen in dem my_header() und my_footer() definiert sind, und das ist wieder unübersichtlich :P[/quote]

1. ja , eigentlich gehts so los:

<?php
session_start(); // die gute login möglichkeit nutzen
include(meine_komische_library.php);
....
?>

2.
versteh nicht ganz wo das unübersichtlich ist, du schreibst deinen content und haust oben den header und unten den footer dran

[quote=smoek]
edit2:
das was ich oben hab, ist ein kleines scriptchen das die php seite ausführt die in ?section=blablabla angegeben is. das kannste auch mit switch($site); machen[/quote]

jo also ist das oben nciht ne content sondern ne master site? Obwohl das bringt mich auch auf ne idee ....
du machst dann links auf andere sections einfach mit
[code]
href="index.php?section=mein_content"
[/code]
?

leuchtet ein

smoek 19.06.2004 11:39

[quote=telepornos]
jo also ist das oben nciht ne content sondern ne master site? Obwohl das bringt mich auch auf ne idee ....
du machst dann links auf andere sections einfach mit
[code]
href="index.php?section=mein_content" [/code]
?
leuchtet ein[/quote]

jo, so mach ich das, und wenn nix angegeben is, dann nimmt er die news-seite.
man kann das ganze auch mit nem switch machen, der nur bestimmte seiten zulässt. aber bei dem was ich geschrieben hab, wird halt das php-file mit dem section-namen included.
das selbe hab ich im gb gemacht, kannst ja mal auf meine [url=www.stebbi.de.ms]seite[/url] schauen (das design is zwar nich so dolle, aber hab keine zeit nen besseres zu machen :))
nur leider haben wir im moment server probleme, die page is mal off, mal on, siehste ja an meinem avatar ob sie on is :)

edit: das kleine switch scriptchen hat viele einsatzmöglichkeiten.
mal n beispiel
[code] ....
index.php?section=news&seite=3&design=blue&druckansicht=0
...
[/code]
ich hoffe mal dazu brauch ich nix weiter zu sagen :)

tele 19.06.2004 13:07

gut dass wir grade dabei sind deine seite zu betrachten:

[url]http://home.arcor.de/andreas.dietrich.13/tweakpc/smoeks_page.JPG[/url]

ich glaube du hast bestimmt fürn IE geschreiben? in Opera & firefox sieht die seite einfach nur kaputt aus, mach mal, wenns ne table ist n erpaet für die vertikalen bilder

smoek 19.06.2004 13:20

hmm, mal in den quelltext geguckt ?
[code]<image height=100%>[/code] bedeutet es füllt die ganze zelle aus, was von opera und dergleichen anscheinend nicht interpretiert wird - aber wie sonst ?!

tele 19.06.2004 13:22

hä? ist das meine page? nein! kann ich von hier aus in nen php quelltext gucken? nein!

*verwirrtbin*

btw. ne html site geht immer mit doctype los :wink:

smoek 19.06.2004 13:26

mit quelltext meinte ich den html quelltext, worüber reden wir denn gerade ?!
über die interpretierung einiger tags/attribute von opera und mozilla, die kriegen das php doch sowieso nicht zu auge..

achja, meine geht nich so los und sie funzt auch :)

tele 19.06.2004 14:25

1. es geht nicht darum ob es funzt oder nciht, sondern darum sauberen code zu schreiben, und das ist laut W3C numla mit doctype

1. ich glaube nicht das ich irgendwelchen quelltext angucken sollte, vielmehr ist es die pflicht eines Webdesigners, erstens seine page ncith für enien spezifischen Browser zu schreiben und zweitens sollte eben dieser seine page mit allen erdenklichen browsern testen
Bsp: [url]http://knuffelhaeschen.gotdns.com[/url] ist mit allen unter windows verfügbaren getestet worden, danach hab ichs mir im Konqueror angeguckt und siehe da, einige sachen bedurften dennoch einer verbesserung.

Weiterhin ist es auch ganz sinnvoll seine seine mal durch den html validator von W3C zu schicken ( [url]http://validator.w3.org[/url] )

edit: laut diesem hat deine Seiite 88 Fehler :wink:

smoek 19.06.2004 14:47

das mit den alt-attributen ist ie-spezifisch, aber imageready hat das so geschrieben, hatte keine lust das noch umzuändern..

aausserdem is es ja nur ne private page

tele 19.06.2004 14:55

1. ALT ist nicht IE spezifisch, ALT ist HTML 4.01 standard

2. ist es irgendwie eine Tendenz unsauberen code zu schreiben, daher mein bestreben, dies korrekt zu machen, zumal ich als AI student ja vorbildfunktion haben sollte :P

3. die ganzen alt fehler kannst du mit ersetzen hinzufügen :wink:

4. da waren nicht nur ALT Fehler ... :P :D

ging mir aber auch so, als ich meine seite fertig hatte, mal durch den validator durch und so 29 fehler mit auch den body eigentlich schon zu usw.
aber grade wenn man viel mit tables arbeitet, insbesondere bei dynamsichen content ist es schweine wichtig erstens sauber zu coden (korrekt einrücken, am besten kommentieren) und zweitens das auch wirklich durchzuchecken

smoek 19.06.2004 16:53

naja, wenn du einmal ein file schreibst und das eigentlich nie weieder veränderst, und der grösste teil sowieso generiert ist, dann brauchste das eigentlich nich zu machen..

aber mal nen ausschnitt aus meinem php-gb, da hab ich auch schön eingerückt :)
[code]
for($e=$eintr_start;$e>$eintr_stop;$e--) {
$string = $array[$e];

$string_exploded = explode(";;",$string);
$string_nummer = $string_exploded[5];
$string_name = $string_exploded[0];
$string_datum = $string_exploded[4];
$string_icq = $string_exploded[2];
$string_ort = $string_exploded[1];
$string_content = $string_exploded[3];

if($string_icq) { $var_icq ="<img src=\"http://wwp.icq.com/scripts/online.dll?icq=$string_icq&img=5\">"; }
$formstring = "<table align=center width=\"100%\" border=\"1\" rules=\"rows\" cellspacing=\"3\" cellpadding=\"4\">
<tr><td width=100% colspan=2># $string_nummer</td></tr><tr>
<td>von $string_name</td>
<td>am $string_datum</td></tr>
<tr><td width=130>$var_icq </td><td>aus $string_ort</td></tr><tr>
<td width=100% colspan=2>$string_content</td>
</tr></table><br><br>";
echo $formstring;
echo "<p>";
}
[/code]

das musste jetz sein :P


Alle Zeitangaben in WEZ +1. Es ist jetzt 02:13 Uhr.

Powered by vBulletin® Version 3.8.10 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
SEO by vBSEO 3.5.2 ©2010, Crawlability, Inc.