TP Underground Lounge 07/08
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 02.08.2002, 11:58   #1
TP-Senior
 
Registriert seit: Mar 2001
Ort: Hamburg
torben kann nur besser werden
Unhappy

ausgelagertes styluesheet für Farben


Hallo wer kann mir sagen

wie lege ich ein externes Stylesheet an womit hintergrundfarben und eventuell Tabellenfarben mit definiert werden können ?

Was für einen Code muß ich da schreiben ?
Bitte zeigt mir doch mal ein Beispiel Code hier auf ....

Achja noch was auf der Seite ist soll nur ein Formular später sein
aber in einer Tabelle die etwas kompliziert aufgebaut ist ( bestehend aus mehrere Zeilen und Spalten ) Meine Frage ist nun muß ich für jede zeile Spalte ein eigenes Stylesheet schreiben ...?

Das wichtigste ist auf jedenfall das der Background der Seite ganz schnell und einfach über ein externes Stylesheet geändert werden kann ....

das ganze muß ich doch in eine txt Datei reinschreiben oder ?`
Also der Texteditor ist schon mal offen aber was kommt da rein ?
und wie sieht die verweisung zu dieser text nacher im Quelltext der Seite aus ....

Danke für eure Hilfe

MFG

Torben
__________________

www.Profibanner.de

Ihr Partner für professionelle individuelle klickstarke Werbe Banner und Grafikdesigns für mehr Erfolg im Internet ...
torben ist offline   Mit Zitat antworten


Alt 02.08.2002, 12:55   #2
TP-Special Mod
 
Benutzerbild von webmichl
 
Registriert seit: Jun 2001
Ort: 8°21' O 49°1' N
webmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine User
Dann wollen wir mal ...


1. Die externe css-Datei kannst Du mit einem ganz normalen Texteditor schreiben - die Endung sollte ".css" lauten, damit sie leichter zu identifizieren ist.

2. Ein Beispiel-HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>CSS</title>
<link rel="stylesheet" type="text/css" href="deinedatei.css">
</head>
<body>
<table>
<tr>
<td>bla</td>
<td class="spezial1">bla</td>
<td>bla</td>
<td>bla</td>
<td class="spezial1">bla</td> <td>bla</td>
<td class="spezial2">bla</td>
</tr>
</table>
</body>
</html>

Entscheidend sind die fett hervorgehobenen Stellen: Mit dem <link... im Head-Bereich gibst Du an, wie die Datei heisst, und mit den class-Angaben, welche Styleangabe verwendet werden soll.


3. die externe CSS-Datei:


td { background-color: #0000FF }
td.spezial1 { background-color: #00FFFF }
td.spezial2 { background-color: #FFFF00 }





Fazit: Du mußt jeden Style einmal definieren und kannst dann mittels class-Angabe beliebig oft darauf zugreifen.
webmichl ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Traum-Talk > Webdesign & Co.
ausgelagertes stylesheet für Farben ausgelagertes stylesheet für Farben
« ausrichtung von popups | Problem mit MouseOver »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +1. Es ist jetzt 11:34 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67