• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Css wie fang ich am besten an?

Status
Für weitere Antworten geschlossen.
A

Andibagandi

Neues Mitglied
Hallo Zusammen

Ich habe eine Homepage komplett in css gemacht. Schrift,Tabelle u.sw

Nun möchte ich aber daraus ein CSS machen. bzw ein externes CSS einbinden.

Das einbinden ist ja kein problem.
Mit was soll ich jetzt bloss anfangen? ich bin hilflos.

soll ich jetzt jede für jeden HTML code den css code schreiben? sozusagen ersetzen?

Aber dann hat es am schluss ja gar kein html mehr..
Ich bin hilflos.
Könnt ihr mir bitte auf die Sprünge helfen?
mfg

Andibagandi

Edit: Also die schrift hab ich jetzt in der html datei so gemacht
habe ihr nen stil zugewiesen

Code: 
 <style type="text/css">
<!--
body {
 background-color: #FFCC33;
 margin-left: 2px;
 margin-top: 2px;
 margin-right: 2px;
 margin-bottom: 2px;
}
.Stil1 {
 font-size: 36px;
 font-family: Arial, Helvetica, sans-serif;
}
.Stil3 {font-size: 24px}
.Stil4 {font-size: 16px}
.Stil5 {
 font-size: 16px;
 font-family: Arial, Helvetica, sans-serif;
}
-->
</style>

jetzt fehlt eingentlich "nur" noch das Layout. Das ist einen tabelle. Mit den einzelnen bildern..
 
Zuletzt bearbeitet:
Werbung:
Das ist ja ganz einfach.
Du machst eine Externe CSS Datei und bindest diese in deine Seite ein.
HTML: 
<link rel="stylesheet" href="cssdatei.css" type="text/css">
Dieser Code kommt in den <head></head> Bereich.

Dann in deine CSS Datei dies einfach einfügen:
Code: 
body {
 background-color: #FFCC33;
 margin-left: 2px;
 margin-top: 2px;
 margin-right: 2px;
 margin-bottom: 2px;
}
.Stil1 {
 font-size: 36px;
 font-family: Arial, Helvetica, sans-serif;
}
.Stil3 {font-size: 24px}
.Stil4 {font-size: 16px}
.Stil5 {
 font-size: 16px;
 font-family: Arial, Helvetica, sans-serif;
}

Und schon ist es fertig. :D
 
matibaski schrieb:
Das ist ja ganz einfach.
Du machst eine Externe CSS Datei und bindest diese in deine Seite ein.
HTML: 
<link rel="stylesheet" href="cssdatei.css" type="text/css">
Dieser Code kommt in den <head></head> Bereich.

Dann in deine CSS Datei dies einfach einfügen:
Code: 
body {
 background-color: #FFCC33;
 margin-left: 2px;
 margin-top: 2px;
 margin-right: 2px;
 margin-bottom: 2px;
}
.Stil1 {
 font-size: 36px;
 font-family: Arial, Helvetica, sans-serif;
}
.Stil3 {font-size: 24px}
.Stil4 {font-size: 16px}
.Stil5 {
 font-size: 16px;
 font-family: Arial, Helvetica, sans-serif;
}

Und schon ist es fertig. :D
Zum Vergrößern anklicken....
hehe jo das hab ich schon geschaft xD
ich möchte aber auch noch das andere in die css nehmen. Tabelle, iframe u.s.w

meine Seite ist so; http://www.liechti-informatik.ch
 
Werbung:
Werbung:
Hi

nur so nebenbei und nicht zwingend notwendig

HTML: 
body {
 background-color: #FFCC33;
 margin-left: 2px;
 margin-top: 2px;
 margin-right: 2px;
 margin-bottom: 2px;
}
wenn der seitenabstand an alle vier seiten gleich ist reicht eine angabe

HTML: 
body {
 background-color: #FFCC33;
 margin: 2px;
}
die angabe wird dann auf alle vier seiten verwendet.

wenn ich mich jetzt recht erinnere kann man auch alle vier seiten (bei evtl. unterschiedlichen abständen) in einer reihe angeben aber da will ich jetzt nix falsches in die welt setzen. z.B.: so

HTML: 
body {
 background-color: #FFCC33;
 margin: 1px 2px 3px 4px;
}
aber wie gesagt bei letzterem bin ich mir net sicher aber die zweite variante funktioniert auf jedenfall. Übrigens auch bei anderen styles wie z.B. Rahmen wenn alle seiten gleich sind, kannst du dicke, farbe und art in einer reihe angeben:

HTML: 
border: 1px solid #000000;
gruß jan
 
pennywise schrieb:
Hi

nur so nebenbei und nicht zwingend notwendig

HTML: 
body {
 background-color: #FFCC33;
 margin-left: 2px;
 margin-top: 2px;
 margin-right: 2px;
 margin-bottom: 2px;
}
wenn der seitenabstand an alle vier seiten gleich ist reicht eine angabe

HTML: 
body {
 background-color: #FFCC33;
 margin: 2px;
}
die angabe wird dann auf alle vier seiten verwendet.

wenn ich mich jetzt recht erinnere kann man auch alle vier seiten (bei evtl. unterschiedlichen abständen) in einer reihe angeben aber da will ich jetzt nix falsches in die welt setzen. z.B.: so

HTML: 
body {
 background-color: #FFCC33;
 margin: 1px 2px 3px 4px;
}
aber wie gesagt bei letzterem bin ich mir net sicher aber die zweite variante funktioniert auf jedenfall. Übrigens auch bei anderen styles wie z.B. Rahmen wenn alle seiten gleich sind, kannst du dicke, farbe und art in einer reihe angeben:

HTML: 
border: 1px solid #000000;
gruß jan
Zum Vergrößern anklicken....
jo danke viel mal für diese Tipp. Die bringens wirklich. werde das ändern. Aber momentan ist es mir am wichtigsten das sich das layout am text anpasst. wie mach ich das? momentan geht der text einfach weiter als das layout. schaut.http://www.liechtisoft.dyndns.org/liechti-informatik/Seiten/firma.html

hoffe ihr könnt helfen.

mfg
Andibagandi
 
Werbung:
Zuletzt bearbeitet:
Werbung:
Andibagandi schrieb:
Lol bin ich dumm. sehr sogar. genau da ich ja nun für jede textseite eigentlich ein eigenes "desgin" habe kann ich eifach jedem text seine grösse geben!
danke

EDIT: Hmm hat nicht gebracht. die grösse macht was ihr gefällt!
schau:
http://liechtisoft.dyndns.org/liechti-informatik/Seiten/service.html
Zum Vergrößern anklicken....

ok speziell für die service.html folgende sachen ändern

<div style= "width:786px; height:600px; <--- height raus oder auto ;-)
<div style="height:820px" id="content"> wenn mehr text, dann geht es über das layout hinaus..
 
matcho schrieb:
ok speziell für die service.html folgende sachen ändern

<div style= "width:786px; height:600px; <--- height raus oder auto ;-)
<div style="height:820px" id="content"> wenn mehr text, dann geht es über das layout hinaus..
Zum Vergrößern anklicken....
height:auto ändert nichts. und das
[Wenn mehr text, dann geht es über das layout hinaus..
Zum Vergrößern anklicken....
will ich ja verhindern.. mhh muss ich da wirklich auf iframe zurückgreifen!?:shock:
mfg
Andibagandi
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben