Blog-API mit iBlogger (iphone)
Eingetragen von mayonate (30)am 05.04.2009 - 12:48 Uhr in
Ich nutze iBlogger auf meinem iPhone um von überall einen Blogeintrag zu erstellen. In dem Programm iBlogger selber kann man nicht viel einstellen, wie der Beitrag aussehen soll. Gibt es zu Blog-API eine eigene CSS?
Ich möchte entsprechende Bilder mit CSS formatieren. iBlogger cropt die Bilder auf 280x280 im Teaser und im ganzen Blogartikel wird es auf 320px breite skaliert.
Wenn ich das Bild mit Firebug Untersucher erhalte ich folgende Werte die in einer "defaults.css?b" stehen. Wo finde ich diese? In meinem Theme finde ich sie nicht.
element.style {
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:0;
}
img
border:0 none;
}Ich vermute die CSS Anweisung wird als html in die Seite geschrieben. Der relevante code müsste folgender sein.
<img width="280" align="left" title="image1880192023.jpg" alt="image1880192023.jpg" src="http://...de/sites/default/files/image1880192023.jpg" style="padding: 0px 10px 10px;"/>Gibt es eine Möglichkeit die CSS Anweisung in eine externe auszulagern, so dass der html code ignoriert wird?
Oder irre ich mich mit meiner Vermutung und es gibt eine andere Lösung?
- Anmelden oder Registrieren um Kommentare zu schreiben
Ein Versuch in deiner
am 05.04.2009 - 21:03 Uhr
Ein Versuch in deiner style.css des Themes diese Anweisungen mit !important als wichtig zumarkieren und damit sollte diese Vorrang haben vor den Inline Anweisungen des Img-Tag.
----------------------------------------
http://tobiasbaehr.de/
Gelöste Forenbeiträge mit [gelöst] im Titel ergänzen
Ich habe nun folgendes an
am 05.04.2009 - 22:57 Uhr
Ich habe nun folgendes an das Ende der style.css geschrieben, leider ohne Erfolg.
Erreichen möchte ich padding-left:0px; Leider wird immer noch padding-left:10px; dargestellt.
element.style {padding-bottom:10px;
padding-left:0px;
padding-right:10px;
padding-top:0;
}
img
border:0 none;
}
CSS
am 05.04.2009 - 22:57 Uhr
Moin!
Ich habe nun folgendes an das Ende der style.css geschrieben, leider ohne Erfolg.
element.style {...
}
"element" musst Du natürlich noch durch den entsprechenden Elementtyp ersetzen. Also "div" oder "span" oder worauf auch immer Du die Anweisungen anwenden möchtest.
hth,
Stefan
Kann auch nicht. Inline
am 05.04.2009 - 23:04 Uhr
Kann auch nicht.
Inline Anweisungen zeigt Firebug immer mit element... . Und element gibt es nicht!
Damit die Anweisung nicht auf alle Bilder, wie auch das Logo greift. Musst du es eingrenzen. Mit ne CSS ID oder CLasse, welche so nah wie möglich am Inhalt ist. zb
.node .content img {padding-bottom:10px;!important
padding-left:0px;!important
padding-right:10px;!important
padding-top:0;!important
}
Welche CSS-Classe du nehmen kannst siehst du ja mit Firebug.
Jetzt nochmal den Cache von Drupal leeren.
----------------------------------------
http://tobiasbaehr.de/
Gelöste Forenbeiträge mit [gelöst] im Titel ergänzen
Danke für die Hilfe, jetzt
am 05.04.2009 - 23:26 Uhr
[EDIT] Funktioniert immer noch nicht
/* iBlogger*/div.content img {
padding-bottom:10px !important;
padding-left:0px !important;
padding-right:10px !important;
padding-top:0 !important;
}
Der html code ist
<div class="submitted"></div>
<div class="content">
<p>
<img width="280" align="left" title="image1880192023.jpg" alt="image1880192023.jpg" src="http://---.de/sites/default/files/image1880192023.jpg" style="padding: 0px 10px 10px;"/>
Stimmt img sind Inline
am 06.04.2009 - 07:36 Uhr
Stimmt img sind Inline Elemente und da wirken keine paddings, margins.
/* iBlogger*/
div.content img {
display:block;
padding-bottom:10px !important;
padding-left:0px !important;
padding-right:10px !important;
padding-top:0 !important;
}
----------------------------------------
http://tobiasbaehr.de/
Gelöste Forenbeiträge mit [gelöst] im Titel ergänzen
Jetzt geht es zwar, aber es
am 06.04.2009 - 07:56 Uhr
Jetzt geht es zwar, aber es wird auf alle Grafiken angewendet. Habt ihr noch eine Idee, wie ich die Grafik eindeutig selektieren kann?
CSS-Selektoren
am 06.04.2009 - 18:01 Uhr
Ja, Du musst nur einen eindeutigeren Pfad zum Element angeben.
Also beispielsweise:
body div#main div#content div.node div.content p img {...
}
Oder den Bildern eine entsprechende Klasse geben und darüber referenzieren.
hth,
Stefan