Seite 1 von 2
Webtexte direkt auf bestimmte Grafiken anzeigen?
Verfasst: 09.10.2006 19:39
von Rubiko
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
Verfasst: 09.10.2006 20:36
von winduff
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)
Verfasst: 09.10.2006 21:34
von AND51
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?
Verfasst: 09.10.2006 22:24
von winduff
...so.... gehts auch...
Verfasst: 09.10.2006 22:32
von Kiffi
>
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
Verfasst: 09.10.2006 22:33
von AND51
Und
winduff hat geschrieben:schwer
ist es auch nicht!
Verfasst: 09.10.2006 22:40
von winduff
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
Verfasst: 09.10.2006 23:50
von AND51
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...
Verfasst: 10.10.2006 00:07
von edel
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.
Verfasst: 10.10.2006 00:16
von AND51
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.