Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

gelöst Hintergrund aus mehreren gif zusammenstellen

Mitglied: ppmk22

ppmk22 (Level 1) - Jetzt verbinden

08.02.2011 um 21:02 Uhr, 3732 Aufrufe, 4 Kommentare

Hallo Leute nun habe ich mal eine css Frage.
Ich habe da eine Blockelement und möchte Hintergrund aus mehreren kleinen gif's zusammen stellen.

Ungefähr so: (jede Zahl steht für ein gif)

122223
455556
788889

Das war mein Lösungsansatz.

01.
#block{ 
02.
    width: 500px; 
03.
    height: 200px; 
04.
05.
#obenLinks{ 
06.
 
07.
    width: 10px; 
08.
    height: 10px; 
09.
    background-image: url(1.gif); 
10.
    background-repeat: repeat; 
11.
12.
#oben{ 
13.
 
14.
    width: 480px; 
15.
    height: 10px; 
16.
    background-image: url(2.gif); 
17.
    background-repeat:repeat; 
18.
19.
#obenRechts{ 
20.
    width: 10px; 
21.
    height: 10px; 
22.
    background-image: url(3.gif); 
23.
    background-repeat:no-repeat; 
24.
25.
#links{ 
26.
    width: 10px; 
27.
    height: 180px; 
28.
    background-image: url(4.gif); 
29.
    background-repeat:repeat; 
30.
31.
#voll{ 
32.
    width: 480px; 
33.
    height: 180px; 
34.
    background-image: url(5.gif); 
35.
    background-repeat:repeat; 
36.
37.
#rechts{ 
38.
    width: 10px; 
39.
    height: 180px; 
40.
    background-image: url(6.gif); 
41.
    background-repeat:repeat; 
42.
43.
#untenRechts{ 
44.
    width: 10px; 
45.
    height: 10px; 
46.
    background-image: url(7.gif); 
47.
    background-repeat:repeat; 
48.
49.
#unten{ 
50.
    width: 480px; 
51.
    height: 10px; 
52.
    background-image: url(8.gif); 
53.
    background-repeat:repeat; 
54.
55.
#untenLinks{ 
56.
    width: 10px; 
57.
    height: 10px; 
58.
    background-image: url(9.gif); 
59.
    background-repeat:repeat; 
60.
}
Aber wie geht es richtig?

Liebe Grüße
Petra
Mitglied: Florian.Sauber
08.02.2011 um 21:15 Uhr
Hallo Petra,

mir erschliesst sich der Sinn nicht ganz. Soll dies nur eine Fingerübung sein, denn die CSS-Elemente beziehen sich ja immer auf Strukturelemente in (X)HTML..
Eine Möglichkeit wäre eine 3-geteilte Struktur aus DIV-Elementen, von denen Du je Ebene, die äusseren links und rechts floaten lässt.

Aber um dazu etwas mit Hand und Fuss zu sagen bräuchte es schon etwas mehr an Information, wenigstens bezgl. des Verwendungszwecks.

LG Florian
Bitte warten ..
Mitglied: ppmk22
08.02.2011 um 21:28 Uhr
Um das
http://checkmal.bplaced.net/muster.png
nach zu bauen.
Es kann ja mal sein das die Größe des Inhalts sich ändert und dann soll der Hintergrund mit wachsen.
Bitte warten ..
Mitglied: Florian.Sauber
08.02.2011 um 21:34 Uhr
Ah, ok!

Das "runde Ecken"-Problem

Moderne Browser, können das anhand der moz- bzw khtml-Border-Eigenschaft. Mehr dazu hier:
http://www.css4you.de/trickkiste/tr00012.html

Ansonsten wenn es SO aussehen soll, findest Du mehr unter
http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/
Oder etwas ausführlicher unter
http://www.andreas-kalt.de/webdesign/tutorials/runde-ecken

Hilft das weiter?

LG Florian
Bitte warten ..
Mitglied: ppmk22
08.02.2011 um 21:50 Uhr
Ah , vielen Dank. Ich hab mir echt einen Wolf gesucht, aber nach "runde ecke" natürlich nicht gesucht.
Danke noch mal.

Lg
Petra
Bitte warten ..
Ähnliche Inhalte
CPU, RAM, Mainboards
DDR4 RAM PC Zusammenstellen
gelöst Frage von Andinistrator1CPU, RAM, Mainboards9 Kommentare

Hallo Zusammen, bitte nur wer Lust hat - vielen Dank für eure Erfahrung - solltet ihr bereits einen DDR4 ...

Batch & Shell

Batch: Umgebungsvariable zusammenstellen und ausgeben

Frage von yousaintBatch & Shell1 Kommentar

Hallo Zusammen ich habe eine Frage bzgl. Umgebungsvariablen in einer Batch-Datei. Folgender Fall liegt vor: Batch-Datei: echo off setlocal ...

Windows 7

Einheitlicher Hintergrund

Frage von anak1mWindows 72 Kommentare

Hallo zusammen, wie habt Ihr es gelöst auf allen Rechnern das gleiche Hintergrundbild darzustellen und dies in der Auflösung ...

Windows 7

Login hängt mehrere Minuten mit schwarzem Hintergrund

Frage von KnorkatorWindows 75 Kommentare

Hallo zusammen, wir haben hier häufig Probleme mit der Useranmeldung an einem Notebook wenn der Nutzer sich nicht am ...

Neue Wissensbeiträge
Humor (lol)
IoT-Gefahr: Smartes Aquarium leckt!
Information von Lochkartenstanzer vor 2 TagenHumor (lol)3 Kommentare

Moin, Die IoT-Manie hat weitere Opfer gefunden. Ein Casino-Leck durch ein smartes Aquarium: Allerdings haben sie kein Wasser, sondern ...

Router & Routing

Alte Fritzbox 7270 mit VPN und SIP-Telefonie hinter O2 Homebox 6641 als "Modem"

Erfahrungsbericht von the-buccaneer vor 2 TagenRouter & Routing3 Kommentare

Nun war es soweit: Auch O2 hat mich mit VOIP zwangsbeglückt. Heute am Privatanschluss, in 2 Wochen ist das ...

Sicherheit

Ungepatchte Remote Code Execution-Lücke in LG NAS

Information von kgborn vor 3 TagenSicherheit

Nutzt wer LG NAS-Einheiten? In den NAS-Einheiten der LG Network Storage-Einheiten gibt es eine sehr unschöne Schwachstelle, die einen ...

Windows Update

Neue Version KB4099950 NIC Einstellungen gehen verloren

Information von sabines vor 3 TagenWindows Update2 Kommentare

Es ist eine neue Version des KB4099950 verfügbar, die das Problem mit den verlorenen Netzwerkeinstellungen lösen soll. Das Datum ...

Heiß diskutierte Inhalte
Netzwerkgrundlagen
VLAN - Offene Fragen
Frage von KnettenbrechNetzwerkgrundlagen16 Kommentare

Hallo zusammen, ich befasse mich derzeit mit dem Thema VLAN. Hierzu habe ich schon einige Guides gelesen, einschließlich des ...

Netzwerkmanagement
Netzwerkmanagment im Haus mit Switch, Panel und pfsense
gelöst Frage von CorraggiounoNetzwerkmanagement16 Kommentare

hi zusammen, wir sind gerade dabei das ganze Haus bzw. die einzelnen Zimmer mit netzwerkdosen zu versorgen. Vom Keller ...

Google Android
Empfehlung: Android Ortungsapp
gelöst Frage von certifiedit.netGoogle Android13 Kommentare

Guten Morgen, grundsätzlich vorweg, ich wollte mich eben schlau machen, bzgl einer Ortungsapp, welche Androidbasiert einem anderen Androidsmartphone mitteilt, ...

Vmware
Server 2008 r2 vmware terminalserver
Frage von MasterCVmware12 Kommentare

Guten Abend zusammen, ich hoffe , dass einer von euch mir weiterhelfen kann ,bei meinem kack Problem ! Ist ...