CSS-Border-Problem - ich habe einen Rahmen um ein Bild. Ich benutze auch Ränder auf dem Bild. Rand nicht passen dicht gegen Bild?

Kurze Frage. Bitte schauen Sie sich das Beispiel an http://www.urbanelementz.ca/ ...

Bild & Grenze, die ich mich beziehe, befindet sich auf der oberen linken Seite des Haupt-content-Bereich und hat weiße Textumbruch neben und unterhalb.

Hier ist die URL zu dem Bild, das ich spreche:

http://www.urbanelementz.ca/css/images/uelementz-index-colorefx1.png

Machte ich die gepunktete Linie dicker und weiß, so dass Sie sehen können, was ich spreche. Ich habe einen oberen Rand und den rechten Rand, legen Sie auf das Bild, damit der text nicht direkt vor das Bild. Wie kann ich die Grenze zu gehen bis gegen (sitzen bündig) mit der Bild und nicht um das Bild + die Ränder festlegen. Ohne Verwendung von padding als auch, wenn möglich. Ich will meinen Ränder festlegen. Gibt es eine Möglichkeit dieses Problem zu beheben?

Vielen Dank!

InformationsquelleAutor urbanelementz | 2011-06-21
  1. 3

    Hinzufügen/Bearbeiten der CSS-Datei mit:

    img#colorfx1 {
  padding: 0px;
  margin-right: 10px;
}
    • es ist in der Zeile 147 in der Art.css.
    • Ich änderte meine css so: img#colorfx1 { margin: 0px 5px 0px 1px; vertical-align: top; float: left; border-color: #FFF; border-style: dotted; border-width: 1px; }
    InformationsquelleAutor kei
  2. 3
    img#colorfx1 {
    border-collapse: collapse;
    border-color: #FFFFFF;
    border-style: dotted;
    border-width: 3px;
    float: left;
    padding: 2px 5px 0 1px;
    vertical-align: top;
}

    Ändern padding zu margin, und es sieht gut aus.

    Ich denke, Sie soll schreiben margin in den ersten Platz.

    • Perfekt. Danke an alle für Ihre Hilfe. Es war ein langer Tag und benötigt einen frischen input von anderen Kollegen-Designer/Programmierer. Nochmals vielen Dank!
    • Ich änderte meine css so: img#colorfx1 { margin: 0px 5px 0px 1px; vertical-align: top; float: left; border-color: #FFF; border-style: dotted; border-width: 1px; }
    InformationsquelleAutor thirtydot
  3. 2

    Sehe ich in diesem Stil angewendet:

    img#colorfx1 {
    border-collapse: collapse;
    border-color: #FFFFFF;
    border-style: dotted;
    border-width: 3px;
    float: left;
    padding: 2px 5px 0 1px;
    vertical-align: top;
}

    Entfernen der Polsterung fest für mich...

    InformationsquelleAutor Gabe
  4. 1

    Loszuwerden, die Polsterung auf dem Bild. Padding auf 0:

    img#colorfx1 { padding: 0; }
    • Tolle Aussage -, weil es nicht wie die Antworten, die erschienen, nachdem ich auf hinzufügen geklickt haben, post.
    InformationsquelleAutor kinakuta
  5. 0

    Was ich sehe, Sie haben keine Marge festgelegt, dass Bild. Sie haben Polsterung auf obwohl.
    Sobald Sie entfernen die Polsterung und verwenden Sie margin stattdessen sollte es in Ordnung sein.

    InformationsquelleAutor AR.
  6. 0

    Ich denke, wenn du deine css wie dieses

    img#colorfx1 {
  padding: 0px;
  margin: 0px 5px 0px 5px;
  border: #FFFFFF dotted 3px;
  float: left;
}
    InformationsquelleAutor Paul Sheldrake
  7. 0

    können Sie pandding wie :

    <img src="test.png" width="80" height="74" border="2" style="border-style:dotted; padding-left:5px">

    dieser erscheint dasselbe wie das, was u wollen, hier ist einige Sachen auch :
    link

    GRÜßEN...

    InformationsquelleAutor Tamer
  8. 0

    Habe ich eine meta-Antwort: ja, Polsterung war Ihr problem. Sie könnten in der Lage sein, um zu vermeiden, bitten diese Art von Frage in der Zukunft, wenn Sie beginnen mit ein) Chrome "Element Untersuchen" Befehl im Kontextmenü, oder b) Firebug für Firefox, das ist mehr oder weniger die gleiche Sache. Blick auf das element errechnet sich aus Stil und Sie können genau sehen, welche Eigenschaft macht Ihrem element so Verhalten, wie es funktioniert.

    • Ja, ich habe firebug, doch es war ein langer Tag, und ich hatte einfach nicht daran zu denken. Trotzdem danke.
    InformationsquelleAutor Coderer
Schreibe einen Kommentar