nicht angemeldet
Dreispaltiges Layout
Hi,
ich habe in Anlehnung an die Selfhtml-Beschreibung ein dreispaltiges Layout erzeugt. In der linken und rechten Spalte jeweils Text und in der Mitte ein Bild (jpg).
Dieses Bild liegt am oberen Rand.
Wie kann ich erreichen, dass es in der Mitte des längsten der beiden Texte steht?
Danke Euch!
-
Grüße,
Wie kann ich erreichen, dass es in der Mitte des längsten der beiden Texte steht?
kann mir nix drunter vorstellen - sklizze zB?
onlinebeispiel etc.
MFG
bleicher-
kann mir nix drunter vorstellen - sklizze zB?
1 aaaaaaaaa ________ xxxxxxxxx
2 bbbbbb | | yyyyyyyyyyyyyyyyy
3 bbbbbb | | yyyyyyyyyyyyyyyyy
4 bbbbbb | | yyyyyyyyyyyyyyyyy
5 bbbbbb | | yyyyyyyyyyyyyyyyy
6 bbbbbb ________ yyyyyyyyyyyyyyyyy
7 cccccc sdsdddgdgdgdgsdgsdg
8 ddddddddd ztrrtwrrzwzzrzz
9trtrtrtrr zzuuuuuurutetttt
10 trttzztziitzi
11 ggfgfgfgfdffgBild soll etwa in der Mitte von Zeile 1 bis 10 stehen, also nach unten rutschen.
-
Grüße,stell mal dein zeug online - aber je nach - wenn du anscheinend einfach nur vertikale zentrierung brauchst - top:50% und margin-top -halbe bildhöhe
MFG
bleicher-
Grüße,stell mal dein zeug online - aber je nach - wenn du anscheinend einfach nur vertikale zentrierung brauchst - top:50% und margin-top -halbe bildhöhe
Klappt so nicht, warum?
Online stellen kann ich es leider nicht, da ich keine HP habe.
Hier aber ein Beispiel:<html> <div style="float:left; width:45%; font-size:1.5em; font-weight:bold; text-align:right;"> Willkommen im<br />Deutsch-französischen Verein<br /> ....................<br /> ....................<br /> ....................<br /> ....................<br /> ....................<br /> ....................<br /> ....................<br /> ....................<br /> </div> <div style="float:right; width:45%; font-size:1.5em; font-weight:bold;"> Bienvenu<br /> au Club franco-allemand<br /> ....................<br /> ....................<br /> ....................<br /> ....................<br /> </div> Gruß Werner <div style="text-align:center;"> <img style="border:0; height:50px; margin-top:25px; top:50%" alt="" src="/bilder/logo.jpg" /> </div> <br style="clear:both;" /><br /> </html>-
Grüße,
Online stellen kann ich es leider nicht, da ich keine HP habe.
http://unite.opera.com/de/ damit kanns tu mal auf die schnelle was online stellen oder updaten :) speziell für solche testzwecke imho perfekt
und dein html ist scheußlich - was sollen die br's? man verwendet doch keine zeileumbrüche um höhe zu setzen? weise den divs eine höhe als eigenschaft zu !!!!?
MFG
bleicher-
http://unite.opera.com/de/ damit kanns tu mal auf die schnelle was online stellen oder updaten :) speziell für solche testzwecke imho perfekt
Finde leider nicht, wie und wohin hochladen.
Auf meinen PC zugreifen lassen möchte ich nicht.und dein html ist scheußlich - was sollen die br's? man verwendet doch keine zeileumbrüche um höhe zu setzen? weise den divs eine höhe als eigenschaft zu !!!!?
Danke, werde daran arbeiten - aber aller Anfang ist schwer!
Gruß
Werner-
Grüße,
Danke, werde daran arbeiten - aber aller Anfang ist schwer!
ich weiss - meiner ist nciht so lange her - aber mach es Schritt für schritt - man legt keine Dachziegel, wenn FUndament noch nicht da ist.
Bitte mach den rest vernünftiger, eher du Anfängst Feinheiten anzupassenund nein - das wäre kein "zugriff auf dein Computer" nur auf die von dir veröffentlichte html :) mache ich manchmal auch - wenn ich Fragen habe zu denen ich was zeigen sollte
sonst registrier dich bei funpic.de oder onsteinem free hoster
MFG
bleicher-
Ebenfalls Grüße,
sonst registrier dich bei funpic.de
Dort steht: Es ist verboten die Angebote des Freehosting als reine Downloadpage/Datenablage ohne vollwertige Page zu nutzen.
Ich wollte eigentlich erst ins Internet, wenn meine Seiten einigermaßen ausgetestet sind.
Falls aufgrund der vorliegenden Infos kein Lösungstipp gegeben werden kann, werde ich versuchen, durch "try and error" hinter eine Lösung zu kommen.
Danke für Deine Hilfe.
Gruß
Werner-
Grüße,
sonst registrier dich bei funpic.de
Dort steht: Es ist verboten die Angebote des Freehosting als reine Downloadpage/Datenablage ohne vollwertige Page zu nutzen.und? es ist nocht so dass du dich mit echten daten registrieren würdest oder schäden daovn trägst wenn die es löschen - dannblebt dir aber echt nur noch die OperaUnite Lösung
Ich wollte eigentlich erst ins Internet, wenn meine Seiten einigermaßen ausgetestet sind.
zu testzwecken so früh wie möglich
Falls aufgrund der vorliegenden Infos kein Lösungstipp gegeben werden kann, werde ich versuchen, durch "try and error" hinter eine Lösung zu kommen.
schlechter Ansatz , ehrlich
MFG
bleicher-
Falls aufgrund der vorliegenden Infos kein Lösungstipp gegeben werden kann, werde ich versuchen, durch "try and error" hinter eine Lösung zu kommen.
Aber doch ganz im Sinne von Selfhtml - erst versuchen, dann um Hilfe rufen!
-
-
-
-
Hallo :)
Du könntest dem div, in dem das Bild steht, ein padding-top geben.
Beispielsweise: <div style="text-align:center; padding-top: 5em;">mfg
cygnus--
Die Sache mit der Angel und dem ><o(((°> hat immer einen Haken ...-
Hi
Du könntest dem div, in dem das Bild steht, ein padding-top geben.
Beispielsweise: <div style="text-align:center; padding-top: 5em;">Wenn der Text links oder rechts aber z.B. 50em lang wäre, so wäre das Bild der Größe von z.B. 5em nach wie vor nicht in der Mitte.
Gruß
Werner-
Grüße,
ok - ich sags und laufe davon - "Tabelle" - *running*
MFG
bleicher-
Grüße,
ok - ich sags und laufe davon - "Tabelle" - *running*
MFG
bleicherSorry - verstehe ich nicht!
Gruß
Werner
-
-
Hallo :)
Beispielsweise: <div style="text-align:center; padding-top: 5em;">
Wenn der Text links oder rechts aber z.B. 50em lang wäre, so wäre das Bild der Größe von z.B. 5em nach wie vor nicht in der Mitte.Und wenn der Text links oder rechts z. B. 100 em lang wäre, dann wäre das vertikal in der Mitte stehende Bild zunächst mal ausserhalb des Viewports.
Warum soll das Bild denn überhaupt in der Mitte der Textlänge stehen?mfg
cygnus--
Die Sache mit der Angel und dem ><o(((°> hat immer einen Haken ...-
Hi,
Warum soll das Bild denn überhaupt in der Mitte der Textlänge stehen?
Weil es schön aussieht!
Gruß
Werner-
Hallo :)
Warum soll das Bild denn überhaupt in der Mitte der Textlänge stehen?
Weil es schön aussieht!Aber sieht man denn immer die gesamte Textlänge? Wenn nicht, dann stünde das Bild doch mal weiter oben, mal weiter unten, mal ausser Sichtweite?
Und wie wäre es, wenn es immer in der Mitte des Viewport stünde?mfg
cygnus--
Die Sache mit der Angel und dem ><o(((°> hat immer einen Haken ...-
Hi,
Aber sieht man denn immer die gesamte Textlänge? Wenn nicht, dann stünde das Bild doch mal weiter oben, mal weiter unten, mal ausser Sichtweite?
Gute Frage!
Aber der Text ist so kurz, dass er locker auf eine Bildschirmseite passt.Und wie wäre es, wenn es immer in der Mitte des Viewport stünde?
Was heißt dies?
Gruß
Werner-
Hallo :)
Und wie wäre es, wenn es immer in der Mitte des Viewport stünde?
Was heißt dies?Du kannst das ja mal ausprobieren.
position:fixed
http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=position%3Afixedmfg
cygnus--
Die Sache mit der Angel und dem ><o(((°> hat immer einen Haken ...-
Hi,
Du kannst das ja mal ausprobieren.
position:fixed
http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=position%3AfixedDazu meine geplante Vorgehensweise und den Kommentar von Bleicher:
Falls aufgrund der vorliegenden Infos kein Lösungstipp gegeben werden kann, werde ich versuchen, durch "try and error" hinter eine Lösung zu kommen.
schlechter Ansatz , ehrlichEs scheint tatsächlich nur durch Probieren möglich sein!
Resignierter Gruß
Werner
-
-
-
-
-
-
-
-
-
-
-
-
-
