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 |
einfach um das bild herum ein <center>...</center> |
die align und valign-parameter gehören nicht in den img-tag sondern in den td-tag. cu |
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.. |
[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 # |
und eigentlich schreibt man das heutzutage sowieso alles in css :roll: |
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] |
brauchste auch net, wenn du in jeden tag das mittels style="meine css angabe;" reinpackst :wink: |
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 ;) |
css und ein <script> tag ??? ist das net <link rel=meine.css type="text/css"> |
das heisst <link href=meine.css rel=stylesheet> ;) man kanns mit link, script und style ! |
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 |
das is aber total unübersichtlich, da kannste genauso html beschreibungen nehmen.. switch() kennste ja oder ? :) |
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: |
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 |
[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 |
[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 :) |
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 |
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 ?! |
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: |
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 :) |
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: |
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 |
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 |
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&nbsp;</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 |
naja mit dem "schön eingerückt" ist so ne sache ich persönlich finde z.b. die { nach dem ( widerlich ich setz die immer drunter bsp (mal in java): [code] public class Sonstwas { public static void main(String[] Args) { for(int i=0;i<10;i++) { System.out.println("DAS ist schön eingerückt !"); } // end for(int i=0;i<10;i++) } // end main() } // end plublic class Sonstwas [/code] |
******* java :> aber ich kann en bisschen c (ganz kleines bisschen blos) ich setz die auch immer drunter, aber die for´-schleife hab ich von nem teamone beispiel rauskopiert und ersetzt, weil ich mir die schei** syntax nich merken kann (langsam wirds mal zeit :)) |
jo ist doch ganz enfach: for ( irgendeinstartwer ; der startwert einen Wert erreicht ; schritte ) |
[klugsche*ss] naja, also ich würd eher so ausdrücken: for( <startwert> ; <wert beim beenden der schleife> ; <was jeden durchlauf ausgeführt wird> ); [/klugsche*ss] |
und warum kannst du dir dann den syntax net merken? |
ok ok,. habs aus selfphp mehr oder weniger abgeschrieben :) ganz einfach, weil ichs nicht so oft brauche, und wenn ich mal wieder was scripte dann hab ich sowieso die referenz nebendran liegen |
AW: Bild in einer tabelle zentrieren => HTML Was is'n jetzt mit der ursprünglichen Frage? ****** Google... |
AW: Bild in einer tabelle zentrieren => HTML warum html tables und kein <ul><li></li></ul> und dann display:table; da kannste dann mit margin:0 auto; jedes beliebige element in jedem beliebigen element zentrieren :) |
AW: Bild in einer tabelle zentrieren => HTML Gute Tip das Zentrieren von Elementen ist oft immer noch ein Problem in den verschiedenen Browsern. Auch nach Jahren ^^ <center> funktioniert in einigen Browsern in anderen nicht <div align="center"> bei einigen bei wieder anderen muss man mit CSS arbeiten also <div style = "margin:0 auto;"> |
AW: Bild in einer tabelle zentrieren => HTML Bei alten Browsern (vor allem Internet Explorer) kann schon das Design zerschossen werden, wenn du ordentlich codest bzw. den Code klar in Zeilen strukturierst. Hatte mal das Problem, dass ein Foto in einer Tabelle nie richtig ausgerichtet war. Während es im FF richtig funktionierte, machte der IE großen Stress. Später fand ich heraus, dass die Zeilen / Strukturierung das Problem waren: der Browser hat Leerzeichen gesehen, wo eigentlich keine sind. Musste dann den gesamten Zelleninhalt in einer Zeile am Stück schreiben - dann funktionierte es... |
AW: Bild in einer tabelle zentrieren => HTML Oki das mit der Liste zum zentrieren klingt interessant das schau ich mir an :-) |
Alle Zeitangaben in WEZ +1. Es ist jetzt 19:27 Uhr. |
Powered by vBulletin® Version 3.8.10 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
SEO by vBSEO 3.5.2 ©2010, Crawlability, Inc.