tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
14
ZUGRIFFE
1423
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 02.08.04 22:17 #1
    reggib reggib ist offline Rookie
    Registriert seit
    Dec 2003
    Beiträge
    6
    Hallo zusammen,

    ich habe mir mit Photoshop eine kleine Homepage in Visitenoptik gebastelt und möchte nun das der komplette Inhalt in der Bildschirmmitte (horizontal & vertikal)zentriert angezeigt wird!

    Genauso ähnlich wie hier: http://www.date.com

    Mein relevanter Code sieht bisher so aus:

    <BODY BGCOLOR=#67CC00 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
    <!-- ImageReady Slices (homepage_entwurf2_slices.psd - Slices: 03, 04, 05, 06, 07, 08, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40) -->
    <TABLE ALIGN=center WIDTH=670 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    ......

    Horizontal ist bereits alles zentriert (aufgrund TABLE ALIGN=center) aber eben nicht vertikal! Und wenn ich den Befehl VALIGN=middle hinzufüge passiert leider nichts

    Wer kann mir helfen?

    Vielen Dank im voraus
     
  2. 02.08.04 22:33 #2
    Avatar von shutdown
    shutdown shutdown ist offline Mitglied Smaragd
    Registriert seit
    Jun 2004
    Beiträge
    1.026
    hm also bei mir heißt der Befehl so:

    valign="center"

    und wenns dann immer noch nicht geht: <table height="100%">
     
  3. 02.08.04 22:52 #3
    reggib reggib ist offline Rookie
    Registriert seit
    Dec 2003
    Beiträge
    6
    nein, leider es auch mit valign="center" und height="100%" nicht (

    Der komplette Table wird leider immernoch NUR horizontal zentriert angezeigt

    Wer kann mir sonst noch weiterhelfen
     
  4. 02.08.04 23:11 #4
    Avatar von Karl Förster
    Karl Förster Karl Förster ist offline Mitglied Platin
    Registriert seit
    Feb 2001
    Ort
    München
    Beiträge
    646
    Das ganze geht nur, in dem du eine Tabelle außen herumbaust und die durch Photoshop erstellte Tabelle darin zentrierst. Die Außentabelle setzt du width und height auf 100%. Bitte darauf achten, dass es kein XHTML ist, denn dort funktioniert das ganze nicht!
     
    MfG

    Karl Förster
    Entwicklung / Development
    Appia, Inc.

    appia.com
  5. 03.08.04 00:05 #5
    Avatar von shutdown
    shutdown shutdown ist offline Mitglied Smaragd
    Registriert seit
    Jun 2004
    Beiträge
    1.026
    hab ich eigentlich damit gemeint

    hätte ich mir genauer durchlesen sollen
     
  6. 03.08.04 19:41 #6
    Sebastianus Sebastianus ist offline
    Registriert seit
    Mar 2002
    Ort
    BRD
    Beiträge
    489
    wenn, dann heißt es bei valign "middle" und nicht "center"

    align = left, center, right
    valign = top, middle, bottom
     
  7. 03.08.04 19:52 #7
    reggib reggib ist offline Rookie
    Registriert seit
    Dec 2003
    Beiträge
    6
    @Karl Förster:

    danke für deinen Tipp mit der Tabelle außenrum!

    Könntest du mir vielleicht noch sagen wie ich dass codemäßig genau umsetzte!

    Mein Code lautet wie folgt:

    <HTML>
    <HEAD>
    <TITLE>homepage_entwurf2_slices</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    </HEAD>
    <BODY BGCOLOR=#67CC00 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
    <!-- ImageReady Slices (homepage_entwurf2_slices.psd - Slices: 03, 04, 05, 06, 07, 08, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40) -->
    <TABLE HIGHT="100%" WIDTH=670 BORDER=0 CELLPADDING=0 CELLSPACING=0 align=center>
    <TR>
    <TD ROWSPAN=3>
    <IMG SRC="Bilder_neu/Slice_03.gif" WIDTH=79 HEIGHT=85 ALT=""></TD>
    [usw....]


    Wäre echt cool wenn mir jemand den Code entsprechend ergänzen könnte, sodaß nun endlich der gesamte Inhalt (alle slices) horizontal & vertikal zentriert werden!

    Vielen Dank
     
  8. 03.08.04 20:55 #8
    Avatar von shutdown
    shutdown shutdown ist offline Mitglied Smaragd
    Registriert seit
    Jun 2004
    Beiträge
    1.026
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14

    <HTML>
<HEAD>
<TITLE>homepage_entwurf2_slices</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#67CC00 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
[COLOR=red]<table heigth="100%" width="100%" valign="center" align="center">[/COLOR] 
<!-- ImageReady Slices (homepage_entwurf2_slices.psd - Slices: 03, 04, 05, 06, 07, 08, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40) -->
<TABLE HIGHT="100%" WIDTH=670 BORDER=0 CELLPADDING=0 CELLSPACING=0 align=center>
<TR>
<TD ROWSPAN=3>
<IMG SRC="Bilder_neu/Slice_03.gif" WIDTH=79 HEIGHT=85 ALT=""></TD>
[usw....]
[COLOR=red]</table>[/COLOR]

    Und nur so nebenbei: valign="center" funktioniert wunderbar
     
    Versuche nie Probleme zu lösen, von deren Existenz du noch gar nichts weißt!
  9. 04.08.04 12:56 #9
    Avatar von Karl Förster
    Karl Förster Karl Förster ist offline Mitglied Platin
    Registriert seit
    Feb 2001
    Ort
    München
    Beiträge
    646
    Da waren wohl andere schon schneller. shutdowns Methode ist schon richtig, nur fehlen noch die <tr> und <td> zur sauberen Umsetzung:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14

    <HTML>
<HEAD>
<TITLE>homepage_entwurf2_slices</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#67CC00 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
[COLOR=red]<table heigth="100%" width="100%"><tr><td align="center" valign="middle">[/COLOR] 
<!-- ImageReady Slices (homepage_entwurf2_slices.psd - Slices: 03, 04, 05, 06, 07, 08, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40) -->
<TABLE HIGHT="100%" WIDTH=670 BORDER=0 CELLPADDING=0 CELLSPACING=0 align=center>
<TR>
<TD ROWSPAN=3>
<IMG SRC="Bilder_neu/Slice_03.gif" WIDTH=79 HEIGHT=85 ALT=""></TD>
[usw....]
[COLOR=red]</td></tr></table>[/COLOR]

    Und nur so nebenbei: valign="center" funktioniert wunderbar

    Stimmt nicht so ganz. Da du als Wert center genommen hast und HTML bzw. der Browser diesen nicht kennt wird automatisch middle genommen, da dies der Standardwert ist. Daher scheint es als wenn es funktioniert.
     
    MfG

    Karl Förster
    Entwicklung / Development
    Appia, Inc.

    appia.com
  10. 05.08.04 18:08 #10
    reggib reggib ist offline Rookie
    Registriert seit
    Dec 2003
    Beiträge
    6
    @karl förster & shutdown: danke euch beiden

    leider klappt es immer noch nicht richtig, weder bei der einen noch bei der anderen variante des codes! (

    Der Inhalt wird immernoch lediglich horizontal zentriert angezeigt!

    Ich weiß auch gar nicht warum bzw. wo der Fehler liegt?!

    Hier nochmal der originale (aber verkürzte) quellcode, damit Ihr vielleicht seht wo der fehler liegt (auf Basis von lars' Vorschlag, aber shutdowns analog!)

    <HTML>
    <HEAD>
    <TITLE>homepage_entwurf2_slices</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    </HEAD>
    <BODY BGCOLOR=#67CC00 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
    <table heigth="100%" width="100%"><tr><td align="center" valign="middle">
    <!-- ImageReady Slices (homepage_entwurf2_slices.psd - Slices: 03, 04, 05, 06, 07, 08, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40) -->
    <TABLE HEIGHT="100%" WIDTH=670 BORDER=0 CELLPADDING=0 CELLSPACING=0 align="center">
    <TR>
    <TD ROWSPAN=3>
    <IMG SRC="Bilder_neu/Slice_03.gif" WIDTH=79 HEIGHT=85 ALT=""></TD>
    [usw.]
    </TR>
    </TABLE>
    <!-- End ImageReady Slices -->
    </td></tr></table>
    </BODY>
    </HTML>


    Vielen Dank nochmals im voraus.....
     
  11. 05.08.04 18:20 #11
    Avatar von shutdown
    shutdown shutdown ist offline Mitglied Smaragd
    Registriert seit
    Jun 2004
    Beiträge
    1.026
    vielleicht irre ich mich auch...

    <BODY BGCOLOR=#67CC00 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
    das ist doch kein normaler <body>-Bereich
    Erstens fehlen die " und zweitens kommen css-Eigenschaften ohne Style-Argument vor.

    Kann das sein, dass das noch von dem Programm eingefügt wird, mit dem du deinen Content erstellt hast? Und somit noch zum Content gehört?

    Dann solltest du mal noch einen extra Body-Bereich rum-bauen und auch die Zentierungstabelle auch darum schließen
     
    Versuche nie Probleme zu lösen, von deren Existenz du noch gar nichts weißt!
  12. 05.08.04 19:57 #12
    reggib reggib ist offline Rookie
    Registriert seit
    Dec 2003
    Beiträge
    6
    kann durchaus sein, und es wäre zumindest mal einen versuch wert....

    aber wie mach ich das genau mt dem neuen body-tag Kannst du mir mal entsprechend den original code von oben mit dem neuen body-tag und der Zentrierungstabelle erweitern

    Wäre echt super nett...
     
  13. 05.08.04 20:04 #13
    Avatar von shutdown
    shutdown shutdown ist offline Mitglied Smaragd
    Registriert seit
    Jun 2004
    Beiträge
    1.026
    Basiert aber auf der Annahme, dass der alte Body-Bereich zum Content gehört...

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

    <HTML>
<HEAD>
<TITLE>homepage_entwurf2_slices</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>[COLOR=red]
<body>
<table heigth="100%" width="100%"><tr><td align="center" valign="middle">[/color]
<BODY BGCOLOR=#67CC00 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (homepage_entwurf2_slices.psd - Slices: 03, 04, 05, 06, 07, 08, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40) -->
<TABLE HEIGHT="100%" WIDTH=670 BORDER=0 CELLPADDING=0 CELLSPACING=0 align="center">
<TR>
<TD ROWSPAN=3>
<IMG SRC="Bilder_neu/Slice_03.gif" WIDTH=79 HEIGHT=85 ALT=""></TD>
[usw.]
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>[COLOR=red]
</td></tr></table>
</body>[/color]
</HTML>
     
    Versuche nie Probleme zu lösen, von deren Existenz du noch gar nichts weißt!
  14. 06.08.04 23:24 #14
    reggib reggib ist offline Rookie
    Registriert seit
    Dec 2003
    Beiträge
    6
    @ shutdown: ok, ich habe es nun eingermaßen gelöst! danke für deine vorschläge....

    kannst du mir noch sagen, mit welchem html-befehl (kein Java!) ich den text in der statusleiste verändern kann

    da gab es doch einen ganz kurzen einfachen befehl, oder?! ...irgendwas mit window.status="text" oder so

    (Ich brauch aber kein onmouseover-befehl sondern dass der Text von anfang an und dauerhaft in der statusleiste angezeigt wird)

    Danke
     
  15. 06.08.04 23:27 #15
    Avatar von shutdown
    shutdown shutdown ist offline Mitglied Smaragd
    Registriert seit
    Jun 2004
    Beiträge
    1.026
    bin mir jetzt nicht ganz sicher was du mit statusleiste meinst

    Wenn du das blaue Ding ganz oben meinst - (wo auch Microsoft Internet Explorer drinsteht) - da kommste über <title> blabla </title>ran

    <TITLE>homepage_entwurf2_slices</TITLE>
     
    Versuche nie Probleme zu lösen, von deren Existenz du noch gar nichts weißt!
« HTML-Programmierung in Newslettern | Tabellen beschränken? »

Ähnliche Themen

  1. Tabelle horizontal und vertikal zentrieren
    Von Haarentferner im Forum CSS
    Antworten: 3
    Letzter Beitrag: 12.07.10, 21:09
  2. Tabelle im Browser vertikal und horizontal Zentrieren?
    Von Stephan Liebig im Forum CSS
    Antworten: 1
    Letzter Beitrag: 04.04.07, 14:44
  3. Horizontal & vertikal zentrieren
    Von Carrear im Forum CSS
    Antworten: 10
    Letzter Beitrag: 06.08.06, 20:44
  4. Layer Horizontal und vertikal zentrieren
    Von modo im Forum CSS
    Antworten: 2
    Letzter Beitrag: 20.12.04, 23:36
  5. zentrieren horizontal & vertikal
    Von AUToPSY im Forum HTML-Editoren
    Antworten: 6
    Letzter Beitrag: 29.11.01, 17:29