Textzeilen in Mitte der HP und linksbündig

craftsmen22 · 31.05.2005, 08:40

Hallo zusammen,
bin neu hier und finde das Forum total gut. Leider konnte ich keine Antworten zu meiner Frage finden

. Villeicht könnt Ihr mir weiterhelfen. Ich möchte auf der Hompage eine Adresse in der Bildmitte angeben. Dabei sollte auch der e-mail Link funzen, deshalb wollte ich es in Text schreiben und nicht mit einer Grafik machen. Nun gelingt es mir nicht, den Text in der Bildmitte zu positionieren, ich schaffe lediglich den Text ca. 3cm einzurücken. Mit Tabellen habe ich es auch schon versucht, bin aber nicht weitergekommen. Vielleicht hat jemand einen Vorschlag. Ich sage schon mal danke.

Nicolas · 31.05.2005, 15:43

Hallo, und willkommen in der TP Gemeinde.

Versuch doch dein Problem einmal mit CSS zu lösen. Das dürfte kein Problem sein.
Aber es geht auch mit der vorgeschlagenen Grafik.
Such doch mal im Forum und wenn du dort nix findest bei google nach Image Maps.
Viel Spaß beim Tüfteln.

rednug · 31.05.2005, 16:00

Ein Link bzw. Quelltext o.ä. wäre nicht schlecht.

Gunder

T-Head · 01.06.2005, 14:41

Hi,

ich weiß zwar net ganz genau, was du willst, aber schau dir mal dess an:

Code:

<body topmargin="0" leftmargin="0">

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
  <tr>
    <td width="100%" height="100%">
    <p align="center"><a href="mailto:%20xxx@xxx.de">e-mail Link</a></td>
  </tr>
</table>

</body>

dallasstar · 01.06.2005, 15:26

oder einfach so:

HTML-Code:

<center>
 <a href="mailto:%20xxx@xxx.de">e-mail Link</a>
</center>

oder:

HTML-Code:

<div align="center">
 <a href="mailto:%20xxx@xxx.de">e-mail Link</a>
</div>

oder

HTML-Code:

<div style="text-align: center; margin: auto">
 <a href="mailto:%20xxx@xxx.de">e-mail Link</a>
</div>

T-Head · 01.06.2005, 18:57

Hi,

dann wärs aber nich in der mitte des Fensters sondern oben in der mitte!

rednug · 01.06.2005, 19:08

Hab es einfach mal in den DW geworfen und erhalte diesen Quelltext:

Code:

<table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="middle"><div align="center">Der Link</div></td>
  </tr>
</table>

Ob es passt bzw. so gemeint ist, weiß ich nicht. Im Browser sieht es jedenfalls so aus

Gunder

T-Head · 01.06.2005, 19:12

Hi,

das ist teoretisch das Gleiche wie bei mir! Nur den link hast du nich gemacht!
Da msusst du dann noch das ergänzen, wo "Der Link" steht:

Code:

 
<a href="index.html" target="_self">Der Link</a>

und du hasts mit DIV gemacht, ich mit P!! Sonst is alles gleich!

rednug · 01.06.2005, 19:15

Jo ertappt! Schäm!

Habe erst den Text geschrieben und dann noch den Link nachgereicht -im Quelltext der Seite findest du es jedoch.

Gunder

T-Head · 01.06.2005, 19:19

Hi,

ja! Hab ich mir schon angesehn! Sonst wär ja auch keiner da!

wys · 02.06.2005, 08:31

Also Leute, ich habe das Anliegen von craftsmen22 anders verstanden. Der Thread heisst: "Textzeilen in Mitte der HP und linksbündig", und sie/er spricht von "Adresse" inklusive E-Mail-Link.
Bedeutet für mich also: Mehrere Zeilen, als Block in der Mitte ausgerichtet und linksbündig untereinander. Oder habe ich das jetzt falsch gelesen?

Gruß ...
wys

parthy · 02.06.2005, 09:00

wenn ich nen absatz mittig positionieren will, mach ich immer

width:30%;
margin-left:30%;

dann steht er normalerweise immer in der mitte, und linksbuendig is der text auch. du musst ihn halt einfach um die haelfte der noch freien breite (100%-width)/2 von links einruecken. (oder rechts ^^)

T-Head · 02.06.2005, 13:44

Hi,

ich denk mal, dass er es schaffen wird, das align von center auf left zu stellen!

Und mehrere zeilen dürfte auch kein Prob sein!

craftsmen22 · 09.07.2005, 00:07

Hallo zusammen und vielen Dank für Eure Tipps. Ich war beruflich nicht in der Lage mich im Juni mit meinem Problem zu beschäftigen. Nun hatte ich wieder Zeit, und ich habe mal versucht Eure Ideen einzuarbeiten, aber irgenwie ging es nicht. Ich habe dann bei Self html eine Möglichkeit gefunden. Mit Margin ging es irgendwie, nur habe ich jetzt feste Werte angegeben, ich wollte aber dass der Textblock immer mittig, kommt und die Grafik drunter auch immer richtig ausgerichtet ist. Somit sollte das H in der Grafik bündig mit dem Textblock oben sein.

Hier der ganze html Text:

<html>
<head>
<title>Meine Startseite</title>
<meta name="author" content="Administrator">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<bodytext="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<img hspace="0" src="Bilder/HK Streifen 1 Kopie.gif" width="1280" height="57" border="0" alt="balken">
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" >
<br>
<br><font face="VERDANA,ARIAL,HELVETICA">
<font color="#0000FF"><font size="-1">

<html><head><title>margin</title>
<style type="text/css">
.typD { margin: -5% 9cm 15%; background-color:#FFFFFF; }
</style>
</head><body>
<div class="typD">Hedwig Kitzer<br>
Forschung_Beratung_Moderation_Mediation<br>
Balanstraße 197<br>
81549 München<br>
Tel. +49/89/689 22 70<br>
Fax +49/89/68 07 23 65<br>
www.research-and-more.com<br>
<br>
<a href="mailto:kitzer@research-and-more.com">kitzer@research-and-more.com</a>
</div>
<br> <img hspace="180" vspace="20cm" src="Bilder/Logo Kitzer Layout Kopie.gif" width="535" height="110" border="0" alt="">
</body></html>

Schon mal vielen Dank für Eure hilfe

rednug · 09.07.2005, 11:07

Verstehe ich dass nun richtig, dass die Grafik linksbündig genau unterhalb des Textes sein soll?
Und Text plus Grafik sollen sich in der Mitte des Bildschirmes befinden?

Gunder