[GastForen Web allgemein HTML und CSS / Stylesheets CSS-Formatierung

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

CSS-Formatierung

Thobie
Beiträge gesamt: 4031

2. Nov 2010, 20:46
Beitrag # 1 von 5
Bewertung:
(2047 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ich habe auf meiner Website http://www.kreativ-schmie.de, die ein vorgegebenes und modifiziertes Template ist, folgendes Problem.

Im CSS ist ein Format für Images vorgeben, dass jedes Bild einen 1-px-Rahmen erhält. Damit kann ich leben und es bei Bedarf abändern, also auch für einzelne Bilder den Rahmen auf "0" setzen.

Jetzt habe ich auf der Eingangsseite dieser Site ein Bild von mir, dem ich den Rand auf "0" gesetzt habe.

Ich möchte jedoch, dass das Foto auch ca. 1–2 cm links und unten vom Text umflossen wird, also einen gewissen Abstand dazu hält.

Das img-Tag im CSS für alle Bilder will ich dafür nicht ändern. Ich weiß aber nicht, wie ich dieses Änderung einfügen kann, das ich dann nur diesem einzelnen Bild zuweisen kann.

Vielleicht wisst Ihr eine Hilfestellung.

Liebe Grüße



Thobie

--
http://medien-schmiede.tel

(Dieser Beitrag wurde von Thobie am 2. Nov 2010, 20:52 geändert)
X

CSS-Formatierung

FSt
  
Beiträge gesamt: 1961

2. Nov 2010, 21:07
Beitrag # 2 von 5
Beitrag ID: #455837
Bewertung:
(2034 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Thobie

Du musst dem Bild eine Klasse zuweisen, also aus
Code
<img src="images/Thomas_Kreativschmiede.jpg" alt="Thomas Biedermann" height="139" width="122" align="right"/> 


machst Du

Code
<img class="mitAbstand" src="images/Thomas_Kreativschmiede.jpg" alt="Thomas Biedermann" height="139" width="122" align="right"/> 


Danach musst Du nur noch im CSS eintragen:
Code
.mitAbstand {padding: 0 0 25px 25px;} 


Geht das mit Deinem CMS?

Gruss
Martin


als Antwort auf: [#455835]

CSS-Formatierung

Thobie
Beiträge gesamt: 4031

2. Nov 2010, 23:31
Beitrag # 3 von 5
Beitrag ID: #455850
Bewertung:
(2012 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Zitat Du musst dem Bild eine Klasse zuweisen <img class="mitAbstand" src="images/Thomas_Kreativschmiede.jpg" alt="Thomas Biedermann" height="139" width="122" align="right"/>
Danach musst Du nur noch im CSS eintragen: .mitAbstand {padding: 0 0 25px 25px;}

okay, das leuchtet mir ein.

Leider erziele ich mit dieser Maßnahme nicht so ganz das gewünschte Ergebnis als wie ich es jetzt gelöst habe, indem ich dem Bild einfach ein style="padding-left: 25 px;" und style="padding-bottom: 25px;" zugewiesen habe.

Ich weiß nicht, woran das liegt.

Liebe Grüße



Thobie

--
[qurl]http://medien-schmiede.tel


als Antwort auf: [#455837]
(Dieser Beitrag wurde von Thobie am 2. Nov 2010, 23:39 geändert)

CSS-Formatierung

wundertype.de
Beiträge gesamt: 158

5. Nov 2010, 00:41
Beitrag # 4 von 5
Beitrag ID: #456096
Bewertung:
(1943 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

style="padding-left: 25 px; padding-bottom: 25px"

oder

style="padding: 0 0 25px 25px"

Das dürfte aufs Gleiche rauskommen. Aber zwei Style Tags hintereinander schreibt man, glaube ich, nicht.


als Antwort auf: [#455850]

Re: CSS-Formatierung

Thobie
Beiträge gesamt: 4031

5. Nov 2010, 01:09
Beitrag # 5 von 5
Beitrag ID: #456099
Bewertung:
(1936 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Zitat style="padding-left: 25 px; padding-bottom: 25px" oder style="padding: 0 0 25px 25px". Das dürfte aufs Gleiche rauskommen. Aber zwei Style Tags hintereinander schreibt man, glaube ich, nicht.

Du hast Recht. Die Überprüfung ergab den folgenden Fehler:

Line 83, Column 145: duplicate specification of attribute "style"
…="122" align="right" style="padding-left: 20px" style="padding-bottom: 20px;"/>

Danke!



Thobie
--
http://medien-schmiede.tel


als Antwort auf: [#456096]
(Dieser Beitrag wurde von Thobie am 5. Nov 2010, 01:11 geändert)
X