Antworten auf deine Fragen:
Neues Thema erstellen

Schriftfarbe

M

mistral1

Nicht mehr ganz neu hier

Hallol, nachdem man hier so gut gehoöfden bekommt habe ich noch ein Prob.
Wenn ich an meinem Layout CSS schriftfarbe ändern möchte, geschieht das dann auf der ganzen seite. Was kann ich da tu?
 

AW: Schriftfarbe

Zeig uns doch mal den Quelltext deiner kompletten Beispielseite. Daran kann man dir am besten erklären was wieso und warum.
 
AW: Schriftfarbe

Hier ist er

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="robots" content="index" />
<meta name="robots" content="follow" />
<meta name="robots" content="all" />
<meta name="revisit-after" content="5 days"/>
<meta name="verify-v1" content="9AZWXfL8jcXpgNNzK3oqikaFBPn79gGnWTFxeNBENqc=" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
<title>Computeresel.de - PC & Computerhilfe - Tips für Windows Vista - XP</title>
<style type="text/css">
<!--
img{
border:0px;
text-align: center;
}
.s {
color: #F00;
}
.y {
color: #F00;
}
.a {
color: #F00;
}
.l {
color: #F00;
}
.l {
color: #F00;
}
.y {
color: #F00;
}
a:link {
color: #FFF;
text-decoration: underline;
}
a:hover {
color: #F90;
text-decoration: none;
}
a:visited {
color: #FFF;
text-decoration: underline;
}
a:active {
text-decoration: underline;
}
#wrapper #content #main #welcome .story p .y {
color: #fff;
}
.d {
color: #fff;
}
#wrapper #content #main #example {
color: #fff;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
//-->
</script>
</head>
<body link="#CCCCCC">
<div id="header">
<div id="logo">
<h1> <a href="">computer<span class="s">esel</span>.de</a></h1>
<h2>Herzlich Willkommen</h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="WinVista_1.html">Win Vista</a></li>
<li><a href="WinXP_1.html">Win XP</a></li>
<li><a href="Tips_1.html">Tips</a></li>
<li><a href="Download_1.html">Download</a></li>
<li><a href="Leistungen_1.html">Leistungen</a></li>
<a href="mailto:motorsport.computeresel@arcor.de">Contact</a></li>
</ul>
</div>
</div>
<div id="wrapper">
<div id="content">
<div id="sidebar">
<div id="support">
<h2><a href="http://www.symantec.com/de/de/index.jsp"><img src="Bilder/Symantec.jpg" width="143" height="70" align="left" id="Bild2" /></a></h2>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div id="login" class="boxed">
<h2 class="title">Hier wird Dir geholfen</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1"></label>
<label for="inputtext2"></label>
<p><a href="http://www.microsoft.de"><img src="Bilder/vistalogo120x1151.jpg" alt="" width="141" height="156" align="left" /></a></p>
<p>
<noscript>
</noscript>
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</fieldset>
</form>
</p>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">News aus der Virenwelt</h2>
<div class="content">
<ul>
<li>
<h3>Dezember 8, 2008</h3>
</li>
</ul>
<ul>
<li></li>
</ul>
<p>Im Moment ist nichts Weltbewegendes Unterwegs </p>
<p>&nbsp;</p>
<p>
&nbsp;
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Menü links</h2>
<div class="content"> <a href="http://forum.prostatakrebs-bps.de/">Prostatakrebs - Forum</a> <a href="http://www.onmeda.de/">Onmeda</a>
<p><a href="http://www.fastforward-music.de/">Fastforward - Music</a>
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="http://www.Domradio.de"><img src="Bilder/Domradiode.gif" alt="" width="125" height="49" align="middle" /></a></p>
<p>
<noscript>

</noscript>
&nbsp;
<script type="text/javascript" src="http://live.counterstation.de/instant.php?uid=inst1228663863200&ctype=blue"></script>
<noscript>
<a title="Browserstatistik" href="http://www.counterstation.de/">Browserstatistik</a>
</noscript>
</p>
<p>&nbsp; </p>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Computer<span class="y">esel</span></h2>
<h3 class="date">&nbsp;</h3>
<div class="meta">
<p>Aktualisiert,
<!-- #BeginDate format:aGe1m -->Mo. 08.12.2008 22:06<!-- #EndDate -->
</p>
</div>
<div class="story"> <strong>Hier gibt es immer da neueste </strong>vom Betriebssytem Windows Vista, XP, Top Aktuelle Downloads, und mehr.
<p><span class="y">Klicke einfach durch und werde</span> <span class="d">fündig</span><span class="l">. </span></p>
</div>
</div>
<div id="example" class="post">
<p><img src="Bilder/Adventxmas1a.gif" alt="" width="125" height="76" align="bottom" /></p>
computer<span class="l">esel</span>.de
<p>wünscht allen einen besinnlichen Advent </p>
<h3 class="date">&nbsp;</h3>
<h3 class="date"><span class="title">News vom computer<span class="a">esel</span></span></h3>
<div class="meta">
<p>&nbsp;</p>
</div>
<div class="story"> News vom 07.12.2008 - 17:52
<ul>
<li>Vista: Die Neuerungen des SP2 <a href="News_1.html">mehr...</a>
</li>
<li>Microsoft hat heute das SP2 Beta zur Verfügung gestellt <a href="News_2.html">mehr...</a></li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<a href="http://www.Grugahalle.e"><img src="Bilder/grugahalle_final_01b.gif" alt="" width="426" height="60" /></a></div>
</div>
</div>
</div>
<div style="clear: both;">&nbsp;</div>
</div>
<div id="footer">
<p id="legal">Copyright &copy; 2008 computeresel.de | All Rights Reserved | Designed by w.c.sch | <a href="">Contact</a> | <a href=""></a><a href="Impressum.html">Impressum</a></p>
<p>&nbsp;</p>
</div>
</body>
</html>
 
AW: Schriftfarbe

Ich hätte wissen müssen, dass so etwas dabei rauskommt...

Also an dieser Stelle
Code: 
#wrapper #content #main #welcome .story p .y {
    color: #fff;
}
definierst du die Schriftfarbe für die Bereiche wrapper, content, main, welcome, story, p und y. Diese werden, weil dort alle stehen, immer alle gemeinsam definiert. Wenn du jetzt den content einzeln definieren willst musst du dies separat tun. Und zwar in dem du unter der ersten Definition eine weitere einfügst zB:
Code: 
#wrapper #content #main #welcome .story p .y {
    color: #fff;
}
#content {
    color: #ff0000;
}
 
AW: Schriftfarbe

Schau es geht nicht, wenn das einfüge. z.B hier. Wenn ich das rot unterlegen mölchte wo es heist Computeresel übernimmt keine Haftung, wird weite ober So gehts: auch rot.
Hier der Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Computeresel.de - PC & Computerhilfe - Tips für Windows Vista - XP</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
img{
border:0px;
}
.s {
color: #F00;
}
.y {
color: #F00;
}
.a {
color: #F00;
}
-->
</style>
</head>
<body>
<div id="header">
<div id="logo">
<h1> <a href="">computer<span class="s">esel</span>.de</a></h1>
<h2>Herzlich Willkommen</h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="WinVista_1.html">Win Vista</a></li>
<li><a href="WinXP_1.html">Win XP</a></li>
<li><a href="Tips_1.html">Tips</a></li>
<li><a href="Download_1.html">Download</a></li>
<li><a href="Leistungen_1.html">Leistungen</a></li>
<a href="mailto:motorsport.computeresel@arcor.de">Contact</a></li>
</ul>
</div>
</div>
<div id="wrapper">
<div id="content">
<div id="sidebar">
<div id="support">
<h2><img src="Bilder/explorer3.jpg" alt="" width="111" height="111" /></h2>
</div>
<div id="login" class="boxed">
<h2 class="title">&nbsp;</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1"></label>
<label for="inputtext2"></label>
<p>&nbsp;</p>
<p>
<noscript>
</noscript>
</p>
<p>&nbsp;</p>
</fieldset>
</form>
</p>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Letzte News</h2>
<div class="content">
<ul>
<li>
<h3>&nbsp;</h3>
</li>
<li> </li>
</ul>
<p>&nbsp;</p>
<p>
<noscript>

</noscript>
&nbsp;
<p>&nbsp; </p>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Computer<span class="y">esel</span>!</h2>
<h3 class="date">&nbsp;</h3>
<div class="meta">
<p>Aktualisiert,
<!-- #BeginDate format:aGe1m -->Mo. 08.12.2008 21:46<!-- #EndDate -->
</p>
</div>
<div class="story"> <strong>Hier gibt es immer da neueste </strong>vom Betriebssytem
<p>Windows Vista,XP. </p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">News vom computer<span class="a">esel</span></h2>
<h3 class="date">&nbsp;</h3>
<div class="meta">
<p>&nbsp;</p>
</div>
<div class="story">
<p>Voraussetzung für die Installation ist auf jeden Fall, dass das SP1 bereits installiert ist.<br />
<br />
Außerdem muss die Registry geändert werden, damit das SP2 Beta über die Update Funktion von Vista erkannt und installiert wird.<br />
<br />
<u>So sieht das File aus:</u><br />
<br />
@echo off<br />
<br />
reg delete HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\</p>
<p>CurrentVersion\WindowsUpdate\VistaSP2 /f &gt; NUL 2&gt;&amp;1<br />
regdelete HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Microsoft\</p>
<p>Windows\CurrentVersion\WindowsUpdate\VistaSP2 /f &gt; NUL 2&gt;&amp;1<br />
<br />
reg add HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\</p>
<p>CurrentVersion\WindowsUpdate\VistaSP2 /v Beta1 /t REG_SZ /d 93F7D954-DF91-22E6-99AB-4D8AF54E813A /f<br />
IF NOT %errorlevel% == 0 ( goto ERROR)<br />
<br />
:SUCCESS<br />
@echo.<br />
echo ==============================================<br />
echo Windows Server 2008 SP2 Beta and Windows Vista SP2 Beta <br />
echo registry key has been set successfully. <br />
echo If you start SP2 installation, Microsoft will collect<br />
echo information online about the installation process. <br />
echo To install SP2 please check for updates in Windows Update.<br />
echo ==============================================<br />
@echo.<br />
goto END<br />
<br />
:ERROR<br />
@echo.<br />
echo ==============================================<br />
echo FAILED to set Windows Server/Vista SP2 registry keys.<br />
echo Please run this script by right clicking and selecting<br />
echo &quot;Run as Administrator&quot;.<br />
echo ==============================================<br />
@echo.<br />
goto END<br />
<br />
:END<br />
pause<br />
<br />
<br />
<u>So gehts:</u><br />
<br />
1. Diesen Code kopieren und <br />
2. als Batch-Datei abspeichern = Start - Ausführen - edit - kopieren - speichern unter wovsp2beta.bat<br />
3. dann das File starten<br />
4. und dann Vista Update starten. Evtl. auf &quot;nach Updates suchen&quot; klicken. Update findet ein File.<br />
5. auf update installieren klicken. <br />
6. erneut nach Updates suchen. Es werden weitere Updates gefunden.<br />
7. wieder installieren lassen. <br />
8. Geduld haben, Wir sprechen hier von ca. 500 MB und die Server sind überlastet.<br />
<br />
9. Hoffen, dass nichts falsch gelaufen ist.</p>
<p>ich werde Euch weiter auf dem laufenden halten.</p>
<p><u>Computeresel.de übernimmt keine Haftung für Schäden am PC. Man bedenke, dass es eine Beta ist und somoit noch nicht ganz eausgereift bzw. es hat noch Bugs !!!!!</u><br />
</p>
</div>
</div>
</div>
</div>
<div style="clear: both;">&nbsp;</div>
</div>
<div id="footer">
<p id="legal">Copyright &copy; 2008 computeresel.de | All Rights Reserved | Designed by w.c.sch |<a href=></a><a href=""> Contact</a> | <a href=""></a><a href="Impressum.html">Impressum</a></p>
<p id="links">&nbsp;</p>
</div>
</body>
</html>
 
AW: Schriftfarbe

ein bischen Basiswissen von CSS wäre sehr angebracht- bitte schau dir mal
Bitte kostenlos registrieren, damit du die Links siehst.
Seite an.
 
AW: Schriftfarbe

mistral1 schrieb:
Wo füge ich diesen Code ein an welcher Stelle? Und muss ich das dann auch auf jeder Unterseite tun?
Zum Vergrößern anklicken....
Du fügst den Code zwischen <style type="text/css"> und </style> ein. Dort wo das andere CSS auch steht.
Und ja du musst das für jede Unterseite machen, es sei denn du lagerst dein komplettes CSS in eine externe Datei aus.
Diese musst du dann in jeder Unterseite definieren, dafür wird dann eine Änderung an der CSS-Datei auf allen Unterseiten übernommen.

mistral1 schrieb:
Schau es geht nicht, wenn das einfüge. z.B hier. Wenn ich das rot unterlegen mölchte wo es heist Computeresel übernimmt keine Haftung, wird weite ober So gehts: auch rot.
Zum Vergrößern anklicken....
Der Text steht in einem Absatz-Tag (<p>...</p>), wenn du nun für die Absätze eine Farbe änderst, gilt das allerdings nicht nur für den einen Absatz, sondern für alle Absätze auf deiner Seite.
Wenn du einen einzigen Absatz färben willst, musst du ihm eine ID (die ist einmalig und darf nur einmal im gesamten Dokument vorkommen) oder eine Klasse (diese darf mehrfach in einem Dokument vorkommen) geben:
HTML: 
<p id="id">Text</p>
Die ID kannst du dann im CSS so ansprechen:
Code: 
#id {
color: #ffffff;
}
HTML: 
<p class="klasse">Text</p>
Die Klasse kannst du dann im CSS so ansprechen:
Code: 
.klasse {
color: #ffffff;
}
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 357 (Mitglieder: 4, Gäste: 353)

Statistik des Forums

Themen
118.989
Beiträge
1.540.244
Mitglieder
68.193
Neuestes Mitglied
DanielJoshua23123
Oben