|
Software- und Webentwicklung Planung, Programmierung und Administration
UML, JavaScript/DOM, ASP, JSP, PHP, Apache, MySQL, Python, Perl (...) |
|
Themen-Optionen | Ansicht |
15.09.2004, 19:31 | #1 (permalink) |
Registriert seit: 25.10.2003
Beiträge: 8.502
|
Hi, hab da mal ne Frage. Wie kann ich machen das eine bestimmte css Datei nur für einen bestimmten Bereich in einem HTML Dokument gilt?
Beispiel: Ich möchte das in einer Tabelle die formate_links.css genutzt wird und in einer anderen die formate_links1.css. Danke im vorraus
__________________
|
15.09.2004, 19:38 | #2 (permalink) |
2 seperate CSS Dateien sind meines Wissens nicht möglich, zumindest nicht mit
gängigen Mitteln. Ich kenne auch von größeren Forensoftwares und CMS nur zentrale Style-Sheets. Eine mögliche Art der Unterteilung wären die Pseudoklassen, das sähe dann so aus: Stylesheet: Code:
.table1 td { width: 200px; color: #DDDDDD; } .table1 p { margin: 2px auto; } table2 td { width: 300px; color: #CCCCCC; } .table2 p { margin: 2px 9px 3px 0px; } Code:
<table class="table1"> **<tr> ** **<td><p>Spalte1</p></td> ** **<td><p>Spalte2</p></td> </tr> **<tr> ** **<td><p>Spalte1</p></td> ** **<td><p>Spalte2</p></td> </tr> </table> <table class="table2"> **<tr> ** **<td><p>Spalte1</p></td> ** **<td><p>Spalte2</p></td> </tr> **<tr> ** **<td><p>Spalte1</p></td> ** **<td><p>Spalte2</p></td> </tr> </table> -Elemente in der oberen Tabelle andere Attribute als die in der unteren Tabelle. Wenn noch Fragen bestehen einfach stellen oder Sefhtml ansurfen. |
|
16.09.2004, 15:37 | #4 (permalink) |
Registriert seit: 25.10.2003
Beiträge: 8.502
|
Ok, hab dazu nochmal ne Frage:
Kannst du mir mal zeitgen wie ich diese Tabelle z.B. Tabelle1 nenne? Code:
<table style="background-color: rgb(0, 0, 0); width: 80%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="1" cellspacing="1"> <tbody> <tr> <td style="background-image: url(img/menue_bg_links.jpg); width: 1px; vertical-align: top; text-align: center;"><br> </td> </tr> </tbody> </table> Tabelle1</p> Einfüge steht nur Tabelle 1 in der Zeile.
__________________
|
21.09.2004, 20:43 | #5 (permalink) |
Registriert seit: 25.10.2003
Beiträge: 8.502
|
Ich hab immer noch nen Problem mit dem ganzen:
Das hier ist meine Tabelle - zu beachten ist ganz am Anfang das <td id="news" .... HTML-Code:
<td id="news" style="vertical-align: top; background-color: rgb(245, 244, 244);">Willkommen auf HonkiPonki.de - der ultimatieven Funsite!<br> Hier bekommt ihr alles in richtung Fun, Flashs, Sounds, Videos, Games, Texte, Pics, Tools, Downloads und vieles mehr. Den ganzen Stuff findet ihr links verteilt unter den einzelnen Menükategorien oder hier nocheinmal übersichtlich die neusten Einträge:<br> <br> <a style="color: rgb(102, 102, 0);" href="index.html#">-Six feet under (Flash)</a><br style="color: rgb(102, 102, 0);"> <a style="color: rgb(102, 102, 0);" href="index.html#">-Schlagsahne (Pic)</a><br style="color: rgb(102, 102, 0);"> <a style="color: rgb(102, 102, 0);" href="index.html#">-Jesus (Illusion)</a><br style="color: rgb(102, 102, 0);"> <a style="color: rgb(102, 102, 0);" href="index.html#">-Translator (Flash)</a><br style="color: rgb(102, 102, 0);"> <a style="color: rgb(102, 102, 0);" href="index.html#">-Holland sucht den Superstar (Video)</a><br style="color: rgb(102, 102, 0);"> <a style="color: rgb(102, 102, 0);" href="index.html#">-Kotzen (Video)</a><br style="color: rgb(102, 102, 0);"> <a style="color: rgb(102, 102, 0);" href="index.html#">-Coronne (Flash)</a><br style="color: rgb(102, 102, 0);"> <a style="color: rgb(102, 102, 0);" href="index.html#">-Keine Ahnung (Video)</a><br style="color: rgb(102, 102, 0);"> <a style="color: rgb(102, 102, 0);" href="index.html#">-10neue Gifs</a><br> <br> <table style="width: 100%; text-align: left;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="vertical-align: top;">Posted by Kompost // 17.09.2004 // [25-Kommenatre]</td> </tr> </tbody> </table> </td> Code:
/* |HonkiPonki.de| __________ StyleSheet */ TABLE, TR, TD { font-family: Verdana, Tahoma, Arial; font-size: 8.0pt;} #news A:link { FONT-SIZE: 11px; COLOR: #eeeeee; TEXT-DECORATION: none; display:block; } #news A:visited { FONT-SIZE: 11px; COLOR: #eeeeee; TEXT-DECORATION: none } #news A:active { FONT-SIZE: 11px; COLOR: #eeeeee; TEXT-DECORATION: none } #news A:hover { FONT-SIZE: 11px; COLOR: #eeeeee;color:#ffffff; background-color:407CB6; color:eeeeee; } A:link { FONT-SIZE: 11px; COLOR: #eeeeee; TEXT-DECORATION: none } A:visited { FONT-SIZE: 11px; COLOR: #eeeeee; TEXT-DECORATION: none } A:active { FONT-SIZE: 11px; COLOR: #eeeeee; TEXT-DECORATION: none } A:hover { FONT-SIZE: 11px; COLOR: #eeeeee;color:#ffffff; text-decoration:underline; } -unterstrichen -bei hover farbe wächseln und das unterstrichene geht weg Aber diese Sch*** Links sind genau so wie die im Menü von meiner Website. Weiß jemand wo der Fehler liegt? Wär cool wenn mir jemand helfen könnte
__________________
|
24.09.2004, 16:21 | #7 (permalink) |
So:
Code:
/* |HonkiPonki.de| __________ StyleSheet */ TABLE, TR, TD { font: 8pt "Verdana", "Tahoma", "Arial", sans-serif } #news A { font-size: 11px; color: #eee; text-decoration: underline; display:block; } #news A:hover { color:#fff; background-color:#407CB6; text-decoration: none } A { font-size: 11px; color: #eee; text-decoration: none } A:hover { color:#fff; text-decoration:underline } |
|
24.09.2004, 16:31 | #8 (permalink) |
Registriert seit: 25.10.2003
Beiträge: 8.502
|
Tut es leider immernoch nicht.
Vielleicht könnt ihr mir so besser helfen: Website: http://www.honkiponki.de/kompost/hp CSS Dokument: http://www.honkiponki.de/kompost/hp/main.css
__________________
|
24.09.2004, 16:43 | #12 (permalink) |
Registriert seit: 25.10.2003
Beiträge: 8.502
|
Hardrock du bist ein Schatz
An dem Problem hab ich so lange gesessen und so viele Leute gefragt Dankeschön für die Hilfe, du erscheinst auf jeden Fall irgendwo auf der HP bei leuten die mir geholfen haben
__________________
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1) | |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Moin Leute | Genorade | Offtopic | 3 | 07.07.2003 20:01 |