Suche im Forum:
Suchen


Autor Nachricht
Beitrag14.12.2009 um 17:47 (UTC)    
Titel: <hr /> definieren

Hi,

ist es möglich dass aussehen der <hr /> Trennlinie mit CSS zu definieren?
Also so wie man auch die Linkfarbe etc. definieren kann..

Wäre gut wenn mir jemand einen BeispielCode gibt den ich editieren kann....

LG
F--H
Beitrag14.12.2009 um 18:02 (UTC)    
Titel:

Einfach folgendes:
Zitat:

hr {
background: #FFF url(http://img.webme.com..........);
}
[/code]
______________
Beitrag14.12.2009 um 18:14 (UTC)    
Titel:

Okay, danke.
img.webme.com ist die Hintergrundgrafik oder?

Gibt es auch eigenständige Codes mit denen man z.B. ne gestrichelte Linie oder so was machen kann? Oder geht das nur über die Grafiken...
Beitrag14.12.2009 um 18:32 (UTC)    
Titel:

Code:
hr {
background: #FFF url(http://www2.pic-upload.de/14.12.09/11i4s8eo2tr.png);
}       


Habe das unter "CSS-Code ohne Style Tags: " getan, hatte aber keinen Effekt...
Das gehört doch in den CSS Bereich?

Was habe ich falsch gemacht?
Beitrag14.12.2009 um 19:35 (UTC)    
Titel:

Warum soll sowas bitte auch gehen? Der Code ist total fehlerhaft:

Zitat:
hr {
background-color: #000000;
background-image: url ();
}


Beim blauen kannst du einen Farbwert angeben, damit die Horizontale Line
diese Farbe annimmt. Ansonsten kannst du einfach ein Bild annehmen,
das Bild überschreibt den Farbwert und stellt somit das Bild dar.
(Falls das Bild größer sein sollte, dann mus die Eigenschaft "height" dabei sein!)
Beispiel: width: 10px;

Zitat:
hr {
background-color: #000000;
background-image: url (bildadresse.jpg);
}

______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile


Zuletzt bearbeitet von blutsegelbukaniere am 14.12.2009, 20:39, insgesamt einmal bearbeitet
Beitrag14.12.2009 um 19:39 (UTC)    
Titel:

@blutsegelbukaniere:
Nein, der Code war nicht falsch! Wink
So lautet die Kurzform vom Code, aber hier im HPBk ist die Langform von CSS Standard...

@f--h:
Füge mal folgenden CSS Code ein:
Zitat:
hr{
background: url() #FF0000;}
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 14.12.2009, 20:47, insgesamt einmal bearbeitet
Beitrag14.12.2009 um 19:40 (UTC)    
Titel:

der-bielefeld-club, das ist mir neu, aber okay, wird schon stimmen ^^
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beitrag14.12.2009 um 19:45 (UTC)    
Titel:

Ok, danke für die schnelle Hilfe!

Ich probiere den Code gleich mal aus, werde aber die Version von blutsegelkaniere benutzen, die ist mir übersichtlicher Wink

Thread bitte solange offen lassen, bis es wirklich klappt Smile
Beitrag14.12.2009 um 19:51 (UTC)    
Titel:

Der Code gehört doch zu den CSS-Codes oder?

Habe beide Versionen eingefügt und bei beiden ist nichts passiert...

Code:
hr{
background: url(http://www2.pic-upload.de/14.12.09/he5czke1wj4g.png) #FFFFFF;}


Das Bild ist einfach nur eine Beispielgrafik die ich zum test hochgeladen habe...

Evtl. ist meine Frage ja auch falsch verstanden worden: Ich will dass wenn ich im Editor <hr /> eingebe nicht mehr die normale schwarze dünne Linie kommt sondern eben eine von mir bestimmte...
Beitrag14.12.2009 um 19:57 (UTC)    
Titel:

So, ich habe mal den Code angepasst Wink
Zitat:
hr{
background: #FF0000;
border: 1px solid #FF0000;}
Sollte nun klappen...

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag14.12.2009 um 19:59 (UTC)    
Titel:

Sieht schon eher so wie ich mir das vorgestellt habe Wink - wegen dem solid.

Wieso sind da jetzt 2 Farbcodes der eine definiert den Hintergrund der Trennlinie, und der andere?

Solid kann ich doch auch mit Dashed oder dotted vertauschen oder?
Beitrag14.12.2009 um 20:02 (UTC)    
Titel:

f--h hat Folgendes geschrieben:
Okay, danke.
img.webme.com ist die Hintergrundgrafik oder?

Gibt es auch eigenständige Codes mit denen man z.B. ne gestrichelte Linie oder so was machen kann? Oder geht das nur über die Grafiken...


Ja das geht auch!
einfach beim Code vom der-bielefeld-club folgendes ergänzen:
Zitat:

hr{
background: #FF0000;
border: 1px dashed #FF0000;}


Hier gibts noch mehr Arten von Linien:
http://www.css4you.de/border-style.html
______________
Beitrag14.12.2009 um 20:02 (UTC)    
Titel:

das eine ist die linie und das andere der rahmen .. würd ick mal behaupten wollen Very Happy




lg
Beitrag14.12.2009 um 20:11 (UTC)    
Titel:

Code:
hr{
background: #FFFFFF;
border: 1px dashed #08088A;}


Habe ich jetzt als Code. Klappt auch soweit, wie man auf meiner Startseite sieht...

Mit den Farbcodes verhält es sich anscheinend wie error-test gesagt hat. Wenn man aber solid im code stehen hat, bewirkt es sozusagen gar nichts, weil der Rahmen eben dadrüber liegt...

Danke für die ganze Hilfe!
Beitrag14.12.2009 um 20:13 (UTC)    
Titel:

gerne, gerne
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de