+ Antworten
Ergebnis 1 bis 9 von 9

Thema: Bilder ausrichten

  1. #1
    Neu an Board
    Registriert seit
    03.07.2010
    Beiträge
    4
    Bedankte sich
    2
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Frage Bilder ausrichten

    Hallo zusammen!
    Ich habe das Problem, das ich in Joomla eine Tabelle erstellt habe um 4 Grafiken zu einem Gesamtbild zusammenzufügen, aber leider befindet sich nun immer eine riesen Lücke zwischen den Bildern (http://fc-gh.dugx.net/test). Wenn ich das ganze in einem Html Dokument erstelle(http://fc-gh.dugx.net/files/verein.html), klappt alles wunderbar, nur wenn ich es in Joomla einfüge klappt nichts.

    Ich hoffe hier kann mir wer helfen und vielen Dank schonmal!

    Lg dugx
    Geändert von dugx (03.07.2010 um 11:56 Uhr)

  2. #2
    Moderator Avatar von Orpheus2510
    Registriert seit
    17.10.2006
    Beiträge
    14.136
    Bedankte sich
    164
    Erhielt 3.390 Danksagungen
    in 3.060 Beiträgen

    Standard

    Du mußt den Editor zunächst in den HTML-Modus wechseln, dann den Code einfügen und dann speichern. Dann wird der Code auch als solcher verarbeitet - so hast du ihn in den WYSIWYG-Editor eingegeben und er wird als reiner Text angezeigt.
    Gruß, Orpheus2510
    Kein Support per PN! | Tutorial Migration J1.5 --> J2.5 | Joomla braucht dich!

  3. #3
    Neu an Board
    Registriert seit
    03.07.2010
    Beiträge
    4
    Bedankte sich
    2
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Ich habe es genau so gemacht, wie du gesagt hast und dabei kommt das gleiche Ergebniss raus. Falls du denk Code meintest, der unten drunter steht, den habe ich nur als Beispiel dahingeschrieben, falls damit irgendwas falsch sein sollte...

  4. #4
    Moderator Avatar von Orpheus2510
    Registriert seit
    17.10.2006
    Beiträge
    14.136
    Bedankte sich
    164
    Erhielt 3.390 Danksagungen
    in 3.060 Beiträgen

    Standard

    Klar meinte ich den. Man müßte schon das sehen, worum es geht, um etwas dazu sagen zu können. Also verrat uns, wo es auf der Seite zu finden ist.

    Edit: Gerade gefunden - es geht um die Bilder darüber.
    Ich würde mal sagen, daß der Abstand durch die p-Tags um die Bilder verursacht wird. Nimm die mal raus. bzw. ersetze sie durch br-Tags.
    Geändert von Orpheus2510 (03.07.2010 um 11:48 Uhr)
    Gruß, Orpheus2510
    Kein Support per PN! | Tutorial Migration J1.5 --> J2.5 | Joomla braucht dich!

  5. #5
    Neu an Board
    Registriert seit
    03.07.2010
    Beiträge
    4
    Bedankte sich
    2
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    richtig und wie sicherlich zu sehen ist, ist da eine riesen lücke...nur wie bekomm ich die jetzt weg ?

  6. #6
    Moderator Avatar von Orpheus2510
    Registriert seit
    17.10.2006
    Beiträge
    14.136
    Bedankte sich
    164
    Erhielt 3.390 Danksagungen
    in 3.060 Beiträgen

    Standard

    Wie gesagt: p-Tags austauschen.
    Also im Code "<p align="right">" und "</p>" löschen.
    Geändert von Orpheus2510 (03.07.2010 um 11:54 Uhr)
    Gruß, Orpheus2510
    Kein Support per PN! | Tutorial Migration J1.5 --> J2.5 | Joomla braucht dich!

  7. Erhielt Danksagungen von:


  8. #7
    Wohnt hier Avatar von Lintzy
    Registriert seit
    17.06.2007
    Ort
    Wuppertal
    Beiträge
    3.310
    Bedankte sich
    300
    Erhielt 1.283 Danksagungen
    in 810 Beiträgen

    Standard

    Füge in deine CSS Datei folgendes ein:

    table.contentpaneopen td p {
    margin:0;
    }

    Hol dir Feedback für deine Website / dein Design! -> Klick
    Mit diversen Bewertungsboxen, Feedback-Kommentaren, egal welches CMS - völlig unkompliziert und kostenlos

    Klick <- Gib Feedback für andere Webdesigns / andere Designs!



  9. Erhielt Danksagungen von:


  10. #8
    Neu an Board
    Registriert seit
    03.07.2010
    Beiträge
    4
    Bedankte sich
    2
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    ok vielen dank für die schnelle Hilfe...hat super geklappt

  11. #9
    Wohnt hier Avatar von Lintzy
    Registriert seit
    17.06.2007
    Ort
    Wuppertal
    Beiträge
    3.310
    Bedankte sich
    300
    Erhielt 1.283 Danksagungen
    in 810 Beiträgen

    Standard

    Du könntest mit dieser Lösung allerdings Probleme bekommen. Vorausgesetzt dein weiterer Inhalt wird ebenfalls in Tabellen erstellt. Dann haben die Textabsätze auch keinen Abstand zueinander.

    Daher möchte ich mich korrigieren und dir folgendes raten:

    Gib dem tag p eine Klasse, konkretes Beispiel

    <p class="keinabstand" align="right"><a href="/vorstand.html"><img src="/files/vereinsportheimvorstandlink.jpg" border="0" /></a></p>
    und meinen ersten CSS Code lösche wieder setze dafür folgendes

    p.keinabstand {
    margin:0;
    }
    Sorry für die Umstände, aber hier ist schon so warm und schwül, dass einfach alles schwerer fällt, auch das Denken

    Edit: Wie ich sehe, hast du die beste Variante genutzt und die p tags komplett entfernt, wie von Orpheus2510 vorgeschlagen. Ich hatte vermutet, dass du das versucht hattest, aber neue Probleme in Folge aufgetaucht wären (paddings in td, oder sonstiges).
    Geändert von Lintzy (03.07.2010 um 13:41 Uhr)

    Hol dir Feedback für deine Website / dein Design! -> Klick
    Mit diversen Bewertungsboxen, Feedback-Kommentaren, egal welches CMS - völlig unkompliziert und kostenlos

    Klick <- Gib Feedback für andere Webdesigns / andere Designs!



+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein