mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 08.12.2016 09:30 Benutzername: Passwort: Auto-Login

Thema: CSS Style für das gesamte Dokument vom 23.02.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> CSS Style für das gesamte Dokument
Seite: Zurück  1, 2, 3  Weiter
Autor Nachricht
own_way

Dabei seit: 15.01.2004
Ort: Stuttgart
Alter: 37
Geschlecht: Männlich
Verfasst Mo 23.02.2004 12:23
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ypsiw
Threadersteller

Dabei seit: 08.10.2002
Ort: Nienhagen
Alter: 37
Geschlecht: Weiblich
Verfasst Mo 23.02.2004 12:27
Titel

Antworten mit Zitat Zum Seitenanfang

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. Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
ypsiw
Threadersteller

Dabei seit: 08.10.2002
Ort: Nienhagen
Alter: 37
Geschlecht: Weiblich
Verfasst Mo 23.02.2004 12:36
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
alesch

Dabei seit: 14.08.2003
Ort: Bremen
Alter: 32
Geschlecht: Männlich
Verfasst Mo 23.02.2004 12:36
Titel

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*


Zuletzt bearbeitet von alesch am Mo 23.02.2004 12:38, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Achim M.

Dabei seit: 17.03.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 23.02.2004 12:40
Titel

Antworten mit Zitat Zum Seitenanfang

Vielleicht mal allgemein:
  1. Wenn Du mit CSS arbeitest, benötigst Du keinen <font>-Tag mehr. Vergiss ihn einfach.

  2. 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 12:41, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
own_way

Dabei seit: 15.01.2004
Ort: Stuttgart
Alter: 37
Geschlecht: Männlich
Verfasst Mo 23.02.2004 12:45
Titel

Antworten mit Zitat Zum Seitenanfang

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. Lächel

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...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
nimrod

Dabei seit: 02.01.2003
Ort: New York
Alter: 32
Geschlecht: Männlich
Verfasst Mo 23.02.2004 14:50
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
ypsiw
Threadersteller

Dabei seit: 08.10.2002
Ort: Nienhagen
Alter: 37
Geschlecht: Weiblich
Verfasst Mo 23.02.2004 15:44
Titel

Antworten mit Zitat Zum Seitenanfang

Danke, eure antworten haben mir wirklich sehr geholfen Lächel))
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen CSS.Style für Hyperlinks
Hilfe: CSS Style
css list-style-position
css-Style Auswahl auf Homepage
css, ie6, list-style-image...
CSS Aufzählung list-style-image
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.