• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit runden Ecken

Status
Für weitere Antworten geschlossen.
H

haltbar

Neues Mitglied
Hallo an alle,

bin ganz neu hier und ein absoluter HTML Anfänger.
Habe schon so gut wie überall nach meinem Problem gesucht, bin aber leider nicht fündig geworden.
Ich möchte auf meiner Webseite einen Rahmen mit runden Ecken. So weit kein Problem. Allerdings möchte ich in diesem Rahmen ein Grafik einfügen, die nur vertikal ohne Lücken an den Rahmen anschließen soll. Das ganze soll so aussehen: GRAPHIC LABEL - Holger Lenhardt Kommunikationsdesign
Diese Seite habe ich mit Flash erstellt.

Freu mich auf eure Antworten.

Gruss haltbar
 
Ich weiß nicht, wie du den Rahmen machst, vermutlich dreigeteilt:
oberer und unterer Teil fix, Mitte flexibel.
Dann musste es so gehen, indem du in die mittlere Zelle oder Div ein Bild einfügst und um die Bündigkeit herzustellen einen negativen top-margin nimmst.
Z.B so:

Code: 
<img style="display: block; margin-top: -20px;" src=.....>
 
Wenn du es ordentlich machen möchtest, dann wirst du es unordentlich machen müssen. Klingt komisch, aber sowas, an sich einfaches, artet schnell in DIV-Salat aus.

Erstmal muss du uns sagen, wie flexibel das sein soll.
  • Hast du eine feste Breite?
  • Hast du eine feste Höhe?
  • Gibt es eine maximale Breite?
  • Gibt es eine maximale Höhe?
  • Wie sind die Ecken gestaltet?
Je nachdem kann musst du dann entsprechend DIVs mit Hintergrundbildern setzen. Die Hintergründe positionierst du dann entsprechend.

P.S. In weiter weiter Zukunft wird man mal border-radius (Firefox kann's schon) und border-image (kann Firefox ab 3.1 [als erster]) haben.
 
Schon mal danke für die schnellen Antworten.

Also, das ganze soll eine feste Höhe und breite haben. So wie es in der .swf auch ist.

Gruss haltbar
 
So, hab das mit dem zentrierten Hintergrund gemacht, da mir dies jetzt erstmal am einfachsten erschien.
Wie es halt immer so ist, folgen nun andere Probleme:

Im Netscape wird es einwandfrei angezeigt,

im Safari zentriert, aber die Kontur ist unscharf und die runden Ecken sind einfach nur als schräge Linie vereinfacht,

im Firefox alles scharf und rund, aber vertikal schaut der Rahmen nur halb unter der Browserleiste heraus.

Und IE habe ich nicht.

Hier ist mein code:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
	background-color: #000000;
	background-image: url(Hintergrund.jpg);
	background-repeat: no-repeat;
	background-position:center;
}
-->
</style></head>

<body>
</body>
</html>

Was mach ich falsch?
 
Ein Problem hab ich gelöst 2 farbiges gif funzt besser als jpg.

Aber das Problem mit der Position in FF und Opera ist immer noch vorhanden.

rexini, ich versteh deinen Hinweis leider nicht.

HTML: 
background-position:center center;

ändert auch nichts.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben