|
|
#1
03.07.09, 23:38
|
|||
|
|||
|
Verzerrung bei abgeflachte Kanten und Relief
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? 
|
|
#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>
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;
}
http://netcs.de/ Geändert von corraggiouno (04.07.09 um 12:48 Uhr).
|
|
#4
04.07.09, 12:43
|
|||
|
|||
|
hier noch die einzelnen Graphiken bzw. Ecken
Geändert von corraggiouno (30.09.10 um 22:46 Uhr).
|
|
#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
|
|
#6
04.07.09, 13:15
|
|||
|
|||
überhaupt kein Problem. Ich warte sehr gerne und überhaupt finde ich das Forum klasse.
|
|
#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
|
 |
| Lesezeichen |
| Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1) | |
| Themen-Optionen | |
| Ansicht | |
|
|
Ä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 |
Verzerrung bei abgeflachte Kanten und Relief
.jpg "http://www.vida-contest.de/data/Signatur%20(Reisetagebuch).jpg")
Linear-Darstellung
