Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „mapping und schrift“

thenameless

Noch nicht viel geschrieben

hallo liebe user!
ich hab mal ne frage!
<html>
<head>
<title>welcome</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body bgcolor="#000000">


<div>
<MAP NAME="enter">







<AREA SHAPE=RECT COORDS="17,434,111,479" HREF="home.html" ALT="home">
<AREA SHAPE=RECT COORDS="16,494,182,534" HREF="aboutme.html" ALT="about us">
<AREA SHAPE=RECT COORDS="19,614,91,657" HREF="picz.html" ALT="picz">
<AREA SHAPE=RECT COORDS="16,549,109,594" HREF="linkz.html" ALT="linkz">
<AREA SHAPE=RECT COORDS="12,727,134,767" HREF="http://www.smoolutions.de/smoobook/index.php?user=lolstinker">
<AREA SHAPE=RECT COORDS="17,670,150,710" HREF="contact.html">
</MAP>
</div>
</body>
</html>


so sieht jetzt meine html datei aus...
wie kann ich jetzt schrift aufs bild kriegen?
geht das mit mapping überhaupt?
www.icecoldkillaz.de.tc
 

knockknockneo

Nicht mehr ganz neu hier

Du könntest es auch per CSS und dem Z-Index arbeiten:

Code:
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
}
-->
</style>

dann fügst du in einem div-tag mit der id "Layer1" das Bild ein und in in dem mit der ID "Layer2" den Text
 

thenameless

Noch nicht viel geschrieben

knockknockneo schrieb:
Du könntest es auch per CSS und dem Z-Index arbeiten:

Code:
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
}
-->
</style>

dann fügst du in einem div-tag mit der id "Layer1" das Bild ein und in in dem mit der ID "Layer2" den Text

gehts etwas genauer? :wink:
 

knockknockneo

Nicht mehr ganz neu hier

Hier der komplette HTML Code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
}
-->
</style>
</head>
<body>
<div id="Layer1">
</div>

<div id="Layer2">Dein Text</div>
</body>
</html>
genau genug?
 

thenameless

Noch nicht viel geschrieben

knockknockneo schrieb:
Hier der komplette HTML Code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
}
-->
</style>
</head>
<body>
<div id="Layer1">
</div>

<div id="Layer2">Dein Text</div>
</body>
</html>
genau genug?

ja, genau genug..
aber jetzt kommt das problem!!
wenn ich die schrift da draufmache,
geht dasmapping nicht mehr^^
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.155
Beiträge
2.581.856
Mitglieder
67.222
Neuestes Mitglied
Gregor
Oben