Grauer Rahmen un Bilder im HTML

    Hallo,
    ich habe ein kleines Problem, denn wenn ich meinen HTML Code (Mit Photoshop erstellt (Slices)) auf einer Seite einfüge dann sieht das so aus:

    [Blockierte Grafik: http://up.picr.de/11793015si.jpg]

    Ziemlich doof :D

    Aber wenn ich die reine HTML Datei in Browser öffne dann sieht es richtig aus:

    [Blockierte Grafik: http://up.picr.de/11793070rd.jpg]

    Gut :D

    Wie bekomme ich den Rand weg ?

    Ich benutze für den Blog das Theme Gamerpress.

    Danke im Voraus ;)

    Grüsse Niklas (iFaniPod)

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    das liegt an der Formatierung für Tabellen in deiner style.css

    aber deine Tabelle hat ja eine id "[COLOR="#FF0000"]Tabelle_01[/COLOR]"

    somit kannst du die Standardformatierung überschreiben
    dies in die style.css einfügen

    Code
    #Tabelle_01 td {
    padding: 0;
}

    des weiteren wird ein Zeilenumbruch bei den Links eingefügt

    hier musst du in deiner Tabelle darauf achten, dass das Bild ohne Umbruch in den Link gefügt ist
    also so

    Code
    <a href="....."><img width="1" height="9" alt="" src="...."></a>


    und nicht

    Code
    <a href=".....">
<img width="1" height="9" alt="" src="....">
</a>

    Einmal editiert, zuletzt von Tutrix (10. September 2012 um 20:45)

    zur Not kannst du den Zeilenumbruch auch ausblenden

    dies in die style.css

    Code
    #Tabelle_01 br {
    display: none;
}

    sauberer ist aber, wenn der Code gar keinen Umbruch enthält

    Danke Danke Danke Danke Danke Danke :D
    Hat damit funktioniert :


    #Tabelle_01 br { display: none;}
    Habe die schmutzige Variante genommen :)

    Es sieht zwar noch etwas schmutzig (runter scrollen) aus, aber auf jeden Fall besser als Vorher!

    Vielen Dank!

    Grüsse Niklas

    dann machen wir mal schmutzig weiter ;-)

    füge mal das noch hinzu

    Code
    #Tabelle_01 {
    margin-left: -12px;
}
#Tabelle_01 td {
    background: #000000;
}

    ach ja, hier mal ein Beispiel deines Codes mit Umbruch

    Code
    <a href="http://www.ikea.com/de/de/catalog/products/40180042/">
		<img id="Meinx20Schreibtisch_37" src="http://paddy97lp.cwsurf.de/wordpress/lets-play/ifanipod/images/Mein-Schreibtisch_37.gif" width="107" height="222" border="0" alt="" /></a>

    aussehen sollte es so

    Code
    <a href="http://www.ikea.com/de/de/catalog/products/40180042/"><img id="Meinx20Schreibtisch_37" src="http://paddy97lp.cwsurf.de/wordpress/lets-play/ifanipod/images/Mein-Schreibtisch_37.gif" width="107" height="222" border="0" alt="" /></a>

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden