Web-Design Verzerrung bei abgeflachte Kanten und Relief - Photoshop-Cafe.de :: Dein Photoshop-Forum

corraggiouno · #1 03.07.09, 23:38

Hallo,

in der Anlage habe ich folgende Graphik, welche ich in vier Teile zerschnitten habe. Die Linien kennzeichnen meine Aufteilung. Die Auflösung der gesamten Bildfläche ist 2000 x 2000 px. Wenn ich die Graphik nach folgendem Tutorial in CSS definiere
http://www.andreas-kalt.de/webdesign...ls/runde-ecken

kommt bei mir folgendes Ergebnis heraus
http://netcs.de/
kann mir jemand sagen warum?

**Garion** · #2 04.07.09, 01:09

Hab's mal dahin verschoben, wo's hin gehört

corraggiouno · #3 04.07.09, 12:41

habe da mal noch den html-code

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>JK</title>
<link href="css/jk.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
<div class="or">
 <div class="ol">
  <div class="ur">
   <div class="ul">
    <div class="inhalt">
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diamnonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis no
      jadklsfjadlf<br />
      jadklsfjadlf<br />
      jadklsfjadlf<br />
      jadklsfjadlf<br />
      jadklsfjadlf<br />
      jadklsfjadlf<br />adklsfjadlf<br />
      
      </p>
    </div>
   </div>
  </div>
 </div>
</div>
</div>
</body>
</html>

und den css-code:

Code:

div#wrapper {
height: 800px;
width: 600px;
margin:0 auto;
	
}


.or {
background:url(../images/or.gif) top right no-repeat;
margin:0;
padding:0;
 }
  
.ol {
background:url(../images/ol.gif) top left no-repeat;
margin:0;
padding:0;
}
  
.ur {
background:url(../images/ur.gif) bottom right no-repeat;
margin:0;
padding:0;
}
 
.ul {
background:url(../images/ul.gif) bottom left no-repeat;
margin:0;
padding:0;
}

.inhalt {
 margin:0;
 padding:2.0em;
}
 
.inhalt p {
margin:0; padding:0;
}

vielleicht kann mir jemand sagen warum ich so ein merkwürdiges ergebnis bekomme, also warum ich an der linken seite so einen grauen Streifen bekomme?
http://netcs.de/

corraggiouno · #4 04.07.09, 12:43

hier noch die einzelnen Graphiken bzw. Ecken

**Garion** · #5 04.07.09, 12:52

Hey, ich wollte dich mal eben kurz aufbauen. Das ist nämlich gar nicht mal so schlecht was du hier tust... immerhin lieferst du die html & css codes, zeigst die Bilder...das ist schon ne ganze Menge Material mit dem man arbeiten und dir sicherlich gut helfen kann.

Ich wollte dich allerdings um ein wenig Geduld bitten. Nicht dass du jetzt denkst: "Toller Moderator...verschiebt mein Thema aber hilft mir nicht!"
Das liegt daran, weil ich hauptsächlich für die Stock-Galerie zuständig bin und von html und css kaum etwas verstehe. Aber wir haben hier einige erfahrene Leute, die sich damit bestens auskennen. Hab also ein wenig Geduld, bis jemand auf dieses Thema aufmerksam wird und eine Lösung für dein Problem weiß.

Schönen Gruß,

Garion

corraggiouno · #6 04.07.09, 13:15

überhaupt kein Problem. Ich warte sehr gerne und überhaupt finde ich das Forum klasse.

corraggiouno · #7 05.07.09, 19:35

hat niemand einen Tipp für mich, was ich an den Graphiken falsch gemacht habe? Habe die Graphiken mit Freistell-Werkzeug erstellt!
bzw. warum bekomme ich an der linken Seite eine graue Schattierung?
http://www.netcs.de

**Ylloh** · #8 05.07.09, 22:11

die Breiten- und Höhenangaben stimmen aber? Also in CSS das gleiche wie in JPG/GIF/PNG?

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Relief am Text	Ann	Hilfestellung, Tipps und Tricks	3	28.09.09 16:08
Seifenblase mit Verzerrung für Photoshop Elements	kritzel	Fortgeschrittene Techniken	31	22.07.09 22:43
Abgeflachte Kanten und Relief bildet sich beim Freistellen	corraggiouno	Hilfestellung, Tipps und Tricks	8	06.07.09 22:27
Freistellen mit perspektivischer Verzerrung: Warum manchmal völlig verzerrt?	aki-108	Hilfestellung, Tipps und Tricks	11	07.08.08 23:45
Relief mit Filter Beleuchtungseffekt	phoenix	Fortgeschrittene Techniken	1	27.08.05 13:51

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)