HTML/CSS: Bilder direkt nebeineinander

Dieses Thema im Forum "Webmaster Hilfe / Programmierer Forum" wurde erstellt von Psycot-X, 05.11.2007.

  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. AdMan

    schau mal hier: Windows-Wartungs-Tool. 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.
  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. AdMan

    Es ist generell erstmal empfehlenswert alle ggf. veralteten oder fehlerhaften Treiber zu scannen und auf neue zu aktualisieren. Hier kannst du einen Treiber-Scanner downloaden. Das erspart oftmals viel Ärger und hilft gegen diverse Probleme.
    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. 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...
  2. 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...
  3. Facebook Bilder hochladen

    Facebook Bilder hochladen: Hall allerseits, ich weiß jetzt nicht, ob die Rubrik passt, deswegen stell ich mein Problem mal hier ein. Seit ein paar Wochen kann ich keine...
  4. PC startet, jedoch kein Bild - Error Code 15

    PC startet, jedoch kein Bild - Error Code 15: Guten Abend, Ich habe ein mühsames Problem: Seit einiger Zeit hat mein PC die Make, dass er 2-3 anläufe braucht bis er anspringt (Wie ein...
  5. Monitor zeigt kein Bild nach zusammenbau von neuem PC

    Monitor zeigt kein Bild nach zusammenbau von neuem PC: Hey Leute, wie im Titel schon gesagt, habe ich heute meinen neuen Rechner zusammengebaut und wollte ihn anschließend konfigurieren. Mein Problem...