Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

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

Frage Entwicklung HTML

Mitglied: AndyAh

AndyAh (Level 2) - Jetzt verbinden

08.03.2013, aktualisiert 10:42 Uhr, 8501 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
Hardware
Kurze, farbige Stromkabel (12)

Frage von Der-Phil zum Thema Hardware ...

Visual Studio
Herausfinden, ob PDF farbig oder sw ist (3)

Frage von ahstax zum Thema Visual Studio ...

Outlook & Mail
gelöst Office 2013 Schwarze Balken in Datei verknüpfungen (3)

Frage von Parlam3nt zum Thema Outlook & Mail ...

Batch & Shell
gelöst Batch Variable erzeugen mit Leerzeichen und Klammern (11)

Frage von hipfzwirgel zum Thema Batch & Shell ...

Neue Wissensbeiträge
Multimedia

Raspberry Pi als Digital-Signage-Computer

(1)

Information von BassFishFox zum Thema Multimedia ...

Windows Update

Novemberpatches und Nadeldrucker bereiten Kopfschmerzen

(15)

Tipp von MettGurke zum Thema Windows Update ...

Windows 10

Abhilfe für Abstürze von CDPUsersvc auf Win10 1607 und 2016 1607

(7)

Tipp von DerWoWusste zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Windows Server
Kennwort vergessen bei Hyper vserver 2012r (21)

Frage von jensgebken zum Thema Windows Server ...

Router & Routing
Freigabe aus anderem Netz nicht erreichbar (21)

Frage von McLion zum Thema Router & Routing ...

Batch & Shell
Batch Programm verhalten bei shoutdown -p (19)

Frage von Michael-ITler zum Thema Batch & Shell ...

Festplatten, SSD, Raid
gelöst Raidcontroller funktioniert nur, wenn unter Legacy-Boot gestartet wird (14)

Frage von DerWoWusste zum Thema Festplatten, SSD, Raid ...