Ergebnis 1 bis 12 von 12
  1. #1
    norbert6 ist offline Jungspund
    registriert
    18-05-2009
    Beiträge
    18

    bilder direkt nebeneinander

    hallo zusammen

    ich habe ein (hoffentlich kleines) Problem
    undzwar habe ich einfach ein paar bilder neben- und untereinander, die keinen abstand zueinander haben sollen:

    es sieht aber leider so aus:


    das problem ist, das der code so aussieht:
    HTML-Code:
    <img src="...">\n
    <img src="...">\n
    <img src="...">\n
    <img src="...">
    würde er so aussehen, wäre das kein problem:
    HTML-Code:
    <img src="..."><img src="..."><img src="..."><img src="...">
    wie kann ich es mittels CSS so machen, das es trotzdem wie oben aussieht?

    (margin, padding und border ist auf null gesetzt)
    Dummheit ist auch eine natürliche Begabung

  2. #2
    Coyboc ist offline Eroberer
    registriert
    13-07-2009
    Beiträge
    60

    AW: bilder direkt nebeneinander

    ne doofe idee, aber unkomplziert, versuch's mal mit einer tabelle, (cellpadding="0" cellspacing="0" in den <table> tag)

  3. #3
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: bilder direkt nebeneinander

    Bäh... Tabellenlayout.

  4. #4
    norbert6 ist offline Jungspund
    registriert
    18-05-2009
    Beiträge
    18

    AW: bilder direkt nebeneinander

    erstens das und zweitens will/kann ich nur die css datei ändern
    Dummheit ist auch eine natürliche Begabung

  5. #5
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: bilder direkt nebeneinander

    Zitat Zitat von norbert6 Beitrag anzeigen
    erstens das und zweitens will/kann ich nur die css datei ändern
    Was jetzt? Willst Du nichts, oder kannst Du nichts ändern?
    Mit irgendwelchen Wischiwaschistatements können wir Dir nicht helfen...

  6. #6
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: bilder direkt nebeneinander

    Auf die Schnelle fallen mir negative margins für die Pics ein.
    PHP-Code:
    img {
        
    margin:0 0 -4px -4px;



    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  7. #7
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: bilder direkt nebeneinander

    Aber ist der Abstand bei allen Browsern gleich, so dass man das fest angeben kann?

    Eine Lösung mit JS wäre, alle leeren (also nur mit Leerzeichen und Zeilenumbrüchen gefüllten) Textnodes zu löschen.

  8. #8
    norbert6 ist offline Jungspund
    registriert
    18-05-2009
    Beiträge
    18

    AW: bilder direkt nebeneinander

    @dkdenz: es geht um eine art lösungsvorschlag, und da wäre es am einfachsten, nur den stylesheet zu ändern

    @kkapsner: nein, leider ist es nicht bei jedem browser gleich. IE stellt es so dar, wie ich es möchte, FF und Chrome zeigen sie zwar ohne horizontalen, dafür aber mit vertikalen abstand an.



    _____________________________
    nachtrag:

    wenn ich die font-size auf null setze, wird alles wie gewollt angezeigt, nur eben kein text mehr
    setze ich nur die schriftgröße der images auf null, passiert nichts...
    Geändert von norbert6 (18-07-2009 um 11:55 Uhr) Grund: nachtrag
    Dummheit ist auch eine natürliche Begabung

  9. #9
    zenten ist offline Jungspund
    registriert
    16-07-2009
    Beiträge
    24

    AW: bilder direkt nebeneinander

    Hallo Norbert

    Falls dein Problem noch besteht, könntest du versuchen deine "font-size auf null" Methode zu verwenden und dabei den Text nochmals in ein Element z.B
    <span>Text</span> zu setzen, natürlich nicht vergessen den font-size in diesem neuen Element wieder zu erhöhen!
    Sollte eigentlich funktionieren....

    Kann dir leider nicht konkreter antworten, da ich nicht weiß wie deine HTML -und CSS Datei aufgebaut ist.

    Gruß
    zenten

  10. #10
    norbert6 ist offline Jungspund
    registriert
    18-05-2009
    Beiträge
    18

    AW: bilder direkt nebeneinander

    vielen Dank,
    aber ich suche eben nach einer reinen CSS lösung
    Dummheit ist auch eine natürliche Begabung

  11. #11
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: bilder direkt nebeneinander

    Zitat Zitat von norbert6 Beitrag anzeigen
    vielen Dank,
    aber ich suche eben nach einer reinen CSS lösung
    Ja aber das geht doch, wenn die Browser das nicht einheitlich darstellen, kannst du trotzdem mit negativen Margins arbeiten, wie ich dir schon gesagt hatte, musst halt individuelle CSS-Hacks verwenden, sodass es jeweils passt. Die kannst du untereinander in das StyleSheet schreiben.


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  12. #12
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: bilder direkt nebeneinander

    So viel Aufwand wegen ein paar Zeilenumbrüchen ...

Ähnliche Themen

  1. Bilder nebeneinander zufällig wechseln lassen
    Von desaster_ im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 01-03-2009, 17:26
  2. Array Punkt ermitteln
    Von Jooohny im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 04-10-2008, 23:36
  3. bilder direkt downloaden - problem
    Von FUZZI_CCDU im Forum Serverseitige Programmierung
    Antworten: 10
    Letzter Beitrag: 04-09-2002, 00:49

Lesezeichen

Berechtigungen

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