Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

[gelöst] Abstand zwischen Grafiken (in Tabelle eingebettet) entfernen

Eingetragen von axelschulz@drup... (343)
am 15.04.2009 - 07:16 Uhr in
  • Themes & Theming
  • Drupal 6.x

Hallo,

egal ob FUll HTML oder anderes eingestellt ist, es ist mir nicht möglich entweder durch eine Tabelle vier Grafiken passgenau nebeneinander darzustellen (Drupal hat ganz eigene Art, dass dann wieder zu geben) oder eine komplette Grafik mit Map.

Ziel: vier Grafische Links in einem Content, 2 oben, zwei direkt darunter ohne Abstand (alternativ eine und dann mit Map verlinken)
Die Tabelle hat immer Abstand, egal was man eingibt. Bei Map wird immer mit dem selben Größenverhältnis der Grafik unter oder über der Grafik eine leere Fläche angezeigt. Beides mit allen üblichen offiziellen HTML Codes versucht, Drupal interessiert das nicht. Egal ob per Hand, egal ob mit FCKEditor, Bilder lassen sich nicht nahtlos aneinander darstellen.

Warum bockt Drupal hinsichtlich HTML Code so rum?
Axel

‹ Theming Taxonomy Page :: Nur bestimmte Profil-Felder anzeigen Kleines CSS Problem ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

firebug

Eingetragen von stBorchert (6003)
am 15.04.2009 - 08:20 Uhr

Moin!
Hast Du Dir evtl. mal mit Firebug angeschaut, ob da vielleicht noch CSS Anweisungen von Drupal reinschlagen (vermute ich nämlich ganz stark)?
Falls nicht, hol das jetzt mal nach.

 Stefan

  • Anmelden oder Registrieren um Kommentare zu schreiben

stBorchert

Eingetragen von axelschulz@drup... (343)
am 15.04.2009 - 08:58 Uhr
stBorchert schrieb

Moin!
Hast Du Dir evtl. mal mit Firebug angeschaut, ob da vielleicht noch CSS Anweisungen von Drupal reinschlagen (vermute ich nämlich ganz stark)?
Falls nicht, hol das jetzt mal nach.

 Stefan

Hallo Stefan,

habe ich soeben gemacht.
Screenshot:
http://www.file-upload.net/view-1585456/09-47-25--04-15-2009.jpg.html

ich habe jetzt einfach mal mit Firebug rechts alles ausgeschaltet,
Screenshot
http://www.file-upload.net/view-1585465/alles-aus.jpg.html

aber der Abstand zwischen den Zellen bleibt.

Kann gut sein, dass es, wie Du sagst CSS ist, aber noch finde nicht wo.

Axel

  • Anmelden oder Registrieren um Kommentare zu schreiben

Du bist ja auch bei den td

Eingetragen von wla (9461)
am 15.04.2009 - 09:41 Uhr

Du bist ja auch bei den td Tags stehen geblieben. Danach kommen ja noch die Tags a und img. Wie siehts es denn damit aus? Auf dem ersten Bild sieht man, daß das td-Element eine größere Margin beansprucht. Das kann natürlich von den eingebetteten Elementen herkommen.

Gruß
Werner

  • Anmelden oder Registrieren um Kommentare zu schreiben

tags a und img

Eingetragen von axelschulz@drup... (343)
am 15.04.2009 - 10:04 Uhr

Hallo Werner,

hier sind die Tags a und img
http://www.file-upload.net/view-1585521/firebug.jpg.html
irgendwie erkenne ich dort auch keinen Fehler bzw. nicht die Ursache, dass die Tabelle nicht wie gewünscht (nahtlos) angezeigt wird.
Das Bild (bzw. alle 4) hat die Größe height="72" width="264" und der Tabelle bzw. Zelle habe ich exakt die gleichen Größen gegeben.

Falls Du einen Fehler siehst,...super :-)
Axel

  • Anmelden oder Registrieren um Kommentare zu schreiben

Genau weiß ich nicht wo

Eingetragen von Tobias Bähr (4019)
am 15.04.2009 - 10:16 Uhr

Genau weiß ich nicht wo hier das Problem ist. Das einzigste was ich sehe, ist diese 1/2px Border am oberen Rand der Tabelle. Und diese wirst du ja, falls das das Problem ist, mit Firebug ausfindig machen können.

----------------------------------------

http://tobiasbaehr.de/
Gelöste Forenbeiträge mit [gelöst] im Titel ergänzen

  • Anmelden oder Registrieren um Kommentare zu schreiben

Axel, dann gib bitte auch

Eingetragen von wla (9461)
am 15.04.2009 - 10:43 Uhr

Axel, dann gib bitte auch ein Bild mit dem a-tag aus. td hat eine große Margin, img nur die um das Bild. Wo soll denn der Unterschied sonst herkommen?

Gruß
Werner

  • Anmelden oder Registrieren um Kommentare zu schreiben

Bild mit dem a-tag

Eingetragen von axelschulz@drup... (343)
am 15.04.2009 - 11:24 Uhr

oh, ich dachte ich hätte das.
Vermutlich bin ich mit den Begriffen nicht so fit, ich verstand unter a tag die Befehle für die Bilder. Jetzt habe ich via Firbug gerade "margin" entdeckt (der Begriff sagt mir leider nichts) http://www.file-upload.net/view-1585620/margin.jpg.html doch das wird vermutlich auch nicht das richtige sein.

Ich hoffe das hier
http://www.file-upload.net/view-1585633/a-tag.jpg.html
ist ein richtiger Screenshot mit a Tag; zugegeben, wissen tue ich es nicht.

sorry
axel

  • Anmelden oder Registrieren um Kommentare zu schreiben

Cascading Style Sheets

Eingetragen von rainman (226)
am 15.04.2009 - 11:32 Uhr
axelschulz@drupal.org schrieb

... mit allen üblichen offiziellen HTML Codes versucht ...
Warum bockt Drupal hinsichtlich HTML Code so rum?

Drupal bockt nicht. Vielleicht solltest du auch die üblichen CSS Anweisungen benutzen. Als Beispiel habe ich diese mal inline dargestellt, lassen sich aber natürlich auch auslagern. Und schon funktioniert alles so wie du möchtest.

<table summary="navigation" class="">
  <tr>
    <td style="padding:0;">
      <a href="#"><img style="float:right;" src="./bild1.jpg" height="72" width="264"></a><br />
      <a href="#"><img style="float:right;" src="./bild2.jpg" height="72" width="264"></a>
      <br style="clear:right;" />
    </td>
    <td style="padding:0;">
      <a href="#"><img style="float:left;" src="./bild3.jpg" height="72" width="264"></a><br />
      <a href="#"><img style="float:left;" src="./bild4.jpg" height="72" width="264"></a>
      <br style="clear:left;" />
    </td>
  </tr>
</table>

---

axelschulz@drupal.org schrieb

Das Bild (bzw. alle 4) hat die Größe height="72" width="264" und der Tabelle bzw. Zelle habe ich exakt die gleichen Größen gegeben.

Diese Anweisungen hast du direkt in die HTML-Ausgabe geschrieben und werden ignoriert, sobald CSS-Anweisungen dies festlegen. Irgendwo in deinen CSS-Dateien wird angegeben, wie auf Tabellen zu reagieren ist.

  • Anmelden oder Registrieren um Kommentare zu schreiben

CSS klappt so

Eingetragen von axelschulz@drup... (343)
am 15.04.2009 - 11:53 Uhr
rainman schrieb

Diese Anweisungen hast du direkt in die HTML-Ausgabe geschrieben und werden ignoriert, sobald CSS-Anweisungen dies festlegen. Irgendwo in deinen CSS-Dateien wird angegeben, wie auf Tabellen zu reagieren ist.

Danke!
http://www.file-upload.net/view-1585675/12-48-24--04-15-2009.jpg.html
Mit CSS habe ich bisher immer nur sehr rudimentär gearbeitet.
So, wie Du es mir hier kopiert/erstellt hast, hätte ich es nie hinbekommen. Die Abstände sind wirklich weg!

Es ist noch ein Strich drüber, der von border-collapse:collapse; zu kommen scheint, klicke ich ihn in Firebug weg, dann ist wieder ein Abstand (nur vertikal) da, aber fürs erste ist das schon mal gut so. Thanx!! Es scheint, ich muss css lernen.

ok, vielen Dank für all die Mühe!!!
Axel

  • Anmelden oder Registrieren um Kommentare zu schreiben

tbody

Eingetragen von rainman (226)
am 15.04.2009 - 12:19 Uhr
axelschulz@drupal.org schrieb

Es ist noch ein Strich drüber, der von border-collapse:collapse; zu kommen scheint, ...

Der Strich auf der Seite kommt vom tbody. Um ihn auf dieser Seite weg zu bekommen, trägst du unten in deine style.css vom aktuell benutzten Theme folgenden Code ein.

#node-230 tbody {
  border-top: 0;
}

  • Anmelden oder Registrieren um Kommentare zu schreiben

vielen Dank!

Eingetragen von axelschulz@drup... (343)
am 16.04.2009 - 08:06 Uhr

Hallo Rainman,

vielen Dank! Ich habe den Code für von Dir erstellte CSS-Tabelle nun letzten Endes in eine Panelseite (dort "benutzerdefinierter Inhalt") eingetragen, welcher dann u.a. die Startseite "bildet".

Demzufolge klappt node-230 auf der "demoseite", hier jedoch noch nicht. Ich habe es mit node-1, node, node-node versucht, (node nackt, weil eben die Startseite), sowie in den Panelinhalt direkt bei tbody bordertop="0"....... naja... irgendwann wird's mir gelingen ;-)

Vielen Dank!!!
Axel

  • Anmelden oder Registrieren um Kommentare zu schreiben

style="border-top: 0;"

Eingetragen von rainman (226)
am 16.04.2009 - 11:11 Uhr
axelschulz@drupal.org schrieb

... sowie in den Panelinhalt direkt bei tbody bordertop="0" ...

Wenn du es direkt bei tbody einträgst, dann so:

<tbody style="border-top:0;">

  • Anmelden oder Registrieren um Kommentare zu schreiben

[gelöst] perfekt :-)))

Eingetragen von axelschulz@drup... (343)
am 16.04.2009 - 11:20 Uhr

Vielen Dank!

Diese "Kleinigkeiten" zwischen

  • style="border-top:0;"

und

  • border-top="0"

zu wissen sind wirklich entscheidend ..... DANKE.

:-)))))
Axel

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 2 Wochen 3 Tagen
  • Hey danke
    vor 2 Wochen 3 Tagen
  • Update: jetzt gibt's ein
    vor 2 Wochen 4 Tagen
  • Hallo, im Prinzip habe ich
    vor 3 Wochen 2 Tagen
  • Da scheint die Terminologie
    vor 3 Wochen 2 Tagen
  • Kannst doch auch alles direkt
    vor 3 Wochen 6 Tagen
  • In der entsprechenden View
    vor 3 Wochen 6 Tagen
  • Dazu müsstest Du vermutlich
    vor 3 Wochen 6 Tagen
  • gelöst
    vor 6 Wochen 3 Tagen
  • Ja natürlich. Dass ist etwas,
    vor 6 Wochen 3 Tagen

Statistik

Beiträge im Forum: 250233
Registrierte User: 20458

Neue User:

  • ByteScrapers
  • Mroppoofpaync
  • 4aficiona2

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 23 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association