HTML/CSS: Bilder direkt nebeineinander

Diskutiere HTML/CSS: Bilder direkt nebeineinander im Webmaster Hilfe / Programmierer Forum Forum im Bereich Computerprobleme; Ich will meine HP umgestalten und ein paar Buttons (wie oben im Modernboard) nebeneinander. Mit Mouseover effekt, den kann ich, aber der...

  1. #1 Psycot-X, 05.11.2007
    Psycot-X

    Psycot-X Erfahrener Benutzer

    Dabei seit:
    07.04.2007
    Beiträge:
    960
    Zustimmungen:
    0
    Ich will meine HP umgestalten und ein paar Buttons (wie oben im Modernboard) nebeneinander.

    Mit Mouseover effekt, den kann ich, aber der gewünschte Effekt klappt nur wenn sie Pixelgenau nebeneinander sind die Bilder.
    Wenn ich es aber normal mach, sind sie nicht nebeneinander.

    Wie platziere ich die Bilder so das sie direkt nebeneinander stehen?
     
  2. Anzeige

  3. #2 HalbleiterFreak, 05.11.2007
    HalbleiterFreak

    HalbleiterFreak Erfahrener Benutzer

    Dabei seit:
    07.06.2007
    Beiträge:
    3.369
    Zustimmungen:
    0
    du musst margin auf 0px setzen. Das ist der aussenrand der Bilder.
    Code:
    .button { */andere formatierungen/*; margin:0px; }
     
  4. #3 Blaxxun, 05.11.2007
    Blaxxun

    Blaxxun aka Noisy

    Dabei seit:
    06.11.2005
    Beiträge:
    6.171
    Zustimmungen:
    0
    Jup mach es so, setz zur Sicherheit für den Opera noch margin auf 0px;
     
  5. #4 Psycot-X, 06.11.2007
    Psycot-X

    Psycot-X Erfahrener Benutzer

    Dabei seit:
    07.04.2007
    Beiträge:
    960
    Zustimmungen:
    0
    Ehm tschuldigung, aber das hab ich jetzt nicht verstanden. ?!??!?
    Das ist CSS. Naja ok ich hab mich sch**** ausgedrückt.

    Ich hab einfach 2 Bilddateien.

    Eine normale und eine und eine die anders aussieht.
    So sieht der Quelltext aus:

    HEAD:
    (Die Bilder könnt ihr nicht sehen, stellt sie euch vor.)

    Wie machsch jetzt die Bilder direkt nebeneinander?
     
  6. #5 Psycot-X, 08.11.2007
    Psycot-X

    Psycot-X Erfahrener Benutzer

    Dabei seit:
    07.04.2007
    Beiträge:
    960
    Zustimmungen:
    0
    Wisst ihr keinen Rat?
     
  7. #6 Blaxxun, 08.11.2007
    Blaxxun

    Blaxxun aka Noisy

    Dabei seit:
    06.11.2005
    Beiträge:
    6.171
    Zustimmungen:
    0
    Kannst du nicht mal eine online Version zeigen, denn so wie es da steht nach dem Schema:
    <a><img></a>
    <a><img></a>
    <a><img></a>

    Müssten die Bilder neben einander stehen, würde das gerne in der Praxis sehen kann man besser Lösungen finden ;)
     
  8. #7 Psycot-X, 09.11.2007
    Psycot-X

    Psycot-X Erfahrener Benutzer

    Dabei seit:
    07.04.2007
    Beiträge:
    960
    Zustimmungen:
    0
    http://www.panker.net/report/musik.html

    Ich habe in meinem Quelltext einen Fehler entdeckt, aber der behebt das Problem leider nicht.

    In ihm stand hspace10 und vspace2, hab ich auf 0 gesetzt, aber es sind noch ca 4 Pixel platz.
     
  9. #8 Blaxxun, 09.11.2007
    Blaxxun

    Blaxxun aka Noisy

    Dabei seit:
    06.11.2005
    Beiträge:
    6.171
    Zustimmungen:
    0
    Mach einfach mal folgendes:
    Code:
    [url="http://www.nevadatan4u.de.vu"]<img name ="imgLink1" src= "musik01.bmp" border="0" alt="Button" hspace="0" vspace="0">[/url][url="http://www.nevadatan4u.de.vu"] <img name ="imgLink2" src= "musik01.bmp"order="0" alt="Button" hspace="0" vspace="0">[/url][url="http://www.nevadatan4u.de.vu"]<img name ="imgLink3" src= "musik01.bmp" border="0" alt="Button" hspace="0" vspace="0">[/url][url="http://www.nevadatan4u.de.vu"]<img name ="imgLink4" src= "musik01.bmp" Border="0" alt="Button" hspace="0" vspace="0">[/url]
    
    Also alles hintereinander ohne Leerzeichen oder so.

    Könnte sein, dass es daran liegt, denn du hast keinen Doctype gesetzt, der Browser macht halt was er will und läuft im Quirks-Modus.
    Ist so eine kleine Eigenart, dass wenn du Bilder im QT in zwei Zeilen schreibst, dass sich ein Leerzeichen dazwischen befindet.
     
  10. Anzeige

    Hi,
    guck mal HIER... Viele Probleme lassen sich damit einfach beheben. Oftmals ist der PC dann auch schneller!
    Registrieren bzw. einloggen, um diese und auch andere Anzeigen zu deaktivieren.
  11. #9 Psycot-X, 09.11.2007
    Psycot-X

    Psycot-X Erfahrener Benutzer

    Dabei seit:
    07.04.2007
    Beiträge:
    960
    Zustimmungen:
    0
  12. #10 Bl@xxun, 09.11.2007
    Bl@xxun

    Bl@xxun Guest

    wenn schon, dann blank ;)
     
Thema: HTML/CSS: Bilder direkt nebeineinander
Besucher kamen mit folgenden Suchen
  1. html bilder direkt aneinander

    ,
  2. css bilder direkt nebeneinander

    ,
  3. css bilder direkt aneinander

    ,
  4. html css bilder direkt aneinander
Die Seite wird geladen...

HTML/CSS: Bilder direkt nebeineinander - Ähnliche Themen

  1. Sound verzerrt und bild hängt zur gleichen zeit alle paar sekunden

    Sound verzerrt und bild hängt zur gleichen zeit alle paar sekunden: CPU: Intel Core i5 6400 2,70GHz Mainboard: MSI H110M PRO-VD (MS-7996) Ram: 8gb single DDR4 Grafikkarte: Asus GeForce GTX 1060 6gb Ich habe das...
  2. Probleme HTML: background-color für "body" funktioniert nicht

    Probleme HTML: background-color für "body" funktioniert nicht: Hallo, ich schreibe gerade eine Website mit css, und ich möchte den Hintergrund der Seite ändern, jedoch geht das nicht. Könnt Ihr mal den Code...
  3. Kein Bild mehr trotz Grafikkarten Austausch

    Kein Bild mehr trotz Grafikkarten Austausch: Hi Mein PC liefert seit einigen Tagen kein Bild mehr. Der der VGA-Anschluss war zuvor ein wenig wackelig. Ich habe den Stecker des Monitors öfters...
  4. Bild vom PC mit DVD-Recorder aufnehmen

    Bild vom PC mit DVD-Recorder aufnehmen: Hallo. Ich such nen Weg, evtl. Games und vor allem Videos vom PC auf nen DVD-Recorder zu übertragen und dort auf zu nehmen. Am besten wär wohl...
  5. Verzogenes Bild

    Verzogenes Bild: Hallo zusammen, ich habe zwei Bildschirme (beide funktionieren auch einwandfrei). Der Pc startet auch so wie immer, nur dass das Bild deutlich...
  1. Diese Seite verwendet Cookies um Inhalte zu personalisieren. Außerdem werden auch Cookies von Diensten Dritter gesetzt. Mit dem weiteren Aufenthalt akzeptierst du diesen Einsatz von Cookies.
    Information ausblenden