[GastForen Archiv Adobe GoLive CSS

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag

CSS

HBo
Beiträge gesamt: 12

16. Sep 2003, 15:39
Beitrag # 1 von 10
Bewertung:
(2860 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
jetzt möchte ich es mal genau wissen:
diese Angaben in einer CSS-Datei:
margin-right: 30px; margin-left: 20px; padding-right: 25px; padding-left: 15px
bestimmen was?
GoLive nennt das eine "Abstand aussen" und das andere "Abstand innen".
Was soll denn bei einer Textformatierung "innen" und "aussen" sein?

Das herauszufinden macht ja auch noch Spass, weil kein Browser eine Reaktion darauf zeigt.

Was ich versuche herauszufinden ist:
Wie kann ich mit einer entsprechenden Eintragung in der CSS-Datei
erreichen, dass ein ganzer Textabschnitt links und rechts einen bestimmten Abstand (auch verschiedene) zu z.B. einem Tabellenrand erhält?
Bis jetzt gelingt mir das nur, wenn ich
style="margin-left:15px; margin-right:30px"
in jeden p-TAG zu jedem Textabschnitt dazu schreibe.

Geht das nicht anders?
Danke für eine Info
Hans
X

CSS

exquisitus
Beiträge gesamt: 247

16. Sep 2003, 16:09
Beitrag # 2 von 10
Beitrag ID: #50995
Bewertung:
(2860 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hi hans

zb so:

<style type="text/css">
p {
margin-left:15px;
margin-right:30px
}
</style>

so werden alle p tags mit den angegebenen margins dargestellt.



<style type="text/css">
p.meineklasse {
margin-left:15px;
margin-right:30px
}
</style>

so werden nur die p tags die zudem das class attribute "meineklasse"
(<p class="meineklasse">gugus</p>) mit den angegebenen margins dargestellt.


hth
gruss
Steven



als Antwort auf: [#50989]

CSS

HBo
Beiträge gesamt: 12

16. Sep 2003, 16:35
Beitrag # 3 von 10
Beitrag ID: #51000
Bewertung:
(2860 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke exquisitus,

aber es funktioniert leider nicht (IE 5.5 und NN7.0)
Die Randabstände sind =0

Ich gehe doch recht in der Annahme, dass der Quelltext, wie ihn Du geschrieben hattest,
für den Einbau in die HTML gedacht war.
Sonst hättest Du das ja sicher anders geschrieben.
Ich frage nur zur Sicherheit nach, da ich nach einem Eintrag für die CSS-Datei gefragt hatte.
Danke
Hans


als Antwort auf: [#50989]

CSS

exquisitus
Beiträge gesamt: 247

16. Sep 2003, 16:44
Beitrag # 4 von 10
Beitrag ID: #51004
Bewertung:
(2860 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo Hans

hier ein kompletteres beispiel:

<html>
<head>
<title>del didel</title>
<style type="text/css">
p.meineklasse {
margin-left:15px;
margin-right:30px
}
</style>
</head>

<body>

<p>ich bin ein ganz normaler paragraph</p>

<hr />

<p class="meineklasse">
ich sollte dann im fall eingerückt sein - nämlich
</p>

</body>

</html>


hth
gruss
Steven



ps: wenn du die css rule in einer externen .css datei hast, dann sieht das +- so aus:


<html>
<head>
<title>del didel</title>
<link rel="StyleSheet" type="text/css" src="meinecssdatei.css"> </link>
</head>
<body>
<p>ich bin ein ganz normaler paragraph</p>
<hr />
<p class="meineklasse">
ich sollte dann im fall eingerückt sein - nämlich
</p>
</body>
</html>


--------------------------------------------------

hier der inhalt der datei meinecssdatei.css:


p.meineklasse {
margin-left:15px;
margin-right:30px
}



als Antwort auf: [#50989]
(Dieser Beitrag wurde von exquisitus am 16. Sep 2003, 16:49 geändert)

CSS

HBo
Beiträge gesamt: 12

16. Sep 2003, 17:04
Beitrag # 5 von 10
Beitrag ID: #51006
Bewertung:
(2860 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
alles klar, ich hatte einen kleinen, fast unsichtbaren Tippfähler beim Namen eines Styles.
Aber jetzt hast Du mir ja auch die Frage nach dem entsprechenden Eintrag in die CSS-Datei beantwortet.
Danke, dann werde ich mal versuchen, das ohne Tippfehler einzubauen.
Gruß
Hans


als Antwort auf: [#50989]

CSS

exquisitus
Beiträge gesamt: 247

16. Sep 2003, 17:25
Beitrag # 6 von 10
Beitrag ID: #51010
Bewertung:
(2860 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo Hans

ACHTUNG!
hatte da noch einen fehler drin.

es heisst natürlich
<link rel="StyleSheet" type="text/css" href="meinecssdatei.css"> </link>

href="" statt src=""


gruss
Steven


als Antwort auf: [#50989]

CSS

HBo
Beiträge gesamt: 12

16. Sep 2003, 17:37
Beitrag # 7 von 10
Beitrag ID: #51013
Bewertung:
(2860 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
ja danke,
das ist mir nicht aufgefallen, da die Verlinkung zu meiner CSS-Datei ja schon funktionsfähig vorhanden war.
Es ging mir ja nur noch um den Einbau der "MARGINs"
Nochmal: Danke
Gruss
hans


als Antwort auf: [#50989]

CSS

Petra Rudolph
Beiträge gesamt: 1554

17. Sep 2003, 07:50
Beitrag # 8 von 10
Beitrag ID: #51055
Bewertung:
(2860 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen


als Antwort auf: [#50989]
(Dieser Beitrag wurde von Petra Rudolph am 17. Sep 2003, 07:51 geändert)

CSS

HBo
Beiträge gesamt: 12

17. Sep 2003, 08:22
Beitrag # 9 von 10
Beitrag ID: #51057
Bewertung:
(2860 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ja danke für die Unterstützung,
so ähnlich haben wir uns das gestern auch anschaulich gemacht,
indem wir dem Text einen farbigen Hintergrund mitgegeben haben.


als Antwort auf: [#50989]

CSS

FSt
Beiträge gesamt: 1965

17. Sep 2003, 21:00
Beitrag # 10 von 10
Beitrag ID: #51152
Bewertung:
(2860 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo

Hilft auch immer wieder bei der "Original-Quelle" zu schauen.
http://edition-w3c.de/...-CSS2-19980512/kap08
Erklärt das Box-Modell eigentlich ganz gut (ich find sogar besser als Stefan Münz)

Gruss
FSt


als Antwort auf: [#50989]
X