Hi @all!
Ich will in meine Designumsetzung mehrere PNGs mit Transparentheit einfügen.
Dafür gibt es ja einen Filter!
Wer kann mir diesen einbauen bzw genau sagen wie ich das machen muss?
html code:
css code
Filter gibt es hier:
https://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html
Ich will in meine Designumsetzung mehrere PNGs mit Transparentheit einfügen.
Dafür gibt es ja einen Filter!
Wer kann mir diesen einbauen bzw genau sagen wie ich das machen muss?
html code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="Jugendfeuerwehr%20Gro%DF%20Parin2-Dateien/style.css" rel="stylesheet" type="text/css"><!--[if IE]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]--><title>Jugendfeuerwehr Groß Parin</title></head><body>
<div class="border" align="center">
<div id="wrapper">
<div id="header"></div>
<div id="navigation">
<ul class="navi">
<div id="nb">linkdddddd</div>
<br>
<br>
<br>
<br>
</ul>
<img src="Jugendfeuerwehr%20Gro%DF%20Parin2-Dateien/naviBottom.jpg" alt=""><br clear="all">
</div>
<div id="content">
<div align="left">
<div class="contentBg">
<img src="Jugendfeuerwehr%20Gro%DF%20Parin2-Dateien/contentTop.jpg" alt=""><br clear="all">
<p style="padding: 0pt 10px 0pt 8px;">
Suspendisse euismod condimentum
neque. Cras turpis. Nunc egestas, ante posuere mattis luctus, mauris
est iaculis est, in feugiat odio pede et diam. Aliquam massa augue,
mattis ac, molestie vel, tempus a, urna. Vivamus volutpat nisl ac
dolor. Nullam commodo ipsum non mauris. Nullam aliquam. Duis adipiscing
mollis libero. Donec consectetuer diam nec nibh. Ut nulla mauris,
malesuada at, interdum quis, semper sed, felis. Mauris nisl lorem,
blandit in, mattis vitae, adipiscing pharetra, pede. Sed erat.
Suspendisse potenti. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Donec tincidunt lobortis urna. Cras eu tortor at nisi
placerat ullamcorper. Vivamus hendrerit venenatis mauris. <br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In eleifend
nisl at mi. In hac habitasse platea dictumst. Aenean interdum, mauris
quis pulvinar congue, purus turpis ultrices velit, vel sagittis eros
magna et quam. Aliquam eleifend ullamcorper quam. Suspendisse erat.
Pellentesque aliquam porta augue. Ut faucibus laoreet velit. Donec quis
dui. Nullam congue. In mollis congue lorem. <br><br>
Vestibulum ultrices aliquet augue. Pellentesque et pede nec nunc
euismod fermentum. Curabitur pellentesque venenatis erat. Suspendisse
bibendum. Proin ultrices, mauris eu iaculis venenatis, odio neque
aliquam nisi, in sodales nisi dui sed lorem. Vestibulum quam nisi,
luctus a, consectetuer vel, scelerisque non, quam. Etiam tempus tortor
eget arcu. Praesent pretium tincidunt ipsum. Integer ultricies. In
consectetuer tempus est. Maecenas odio nulla, suscipit vel, tempor ut,
volutpat non, arcu. Nam interdum eros id lectus. Nam sodales fermentum
felis. Sed tristique sollicitudin urna. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. </p>
<img src="Jugendfeuerwehr%20Gro%DF%20Parin2-Dateien/contentBottom.jpg" alt=""><br clear="all">
</div>
</div>
</div>
</div>
<br clear="all">
</div>
</body></html>
css code
HTML:
BODY {
background-image: url(img/background.jpg);
}
DIV#header {
width: 970px;
height: 193px;
background-image: url(img/header4.png);
padding: 0 0px 0 0;
}
DIV#navigation {
width: 222px;
float: left;
background: url(img/naviBg.jpg) repeat-y;
padding-right: 0px;
}
DIV#navBar {
width: 222px;
background: url(img/naviBg.jpg) repeat-y;
}
DIV#wrapper {
width: 970px;
}
DIV#content {
width: 746px;
float: right;
}
DIV.contentBg {
width: 747px;
background: url(img/contentBg.png) repeat-y;
margin-right:60px;
}
DIV#nb {
width: 159px;
height: 22px;
background: url(img/navibutton.png) repeat-y;
position:absolute
}
UL.navi {
}
Filter gibt es hier:
https://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html