hilfdirselbst.ch
Facebook Twitter gamper-media
Tipps und Tricks zu Adobe GoLive von Dirk Levy, GoLive FAQ's von Randolph Sterna
HBo
Beiträge: 12
16. Sep 2003, 15:39
Beitrag #1 von 10
Bewertung:
(2126 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS


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 Top
 
X
exquisitus
Beiträge: 247
16. Sep 2003, 16:09
Beitrag #2 von 10
Beitrag ID: #50995
Bewertung:
(2126 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS


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] Top
 
HBo
Beiträge: 12
16. Sep 2003, 16:35
Beitrag #3 von 10
Beitrag ID: #51000
Bewertung:
(2126 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS


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] Top
 
exquisitus
Beiträge: 247
16. Sep 2003, 16:44
Beitrag #4 von 10
Beitrag ID: #51004
Bewertung:
(2126 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS


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)
Top
 
HBo
Beiträge: 12
16. Sep 2003, 17:04
Beitrag #5 von 10
Beitrag ID: #51006
Bewertung:
(2126 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS


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] Top
 
exquisitus
Beiträge: 247
16. Sep 2003, 17:25
Beitrag #6 von 10
Beitrag ID: #51010
Bewertung:
(2126 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS


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] Top
 
HBo
Beiträge: 12
16. Sep 2003, 17:37
Beitrag #7 von 10
Beitrag ID: #51013
Bewertung:
(2126 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS


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] Top
 
Petra Rudolph p
Beiträge: 1554
17. Sep 2003, 07:50
Beitrag #8 von 10
Beitrag ID: #51055
Bewertung:
(2126 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS


Hallo!

Lies mal hier:

http://selfhtml.teamone.de/...ten/innenabstand.htm Padding
http://selfhtml.teamone.de/...ften/randabstand.htm Margin

Gruß Petra

http://www.webministration.de
http://www.quicktoweb.de
als Antwort auf: [#50989]
(Dieser Beitrag wurde von Petra Rudolph am 17. Sep 2003, 07:51 geändert)
Top
 
HBo
Beiträge: 12
17. Sep 2003, 08:22
Beitrag #9 von 10
Beitrag ID: #51057
Bewertung:
(2126 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS


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] Top
 
FSt  M 
Beiträge: 1946
17. Sep 2003, 21:00
Beitrag #10 von 10
Beitrag ID: #51152
Bewertung:
(2126 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS


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] Top
 
X