HTML for Dummie

Wintics · 9. November 2005, 14:06

Hey Leute

Klein Winni macht sich wichtig mit HP Schnitzerei. Und nachdem er so brav ist macht er das "zu Fuss" ganz ohne Frontpage oder so

Bin leider dabei eingerosted und stehe vor dem Problem ein Background Wallpaper (jpg + bmp) nicht transparent zu kriegen

Leider ist das viel zu kräftig und nun will ich es eben transparent kriegen nur wie ??

*HILFE*

Mlg

Wintics

juergen · 9. November 2005, 14:08

Transparenz geht nur mit gif und png's. Bei png's transparenz gibts im Internet Explorer aber einen Bug. Bei Gif kannst eine Farbe als Transparent farbe setzen, bei png's sogar verläufe

Microsoft ist der Bug seit ca 2002 bekannt, aber anstatt ihn zu fixen findet man einen 3zeiler den man um jede Grafik schreiben soll :rolleyes:

juergen · 9. November 2005, 14:10

achja, andere möglichkeit transparenz zu bekommen ist über stylesheet

opacity: 0.5;
filter:Alpha(opacity=50);

eines ist fürn IE, das andere für gscheite browser

Wintics · 9. November 2005, 14:34

Also mit Stylsheet funzt

Super Danke. An das habe ich gar nimma dacht

Nur eine frage habe ich noch. Muss ich aus dem Pic dann ein jpg schintzen oder wie kriege ich meinen Text über das transparente Bild jetzt :-((

Mlg

Wintics

So schaut der text derzeit aus. Also der Auszug:

<html>

<head>
<body bgcolor="CD8162" text="red" link="#FF66CC" vlink="#CCCCCC" alink="#FF0000" b>

<div style="wall3.png"; padding:20px; text-align:center">
<img src="wall3.png" style="filter:Alpha(opacity=30, finishopacity=30, style=2)"></div>

<p align=Center>
<font size=6>
<B>

<BR>
Text der über das Transparente png soll aber nur unterhalb vom png auftaucht :-// BR><BR><BR>

Fehlt mir noch was ?

Zur not mache ich halt nen Screenshot draus und ein jpg. Damit kenne ich mich wenigstens aus *hehe*

mlg und Danke

juergen · 9. November 2005, 15:19

ich bin mir nicht ganz sicher was du willst, aber du kannst ja einen <div für die grafik und einen <div für den Text machen und absolut positionieren (inklusive z-achse)

Wintics · 10. November 2005, 07:42

Also ich möchte ein Transparentes HintergrundBild damit man den Text den ich DARÜBER legen will besser lesen kann

Nur ich schaffs nicht den Text ÜBER das bild zu kriegen

Er erscheint immer nur unterhalb vom Bild

juergen · 10. November 2005, 09:18

also ich meinte das:
(die farbe kannst auch mit dem Bild tauschen)
ist aber nur für layouting wirklich gut weil eben absolut positioniert.

<html>
<head>
<title>Test</title>
<style type="text/css">
div.bild {
position: absolute;
left: 10px;
top: 10px;
width: 100px;
height: 200px;
background-color: red;
z-index: 0;
}
div.text {
position: absolute;
left: 10px;
top: 50px;
z-index: 1;
}
</style>
</head>
<body>
<div class="bild"></div>
<div class="text">Dies ist text</div>
</body>
</html>

Wintics · 11. November 2005, 12:35

Jana genau Das WARS auch

Super Danke

Image Src dazu und hat auf anhieb gefunkt

Nochmals VIELEN DANK

Mlg

Wintics

Wintics · 22. November 2005, 15:13

Ich schon wieder mit nen neuen HTML Problem

Wie kann ich eine Voransicht für Pis erbasteln so wie hier ?

deinearmee.de/erstellen/show.php?id=685

Am liebsten wäre mir eine reine HTML Lösung so wie immer

Nachdem ich weder von Java noch von CSS massig bis GARKEINE AHnung habe

Wieviel Tipperei das ist ist mir Blunzen nachdem ich des Copy und Pasts mächtig bin *hehe*

Mlg

Wintics

Warlock · 22. November 2005, 16:37

Da brauchst einen Hyperlink:

<a href="Deine Bild-Adresse">xyz</a>

und statt xyz kannst 2 sachen reintun: erstens Text, oder ein Bild mit normalen <img src=" ">

Letzteres führt zu so einer Vorschau, du benötigst halt ein großes und ein kleines Bild.

Hier wird das nochmal genau erklärt:
de.selfhtml.org/html/grafiken/verweise.htm

HTML for Dummie

HTML for Dummie

Teilen

Benutzer online 1