Horizontale Linie mit CSS formatieren

[Gast] Foren Web allgemein HTML und CSS / Stylesheets Horizontale Linie mit CSS formatieren

Web allgemein

Themen

Beiträge

Moderatoren

Letzter Beitrag

HTML und CSS / Stylesheets

1193

6413

FSt

19. Dez 2022, 21:28

Vitus

Quarz

Beiträge gesamt: 3499

14. Jul 2012, 17:04
Beitrag # 1 von 6
Bewertung:
(20484 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo,

ich krieg es doch nicht hin, Linien mit
CSS zu formatieren.

Die Linie soll 3 Pixel fett und rot sein.

Geschrieben habe ich:
hr { noshade color: red; size: 3px; }

Aber es funktioniert nicht.
Vielleicht weiß ja jemand von den Profis Rat?

Gruß
Quarz

--------------------------------------------------------
Win7/64 Prof. | CS6 | GoLive CS3 |

Horizontale Linie mit CSS formatieren

Designerist

Beiträge gesamt: 40

14. Jul 2012, 17:32
Beitrag # 2 von 6
Beitrag ID: #498008
Bewertung:
(20471 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Quarz

Im CSS eine Klasse geben:
.linie {
color:red;
size:3px;
width:100px;
}

Im HTML siehts dann so aus:
<hr class="linie" />

Grüsse
Designerist

als Antwort auf: [#498005]

Horizontale Linie mit CSS formatieren

Quarz

Beiträge gesamt: 3499

14. Jul 2012, 20:21
Beitrag # 3 von 6
Beitrag ID: #498011
Bewertung:
(20436 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Designerist,

danke - es hat wunderbar geklappt.

Jetzt habe ich 'unzählige' 1px starke, hellgraue Linien ;-)

Gruß
Quarz

--------------------------------------------------------
Win7/64 Prof. | CS6 | GoLive CS3 |

als Antwort auf: [#498008]

Horizontale Linie mit CSS formatieren

Designerist

Beiträge gesamt: 40

14. Jul 2012, 20:27
Beitrag # 4 von 6
Beitrag ID: #498012
Bewertung:
(20428 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Quarz

Prima dass es geklappt hat.

Ich hoffe, die "unzähligen grauen Linien" entsprechen dem Zwinker-Smiley, den du gesetzt hast.

Grüsse
Designerist

als Antwort auf: [#498011]

Horizontale Linie mit CSS formatieren

Quarz

Beiträge gesamt: 3499

14. Jul 2012, 21:02
Beitrag # 5 von 6
Beitrag ID: #498013
Bewertung:
(20404 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Ich hatte ja nach 3 px fetten, roten Linien gefragt ;-)

Gruß
Quarz

als Antwort auf: [#498012]

Horizontale Linie mit CSS formatieren

efwe

Beiträge gesamt: 8

19. Jul 2012, 23:56
Beitrag # 6 von 6
Beitrag ID: #498340
Bewertung:
(20281 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Code

hr { 
    background-color: #f00; 
    border: medium; 
    height: 1px; 
    margin: 1em; 
}

gruss

als Antwort auf: [#498013]
(Dieser Beitrag wurde von efwe am 19. Jul 2012, 23:58 geändert)

Aktuell

InDesign / Illustrator

MadeToPrint & MadeForLayers unterstützen Adobe InDesign 2023

| 01.12.2022

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen

09.05.2023

Prüfen von Druck-PDF in Acrobat DC Pro

Digicomp (Bern, Basel, Zürich)
Dienstag, 09. Mai 2023, 08.30 - 17.00 Uhr

Kurs

Sie verfügen über ein Abonnement der Creative Cloud, welches Adobe Acrobat DC Pro beinhaltet. Sind Sie unsicher, ob Ihre PDF Dateien für die jeweilige Druckausgabe geeignet sind? Lernen Sie in diesem Kurs das notwendige Rüstzeug für den sicheren Datenaustausch mit Druckdienstleistern. Erstellen Sie druckfähige PDF/X und prüfen Sie Ihre PDFs vor einer Weitergabe mit Acrobat DC Pro.

Dauer: 1 Tag
Preis: CHF 700.–, exkl. MWST

Organisator: Digicomp Academy AG

https://digicomp.ch/weiterbildung-media-communication/adobe/kurs-pruefen-von-druck-pdf-in-acrobat-dc-pro--basic

Weitere Events

Neuste Foreneinträge

Ebenenkompositionen in Dateien exportieren ohnen Ebenen

Dateigröße von Affinity Publisher-Dateien reduzieren?

Seiten austauschen (InDesign)

Helios und SMB1

dokumentübergreifender Text

Punktraster in Illustration - wie man das lösen?

macOS Ventura / keine .ps und .eps Dateien mehr in Vorschau

VCard mit QR-Code

Grep-Stil zum Finden eines Satzes ohne Punkt - Gefunden - Absatzformat anwenden

Datenzusammenführung per Skript aktualisieren und Vorschau anzeigen

Weitere Stellenangebote