Hi,
du hast die Platzhalter als JPG gespeichert?
Bist du dir sicher, dass du sie dann transparent gespeichert hast?
Versuch mal GIF oder PNG.
![]()
Hallo ihr,
ich hoffe, dass ich mit meinem Problem im richtigen Unterforum gelandet bin. Andernfalls bitte ich um Entschuldigung ...
Ich möchte mit Hilfe von Dreamweaver eine Seite erstellen. Code-technisch steht das ganze noch im Anfangsstadium, ich bin gerade erst dabei, die Schaltflächen ( = Schaltis) an der linken Seite einzurichten.
In einem Kurs wurde uns gesagt, dass es sehr nützlich ist, Platzhalter zu verwenden, das heißt transparente Mini-Bilder für die Zwischenräume. So möchte ich den gleichmäßigen Abstand zwischen den Schaltflächen erreichen. Leider aber werden die Platzhalter weiß angezeigt auf meinem beigefarbenen Untergrund.
Woran kann das liegen?
Ich habe sie mit Hilfe von Ps erstellt (10 mal 10 Pixel) und beim Einrichten der Bilddatei transparent eingestellt, sodass sie theoretisch unsichtbar sein müssten.
So sieht der Quelltext aus, die Platzhalter heißen Leerstelle.
(ganz unten, letzter Absatz)
Ich würde mich freuen, wenn ihr mir helfen könntet.<!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=utf-8" />
<title>H.O.W.L</title>
<style type="text/css">
<!--
#General {
position:absolute;
left:0px;
top:0px;
width:700px;
height:5155px;
z-index:1;
background-color: fff7bd;
border:1px, dashed, color:#000000;
visibility: visible;
}
#Schaltis {
position:absolute;
left:4px;
top:4px;
width:140px;
height:904px;
z-index:2;
background-color:fff7bd;
visibility: visible;
}
body {
background-color: #fff7bd;
}
-->
</style>
</head>
<body>
<div id="General"></div>
<div id="Schaltis"><a href="#"><img src="../Schaltis/Eingang.png" alt="Eingang" width="140" height="51" border="0" /></a><img src="../Schaltis/leerstelle.JPG" width="10" height="10" /><br />
<a href="#"><img src="../Schaltis/Der Wolf.png" alt="Der Wolf" width="140" height="51" border="0" /></a><img src="../Schaltis/leerstelle.JPG" width="10" height="10" /><br />
<a href="#"><img src="../Schaltis/Mord.png" alt="Mord" width="140" height="51" border="0" /></a><img src="../Schaltis/leerstelle.JPG" width="10" height="10" /><br />
<a href="#"><img src="../Schaltis/Schutz.png" alt="Schutz" width="140" height="51" border="0" /></a><img src="../Schaltis/leerstelle.JPG" width="10" height="10" /><br />
<a href="#"><img src="../Schaltis/Poesie.png" alt="Poesie" width="140" height="51" border="0" /></a><img src="../Schaltis/leerstelle.JPG" width="10" height="10" /><br />
<a href="#"><img src="../Schaltis/Archiv.png" alt="Archiv" width="140" height="51" border="0" /></a><img src="../Schaltis/leerstelle.JPG" width="10" height="10" /><br />
<a href="#"><img src="../Schaltis/Kontakt.png" alt="Kontakt" width="140" height="51" border="0" /></a></div>
</body>
</html>
Gruß
Hi,
du hast die Platzhalter als JPG gespeichert?
Bist du dir sicher, dass du sie dann transparent gespeichert hast?
Versuch mal GIF oder PNG.
![]()
»Man sollte alles so einfach wie möglich sehen - aber auch nicht einfacher.«
-Albert E.
JPGs können nach meiner Meinung nach nicht transparent gespeichert werden.
Zwar etwas eingestaubte Info zu "Webgrafiken": http://www.traum-projekt.com/traum-q...mate/seite/23/ , aber genauso aktuell wie Platzhalter-Grafiken zu verwenden.
Du tust dir und deinen Besucher mehr einen Gefallen die nötigen Ränder per CSS zu definieren.
Geändert von koenixblau (20.03.2010 um 14:02 Uhr) Grund: LINK
Vielen Dank für eure Hilfe, das mit Jpeg/Png hatte ich leider wieder vergessen ... stimmt so war das.
Koenixblau- der Link geht aber leider nicht, da taucht nur ein Daumen nach oben auf.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)