zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Rahmen aus 8 Einzelgrafiken und DIVs zusammenbauen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.02.2011, 18:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2011
Beiträge: 4
hians befindet sich auf einem aufstrebenden Ast
Standard Rahmen aus 8 Einzelgrafiken und DIVs zusammenbauen

Hallo

ich will einen Rahmen aus folgenden 8 Grafiken erstellen.

Siehe Anhang.



ich kriege allerdings nicht nen gescheiten html und css-code hin

helft mir mal bitte.



lg

christian
Angehängte Dateien
Dateityp: zip Archive.zip (9,4 KB, 2x aufgerufen)

Geändert von hians (26.02.2011 um 18:14 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.02.2011, 22:31
Benutzerbild von jnv
jnv jnv ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 07.07.2010
Beiträge: 152
jnv befindet sich auf einem aufstrebenden Ast
Standard

Schau dir das mal an, vielleicht hilft dir das weiter.


Rounded corners in CSS :: Adam Kalsey
__________________
#m { f : g } /* jnv */
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.02.2011, 14:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2011
Beiträge: 4
hians befindet sich auf einem aufstrebenden Ast
Standard

Naja die Ecken bekomme ich damit wohl hin.
Aber wie oben und unten, sowie links und rechts?
Das sind ja Farbverläufe
Mit Zitat antworten
  #4 (permalink)  
Alt 28.02.2011, 15:11
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.930
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Zitat:
helft mir mal bitte.
Stell es ordentlich online damit man es sich ansehen kann. Niemand hat Lust dein ZIP runter zu laden ^^
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
  #5 (permalink)  
Alt 28.02.2011, 15:48
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2011
Beiträge: 4
hians befindet sich auf einem aufstrebenden Ast
Standard

und was ist ordentlich?
Mit Zitat antworten
  #6 (permalink)  
Alt 28.02.2011, 18:49
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.930
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Also wenn "Niemand hat Lust dein ZIP runter zu laden" nicht alles aussagt, dann ist dir nicht zu helfen.

Hier steht auch beschrieben, was "ordentlich" ist.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
  #7 (permalink)  
Alt 28.02.2011, 19:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2011
Beiträge: 4
hians befindet sich auf einem aufstrebenden Ast
Standard

ich bezweifle dass jemand lust hat 8 einzelne Dateien herunterladen...
Mit Zitat antworten
  #8 (permalink)  
Alt 28.02.2011, 20:24
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.038
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Er hat doch noch keinen Code.... da nützt auch ein Testcase nix.

Du könntest es für die guten Browser mit border-image (CSS3) versuchen:

Schönes neues CSS: border-image

das geht natürlich auch für border-left-image und border-right-image usw.

Für die IE's ist das natürlich nix.

Wenn die auch bedient werden wollen, schachtele vier divs ineinander, jeder bekommt die passende Seite des Hintergrunds als Hintergrundgrafik. Im letzten (fünften) div kommen dann vier kleine divs rein mit absolut positionierten "Eckgrafiken" - und der übrige ganz normale Inhalt, der entsprechende Margins oder paddings bekommt um nicht an den Ecken anzustossen...

Wenn das Ding nicht skalieren können soll, lassen sich ein paar Elemente sparen, genauso dann, wenn die Funktion dieses "gerahmten" Elements immer wiederkehrende Elemente wie Überschrift, Fußnote und dergleichen enthält.

Mit ein bisschen Geschick geht da eine Menge.

Andererseits: Der Aufwand der für derartige Konstrukte betrieben werden muss, wird in aller Regel NICHT durch das Ergebnis gerechtfertigt.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #9 (permalink)  
Alt 28.02.2011, 22:32
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.930
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Zitat:
Er hat doch noch keinen Code.... da nützt auch ein Testcase nix.
Naja, er könnte ja wenigstens mal seine Versuche zeigen. Aber mit der Aussage "ich bekomm kein HTML und CSS hin" und dann noch eine .zip Datei kann man nicht ernsthaft Hilfe erwarten?

Hier ist ein Beispiel, wie man das mit Bildern realisieren kann: CSS and round corners: Borders with curves
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Drei Divs in eins einbetten - Rahmen um äußeres tromboner CSS 4 20.05.2010 18:19
Rahmen eines DIVs wird von Schriftgrösse gesprengt akb CSS 0 06.02.2006 20:34
CSS Anfänger mit Anlaufschwierigkeiten mit Rahmen um 3 DIV's NSprenger CSS 15 22.12.2005 14:40
Rahmen um 3 divs mit float:right jorainbo CSS 2 01.09.2005 14:19
Probleme mit Float - einzelne Divs springen aus dem Rahmen.. MS Master (X)HTML 2 17.08.2005 14:44


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:18 Uhr.