Webtexte direkt auf bestimmte Grafiken anzeigen?

Rubiko · Beitrag von **Rubiko** » 09.10.2006 19:39

Hi,
sorry für den komischen Titel aber mir ist kein besserer eingefallen

Naja um was es geht... ihr kennt sicher alle Seiten wie: www.Eimex.de

was daran so besonders ist?
Bei Eimex.de ist der ganze Text der Website wie auf ein Blatt Papier geschrieben, links und rechts in gleichem Abstand ist alles grau.
Ähnlicher Fall ist bei www.griffons-tibia.de

Jetzt meine Frage:
Wie bekommt man das hin, dass zentriert ein Bild auf einer Seite ist und auf diesen Bild dann Text?

Kann mir einer diesbezüglich vielleicht ein paar online Tutoriale oder Bücher empfehlen? Bin noch ein ziemlicher Anfänger in Sachen Webdesign

Danke im Voraus,
Rubiko

winduff · Beitrag von **winduff** » 09.10.2006 20:36

Na dann will ich dir mal behilflich sein

Google mal nach CSS

Aber du wirst dir schwer tun. Nimm lieber sowas wie bei mir, auf eimex, Wordpress z.B.

Ein Blogsystem. Auch ganz gut sind CMS wie joomla etc.

Kannst mich gern mal im Skype anblabbern ich helfe dir gerne mal bei deiner ersten Homepage. Wenn du HTML / CSS / PHP / mySQL selber lernen willst... uff lange schlaflose Nächte stehen dir bevor. Vorallem weil HTML der größte Mist aller Zeiten ist

(naja okay, hat aber ne blöde Syntax)

AND51 · Beitrag von **AND51** » 09.10.2006 21:34

Eimex-Chef hat geschrieben:Google mal nach CSS
Aber du wirst dir schwer tun.

Quatsch! Es geht auch krüger... äh... klüger!

Das hatten wir sogar in der Schule und ich war (natürlich) der einzige der die Antwort darauf wusste:

Wie stellt man im Browser Text (und andere Dinge) vertikal und horizontalk zentriert dar?

Lösung: Eine Tabelle, 100% breit und 100% hoch, mein TD-Tag dann angeben, dass der inhalt zentriert werden soll:

Code: Alles auswählen

<html><body>

<table border=1 width="100%" height="100%">
<tr><td height="100%" width="100%" align="center" valign="middle">

<b>Dieser Text steht IMMER in der Mitte © AND51</b>

</td></tr>
</table>

</body></html>

Rubiko, um den gewünschten Effekt zu erzielen, kopierst du den Code und schreibst alles in diese 1xq große Zelle hinein. Nur überall bei width machst du nicht 100% breite, sondern z. B. nur 80%. Oder nimm einen festen Wert, ist besser. Nimm z. B. 600 Pixel. Height kann außerdem überall weggelassen werden.
Wenn die breite kleiner als 100% ist, du also wie gewünscht eine schmalere Tabelle nimmst, setze die tabelle noch in <center>-tags und gut ist.

Code: Alles auswählen

<center>

... Hier die abgeänderte Tabelle von oben reinsetzen. Height überall weglassen und width schmaler machen, dabei am besten einen festen Wert(100, 600 750 Pixel, nicht Prozent!) wählen ...

<center>

Alles klar?

winduff · Beitrag von **winduff** » 09.10.2006 22:24

...so.... gehts auch...

Beitrag von **Kiffi** » 09.10.2006 22:32

> Quatsch! Es geht auch krüger... äh... klüger!

Tabellen als Layout-Hilfe zu nehmen ist aber nicht mehr ganz state-of-the-art

Grüße ... Kiffi

AND51 · Beitrag von **AND51** » 09.10.2006 22:33

Und

winduff hat geschrieben:schwer

ist es auch nicht!

winduff · Beitrag von **winduff** » 09.10.2006 22:40

stimmt, eigentlich super einfach.

Aber bau mal ohne kenntnisse schnell' die erste homepage auf. Und schwer bezieht sich vorallem auf CSS. Wenn du's aber kannst, melde dich bei mir: mein team sucht dringend css'ler

AND51 · Beitrag von **AND51** » 09.10.2006 23:50

CSS an sich kann ich. Bin zwar kein Profi und habs wieder ein bissl verlernt, da das letzte mal vor 2 Jahren benutzt, aber was solls...

edel · Beitrag von **edel** » 10.10.2006 00:07

Wer ernsthaft ne Homepage bauen will nimmt doch wohl keine Tabelle
fuer das Layout

. Tabellen sind nur fuer das darstellen von Daten
gedacht.
CSS und HTML sind beides nicht schwer, zumal man sie nicht mal
auswendig lernen muss. Was man nicht weiss schlaegt man nach.
Gibt schliesslich sehr viele Seiten die sich damit beschaeftigen.

AND51 · Beitrag von **AND51** » 10.10.2006 00:16

Na und? Es geht doch hier nur um das Zentrieren.
Wenn man keine Tabelle will, nimmt man halt <DIV> oder <SPAN>, setzt noch ein STYLE="WIDTH:80%;TEXT-ALIGN:CENTER;" rein und dann hat man dasselbe Ergebnis.

In diesem Beispiel müsste in dieses zuerst erstelle <DIV> oder <SPAN> noch ein <DIV> oder <SPAN>, diesmal aber mit TEXT-ALIGN:LEFT;, damit innerhalb des 80% breiten, zentrierten Bereichs wieder alles linksbündig ist.