[Solved] eigenen Block bearbeiten (css)

Begonnen von MJCool, 27 Juli 2009, 14:03:21

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 2 Gäste betrachten dieses Thema.

MJCool

Hallo Jungs,

ich weiß nicht ob ich hier richtig bin. Kenne mich mit pragma leider noch nicht so gut aus und wollte um Hilfe bitten.

Würde gerne meinen eigen erstellten Block insofern bearbeiten, dass ich padding auf 0 stellen möchte, sprich die Tabelle (in der rechten Spalte) soll direkt links beginnen und nicht 20px Abstand haben.

Schau hier: http://mjcool81.mj.funpic.de/pragma/index.php

Wo und wie kann ich das einstellen?

Gruß Martin

martin b

Hallo Martin

Das findest du in der Datei "content.css".

Übrigens, wenn du dir das AddOn Firebug für den Firefox installierst. kannst du so was leicht selber finden.


Gruß
martin b

MJCool

Danke für die Antwort. Ich möchte aber nur diesen einen block ändern.
In der content.css bearbeite ich aber das Aussehen für alle Blöcke im theme, oder?

Gruß Martin

martin b

Hallo nochmal

Also ich habe jetzt mal ein wenig getüftelt und es herausbekommen. In der "basemod.css" kannst du das für beide Blöcke getrennt regeln. In Zeile 125 den Wert "padding-right: 1.5em;" in "padding-right: 0em;" ändern.

Gruß
martin b

reddragon

[offtopic]

Zitat von: martin b am 27 Juli 2009, 15:44:36
Übrigens, wenn du dir das AddOn Firebug für den Firefox installierst. kannst du so was leicht selber finden.

Hallo Martin,

habe schon aus älteren Beiträgen von dir vom Firebug gehört, das ding auch schon in den Favs gehabt, aber nie installiert...
Da ich gerade hier mitgelesen habe, und das Ding wieder gelesen habe, und gerade ein "Erfolgserlebnis" brauchte, habe ich das Ding mal getestet. Das ist der absolute Oberkrachter!!! Bislang habe ich jede html-Datei von Hand geändert, und hochgeladen, wenn meine PC-reccourchen knapp waren, und hier kann man es quasi live verändern  :)

Deshalb an dieser Stelle ein großes Danke an dir  :police: :genie:
[/offtopic]

MJCool

Nochmals danke für deinen Tip.

Aber dieses padding-right bezieht sich auf den content der col3 - also auf den Inhalt der mittleren Spalte, des Haupttextes.
Somit hat die Änderung auf 0em leider nichts gebracht.

Wie gesagt, wenn ich es in der content.css änder, dann bezieht es sich auf ALLE Blöcke. Ich will/muss aber einen bestimmten ansprechen.

Hoffe wir finden eine Lösung.

LG
Martin

martin b

Hallo Martin

Ich habe den Eindruck, das wir ein wenig an einander vorbei geredet haben. Ich war gerade noch mal auf deiner Seite und ich nehme an, das du den Inhalt des Blocks "tabelle" meinst? Dieser Inhalt soll linksbündig sein, richtig? Wenn dem so ist, würde ich mir das gerne mal direkt auf deiner Seite ansehen. Du kannst mir eine PM mit den Admin Zugangsdaten schicken.

Gruß
martin b

MJCool

Ja, kann sein das wir zwei unterschiedliche Probleme meinen.

Ganz einfach gesagt: Kann ich einen Block direkt ansprechen? also nicht alle zusammen sondern einen einzeln?

Wie gesagt, in der content.css Zeile 332

#col2 .block .block-content {
   background: transparent url(../images/img4.gif) repeat-x scroll top;
   border-top: 1px solid #ffffff;
   padding: 0pt 20px 20px;

kann ich padding zwar ändern... allerdings für ALLE Blöcke

bin am verzweifeln  :puzzled:


martin b

Hi

Wie ich dir schon in der PN geschrieben hatte, geht das, so wie es jetzt ist, nur für alle Blöcke. Wenn man einen einzelnen Block ansprechen will, müßte man für diesen eine eigene CSS Datei bzw eine eigene CSS Klasse erstellen. Vielleicht kann dir ja jemand so was schreiben.

Gruß
martin b

MJCool

okay so deutlich hast du es in der PN nicht geschrieben.

Hmm, eine eigene css class für einen bestimmten Block.

Hört sich irgendwie unmöglich an... schade eigentlich, denn ansonsten komm ich langsam in Fahrt und pragma fängt an sinn zu ergeben  :BD:

Trotzdem danke für deine Hilfe Martin

LG

MJCool

Okay, hiermit bitte ich offiziell um Hilfe.

Ich denke die Problematik geht aus den vorangehenden threads hervor. Trotzdem nochmal eine kurze Beschreibung.

Ich möchte einen selbst erstellten HTML Block direkt ansprechen um ihm zu sagen, dass padding-left:0px sein soll, sprich der Inhalt des Blocks linksbündig sein soll. Und zwar nur bei diesem Block.

Änder ich in der content.css Zeile 332

#col2 .block .block-content {
   background: transparent url(../images/img4.gif) repeat-x scroll top;
   border-top: 1px solid #ffffff;
   padding: 0pt 20px 20px;

das fett-markierte, hat es Auswirkungen auf ALLE Blöcke.


Gruß und Danke
Martin

SvenW

Du könntest versuchen den Inhalt mit einem div zu umlegen.


<div class="beispiel">

Inhalt
 
</div>


Dann einfach dein CSS um die Klasse beispiel erweitern und probieren... ob du es evtl. mit "margin-left: -20px;" ausgerichtet bekommst.

Ansonsten müsste man die Platzhalter für die rechten Blöcke duplizieren und den gewünschten Inhalt direkt rein programmieren.

Aber vielleicht hat jemand ja noch eine bessere Lösung parat?


Andi

Moin :)


ZitatGanz einfach gesagt: Kann ich einen Block direkt ansprechen? also nicht alle zusammen sondern einen einzeln?
Das kommt auf das Theme an. Und ja, in deinem verwendeten isometric-Theme geht das.

In dem Theme bekommt jeder Block eine eigene individuelle css-Klasse zugeordnet, welche man direkt für sowas verwenden kann.
Wenn man sich den Quelltext ansieht, oder auch mit Firebug, kann man das schön erkennen und den entspr. Block identifizieren. (sceenshot)

In deinem Fall, der Block "Tabelle" hätte die Klasse block-r-1
Also brauchst du die content.css nur um eine zusätzliche Definition erweitern.

Sehe gerade, dass du das ansatzweise schon umgesetzt hast, nur die Syntax ist nicht ganz korrekt.
Du hast folgendes drin stehen:
#col2 .block .block block-r-1 {
   background: transparent url(../images/img4.gif) repeat-x scroll top;
   border-top: 1px solid #ffffff;
   padding: 0pt 0px 0px;
}


korrekt wäre aber folgendes:
#col2 .block-r-1  .block-content {
   padding-left: 0;
}


ungetestet, sollte aber funzen....


Zu beachten ist, dass diese individuelle Klasse unabhängig vom Inhalt ist. Wird an der 2ten Stelle irgendwann ein anderer Block angezeigt, so gilt diese CSS-Anpassung dann für diesen Block. Du musst also sicher stellen, dass an der Stelle immer nur dieser Tabellenblock angezeigt wird.
schön´s Grüssle, Andi

MJCool

Perfekt!

Genau so wollte ich es haben. War zwar anscheinend (mehr oder weniger geraten) auf dem richtigen Weg, aber Andi hat es ja bestens beschrieben und gelöst.

VIELEN DANK

LG
Martin