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 In Webside farbige Balken erzeugen

Mitglied: AndyAh

AndyAh (Level 2) - Jetzt verbinden

08.03.2013, aktualisiert 10:42 Uhr, 9131 Aufrufe, 5 Kommentare

Hi NG,

ich möchte in einer Webside je oben, links und rechts einen farbigen Balken haben. Das ganze soll wie ein H aussehen, nur das der obere Balken nicht in der Mitte sitzen soll.

Aussehen:

aaaaaa---------------------------ccccccc
aaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbccccccc
aaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbccccccc
aaaaaa---------------------------ccccccc
aaaaaa---------------------------ccccccc
aaaaaa---------------------------ccccccc

a = linker Balken
b = oberer Balken
c = rechter Balken
- = leere Fläche

Wie bekomme ich das hin?

Gruß
Andy
Mitglied: d4shoerncheN
08.03.2013, aktualisiert um 10:55 Uhr
Hallo,

tut mir Leid - irgendwie versteh ich dein Vorhaben nicht so ganz.

Du möchtest auf deiner Internetseite einen Buchstaben formen, anhand von farbigen Balken?!

Am einfachsten erstellst du dir drei <div-container> und gibst diesen Namen.
01.
<div id="linker-balken"></div> 
02.
<div id="mittlerer-balken"></div> 
03.
<div id="rechter-balken"></div>
In CSS formatierst du dir die Balken. Breiten- / und Höhenangaben, Hintergrundsfarbe und Position. Dazu einfach im Netz ein wenig nach CSS-Befehlen suchen.

Du kannst dir ein Wunsch-H auch als Grafik erstellen und diese als Hintergrundsbild auf deiner Homepage einfügen.

Gruß
@d4shoerncheN
Bitte warten ..
Mitglied: aqui
08.03.2013 um 10:49 Uhr
Selfhtml hilft dir da sicher weiter:
http://de.selfhtml.org
Bitte warten ..
Mitglied: flow.ryan
08.03.2013 um 10:49 Uhr
Hallo,

da gibts einige Möglichkeiten.

z.B.
-Grafiken
-Frames
-Tabellen
-DIV-Layer.

Da braucht es schon ein wenig mehr Input. Was willst du damit bezwecken? Wie sollen die Bereiche genau angeordnet sein (fix oder nicht)...
Bitte warten ..
Mitglied: colinardo
08.03.2013, aktualisiert um 12:16 Uhr
um uns weitere Fragen zu ersparen, hier eine mögliche Lösung womit du anfangen könntest:
01.
<!doctype html> 
02.
<html> 
03.
<head> 
04.
<meta charset="utf-8"> 
05.
<title>Test</title> 
06.
<style type="text/css"> 
07.
#linker-balken { 
08.
	height: 200px; 
09.
	width: 50px; 
10.
	top:0px; 
11.
	position:absolute; 
12.
	left:0px; 
13.
	background-color:#0CC; 
14.
15.
#rechter-balken { 
16.
	height: 200px; 
17.
	width: 50px; 
18.
	top:0px; 
19.
	position:absolute; 
20.
	right:0px; 
21.
	background-color:#0CC; 
22.
23.
#mittlerer-balken { 
24.
	height: 50px; 
25.
	width: auto; 
26.
	position:absolute; 
27.
	top:50px; 
28.
	left:60px; 
29.
	right:60px; 
30.
	background-color:#963; 
31.
32.
</style> 
33.
</head> 
34.
 
35.
<body> 
36.
<div id="linker-balken"></div> 
37.
<div id="mittlerer-balken"></div> 
38.
<div id="rechter-balken"></div> 
39.
</body> 
40.
</html>
Bitte warten ..
Mitglied: AndyAh
08.03.2013 um 12:45 Uhr
Hi colinardo,

danke für den Tipp. Genau das habe ich gesucht.

Gruß
Andy
Bitte warten ..
Ähnliche Inhalte
Informationsdienste

Bestimmte Webside kann nicht aufgerufen werden

gelöst Frage von hildefeuerInformationsdienste14 Kommentare

Die Webside clever-tanken.de kann von unserem DSL Anschluß (t-online) und von den Nachbarn nicht aufgerufen werden. Ein Ping schlägt ...

Administrator.de Feedback

Breiter Login-Balken auf der Startseite

gelöst Frage von killtecAdministrator.de Feedback10 Kommentare

Hallo, ich habe heute morgen festgestellt, dass beim Aufruf der Administrator-Webseite der Headerbalken so aussieht Nach dem Login ist ...

Visual Studio

Herausfinden, ob PDF farbig oder sw ist

Frage von ahstaxVisual Studio3 Kommentare

Hallo, ich möchte gerne mit einem vb.net-Programm herausfinden, ob eine PDF-Datei farbig oder sw ist. Lässt sich so etwas ...

Hardware

Kurze, farbige Stromkabel

Frage von Der-PhilHardware12 Kommentare

Hallo! Bei mir hat jedes Rack 2 USVs. Jeder Server, Switch, etc. hängt mit einem Bein an jeweils einer ...

Neue Wissensbeiträge
Google Android

Googles "Android Enterprise Recommended" für Unternehmen

Information von kgborn vor 2 StundenGoogle Android

Hier eine Information, die für Administratoren und Verantwortliche in Unternehmen, die für die Beschaffung und das Rollout von Android-Geräten ...

Sicherheit

Intel gibt neue Spectre V2-Microcode-Updates frei (20.02.2018)

Information von kgborn vor 3 StundenSicherheit

Intel hat zum 20. Februar 2018 weitere Microcode-Updates für OEMs freigegeben, um Systeme mit neueren Prozessoren gegen die Spectre ...

Microsoft
ARD-Doku - Das Microsoft Dilemma
Tipp von Knorkator vor 6 StundenMicrosoft2 Kommentare

Hallo zusammen, vor einigen Tagen lief in der ARD u.a. Reportage. Das Youtube Video dazu dürfte länger verfügbar sein. ...

Windows 10

Neue Sicherheitslücke in Windows 10 (Version 1709) durch Google öffentlich geworden

Information von kgborn vor 1 TagWindows 10

Vor ein paar Tagen haben Googles Sicherheitsforscher vom Projekt Zero eine Sicherheitslücke im Edge-Browser publiziert. Jetzt wurde eine weitere ...

Heiß diskutierte Inhalte
Windows Server
AD DS findet Domäne nicht, behebbar?
Frage von schapitzWindows Server36 Kommentare

Guten Tag, ich habe bei einem Kunden ein Problem mit den AD DS. Umgebung ist folgende: Windows Server 2016 ...

Router & Routing
LANCOM VPN CLIENT einrichten
Frage von Finchen961988Router & Routing27 Kommentare

Hallo, ich habe ein Problem und hoffe ihr könnt mir helfen, wir haben einen Kunden der hat einen Speedport ...

CPU, RAM, Mainboards
32 gb RAM zu wenig?
Frage von pcguyCPU, RAM, Mainboards13 Kommentare

Hallo zusammen, mein PC verfügt über 32GB Ram. Nun kriege ich bei grossen Dateien im Illustrator die Fehlermeldung das ...

Router & Routing
ISC DHCP 2 Subnetze
gelöst Frage von janosch12Router & Routing11 Kommentare

Hallo, ich betreibe bei mir im Netzwerk einen ISC DHCP Server auf Debian, der DHCP verwaltet aktuell ein /24 ...