Autor |
Nachricht |
own_way
Dabei seit: 15.01.2004
Ort: Stuttgart
Alter: 44
Geschlecht:
|
Verfasst Mo 23.02.2004 13:23
Titel
|
|
|
generell ein tipp: ich würde mit ner externen css-datei arbeiten - das ist zum einen edler und zum zweiten erspart es dir ne menge arbeit, wenn du etwas änderst...
du musst dann bloß noch klassen verteilen und alles wird gut
|
|
|
|
|
ypsiw
Threadersteller
Dabei seit: 08.10.2002
Ort: Nienhagen
Alter: 44
Geschlecht:
|
Verfasst Mo 23.02.2004 13:27
Titel
|
|
|
Sorry aber wie mache ich das? Ich habe mit CSS noch keinerlei Erfahrungen.
Würde mich wirklich sehr freuen, wenn man mir das erklärt.
|
|
|
|
|
Anzeige
|
|
|
ypsiw
Threadersteller
Dabei seit: 08.10.2002
Ort: Nienhagen
Alter: 44
Geschlecht:
|
Verfasst Mo 23.02.2004 13:36
Titel
|
|
|
Ich hab mal ein paar andere Codes ausprobiert und so gehts:
<style type="text/css" media="screen">
<!--
a:link { text-decoration:none; color:#cc0000 }
a:visited { text-decoration:none; color:#cc0000 }
a:active { text-decoration:none; color:#cc0000 }
body {
font-family: Arial;
font-size: x-small;
color: #333333;
font-weight: normal;
font-style: normal;
}
table {
font-family: Arial;
font-size: x-small;
font-style: normal;
font-weight: normal;
color: #000000;
}
-->
</style>
|
|
|
|
|
alesch
Dabei seit: 14.08.2003
Ort: Bremen
Alter: 39
Geschlecht:
|
Verfasst Mo 23.02.2004 13:36
Titel
|
|
|
schreibe vor das "font" in deinem sytel mal nen .
also so:
Code: | Verfasst am: Mo 23.02.2004 12:10 Titel:
--------------------------------------------------------------------------------
Ok:
<style type=text/css media=screen>
<!--
a:link { text-decoration:none; color:#cc0000 }
a:visited { text-decoration:none; color:#cc0000 }
a:active { text-decoration:none; color:#cc0000 }
.font {
font-family: Arial;
font-size: small;
font-style: normal;
font-weight: normal;
font-variant: normal;
}
-->
</style> |
Ich würde es aber nicht font nennen. font ist nicht sehr aussagekräftig.
Wenn du den . weg lässt, werden die styles auf den entsprechenden Tag angewendet (soweit ich weiss). Deswegen gehts auch jetzt
Zuletzt bearbeitet von alesch am Mo 23.02.2004 13:38, insgesamt 1-mal bearbeitet
|
|
|
|
|
Achim M.
Dabei seit: 17.03.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 23.02.2004 13:40
Titel
|
|
|
Vielleicht mal allgemein: - Wenn Du mit CSS arbeitest, benötigst Du keinen <font>-Tag mehr. Vergiss ihn einfach.
- Klassen und <span>-Tags - wie hier vorgeschlagen, sind für die CSS-Basisaufgaben überhaupt nicht notwendig. Du musst lediglich jedem benötigten Tag eine CSS-Anweisung zuordnen. Erst wenn Du unterscheidliche Darstellungen für gleiche Tags benutzen möchtest, musst Du auf Klassen zurückgreifen.
Schreibe den Code folgendermaßen um:
Code: | <html>
<head>
<title>CSS</title>
</head><body>
<style type=text/css>
<!--
a:link { text-decoration:none; color:#cc0000 }
a:visited { text-decoration:none; color:#cc0000 }
a:active { text-decoration:none; color:#cc0000 }
body {
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: black;
background-color: #FFE57F;
}
h1 {
font-family: Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #666666;
}
-->
</style>
</head>
<body>
<h1><a name=oben>B</a></h1>
<p><b>Betriebssystem</b><br>
Das Betriebssystem ist die Gesamtheit aller Programme, die die CPU, den Arbeitsspeicher, die Festplatte und alle Peripheriegeräte verwalten und den Ablauf und die Durchführung aller Systeme überwachen.
Typische Beispiele für Betriebssysteme:
<ul>
<li>DOS</li>
<li>Windows (95, 98, NT, 2000, ME)</li>
<li>Mac OS (8.0, 9.0, usw.)</li>
<li>Unix (Linux) </li>
</ul>
Alle Anwendungsprogramme laufen nur aufgrund eines komplett installierten u. funktionsbereiten Betriebssystem.<br><br>
</body>
</html> |
Ohne Klassen, ohne <font>-Tags und weniger HTML-Tags zum Ziel.
Gruß
Achim
Zuletzt bearbeitet von Achim M. am Mo 23.02.2004 13:41, insgesamt 1-mal bearbeitet
|
|
|
|
|
own_way
Dabei seit: 15.01.2004
Ort: Stuttgart
Alter: 44
Geschlecht:
|
Verfasst Mo 23.02.2004 13:45
Titel
|
|
|
ypsiw hat geschrieben: | Sorry aber wie mache ich das? Ich habe mit CSS noch keinerlei Erfahrungen.
Würde mich wirklich sehr freuen, wenn man mir das erklärt. |
du arbeitesst doch mit dreamweaver, oder!? welche version?
du musst nur eine css-datei anlegen - die kann zum beispiel ganz einfach so aussehen:
Code: | body {
background-color: #E9E9E9;
scrollbar-face-color: #E6E6E6;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #324056;
scrollbar-track-color: #E6E6E6;
scrollbar-darkshadow-color: #000000;
}
.text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:#000000;
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.table {
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
.red {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:#FF0000;
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.grey {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:#969696;
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#6A7D71;
background-color:#E1E3E1;
border: thin outset #66716A;
height: auto;
}
a.link_norm:link {
text-decoration: none;
color : #990000}
a.link_norm:visited {
text-decoration: none;
color : #990000;}
a.link_norm:hover {
text-decoration: underline;
color : #990000}
a.link_norm:active {
text-decoration: underline;
color : #990000} |
die nennst du dann z.b. layout.css und dann gibst du deinem link zum beispiel die klasse link_norm - das geht so <a href="deine_page.php" target="_blank" class="link_norm">dein link</a>
ganz easy und sehr komfortabel...
|
|
|
|
|
nimrod
Dabei seit: 02.01.2003
Ort: New York
Alter: 39
Geschlecht:
|
Verfasst Mo 23.02.2004 15:50
Titel
|
|
|
bei ner externen css-datei muss diese aber auch im <head>-bereich der seite angegeben werden:
Code: | <html>
<head>
<title>Titel der Datei</title>
<link rel=stylesheet type=text/css href=layout.css>
</head>
<body>
</body>
</html> |
|
|
|
|
|
ypsiw
Threadersteller
Dabei seit: 08.10.2002
Ort: Nienhagen
Alter: 44
Geschlecht:
|
Verfasst Mo 23.02.2004 16:44
Titel
|
|
|
Danke, eure antworten haben mir wirklich sehr geholfen ))
|
|
|
|
|
|
|
|
Ähnliche Themen |
HTML element Style ohne Parentelement Style
Tipps für verwaschenen Style bzw. Splash Style
Gesamte Animation verschieben
Flash - Wie setzte ich auf die gesamte Arbeitfläche einen?
Gesamte Internetseite mit jQuery einblenden. Wie geht das?
Scrollbalken für die gesamte Seite trotz Frames
|
|