Borde in Views
Eingetragen von fraweg (230)am 30.06.2012 - 18:51 Uhr in
Hallo,
ich möchte eine dünne Linie in Views als trennlinie benutzen.Dazu habe ich ein Textfeld in Views hinzugefügt und folgenden Eintag gemacht:
<hr style="border: 0px;border-bottom: 1px solid #111111;border-top: 0px solid #FFFFFF;margin: 0;overflow: hidden;padding: 0;padding-top:2px">
Nun musste ich festellen, dass die ganzen zusätzlichen Angaben nicht funktionieren. Nur
<hr>
wird übernommen. Ich habe also einen nicht angepassten Rahmen.
Hat jemand eine Idee was ich da fasch mache?
Beste Grüße
Frank
- Anmelden oder Registrieren um Kommentare zu schreiben
Ich würde das Ganze eher über
am 30.06.2012 - 19:31 Uhr
Ich würde das Ganze eher über CSS lösen. Views bietet dir da eigentlich genug DIV-Suppe / Klassen an die man sich hängen kann.
Im CSS würdest du dies dann bspw. wie folgt lösen..
.views-row {border-bottom:1px solid #ff0000
}
Die korrekte CSS-Klasse findest du am Einfachsten / Schnellsten mithilfe von Firebug und dem "Untersuchen"-Werkzeug..
Dies kannst du entweder in der CSS-Datei deines eigenen Themes machen oder - wenn es wirklich nur wenige Sachen sind, die du über CSS ändern möchtest - über das Modul [do:css_injector].
SteffenR
Hallo Steffen,danke für dei
am 30.06.2012 - 20:03 Uhr
Hallo Steffen,
danke für dei Hinweise.
Zur not kann dem view ja eine css class zuweisen. Nur ist mir nicht klar wie ich die Linie zwischen die Felder welche in Views verwendet werden bekomme. Wenn ich das richtig versteh wäre es so nur möglich es über oder unter die gesammte ausgabe zu bekommen. Oder verstehe ich das was falsch? Ich muss da einfach nochmal ein wenig basteln..
Viele Grüße
Frank
Du kannst dir mit Firebug
am 30.06.2012 - 20:05 Uhr
Du kannst dir mit Firebug auch die anderen Klassen "zusammensuchen" und dann auch auf Feld-Ebene das Ganze themen.
Schau dir mal den Screenshot an: http://o7.no/MIXEyo - dort kann man die Klassen auf Row und auch auf Feld-Ebene ganz gut sehen..
SteffenR
Vielen Dank für den Hinweise.
am 30.06.2012 - 20:14 Uhr
Vielen Dank für den Hinweise. Ich muss mir das Im Firebug mal ansehen. Mal sehen was ich da so raus bekomme.
Viele Grüße
Frank
Hallo Steffen, ich habe es
am 01.07.2012 - 12:37 Uhr
Hallo Steffen,
ich habe es nun hin bekommen mit:
.view-startpage-user-ticker .views-vTicker-item-startpage_user_ticker {border-bottom:1px solid #666666;
margin-top:10px;
margin-bottom:10px;
}
Nun ist die Linie in der gewünschten Farbe und dicke vorhanden. Nur
margin-top:10px;margin-bottom:10px;
scheint keinen Einfluss auf die Linie zu haben. Mache ich da noch etwas falsch oder denke ich falsch?
Viele Grüße
Frank