[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: 4040

2. Nov 2010, 20:46
Beitrag # 1 von 5
Bewertung:
(2096 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: 1965

2. Nov 2010, 21:07
Beitrag # 2 von 5
Beitrag ID: #455837
Bewertung:
(2083 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: 4040

2. Nov 2010, 23:31
Beitrag # 3 von 5
Beitrag ID: #455850
Bewertung:
(2061 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:
(1992 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: 4040

5. Nov 2010, 01:09
Beitrag # 5 von 5
Beitrag ID: #456099
Bewertung:
(1985 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

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
17.04.2024

Online
Mittwoch, 17. Apr. 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Günther Business Solutions

https://www.impressed.de/schulung.php?c=sDetail&sid=326

Und es geht doch: Automatisierung im Großformatdruck!