HX3 Foren  

  HX3 Foren > Konstruktiv > Software- und Webentwicklung

Software- und Webentwicklung Planung, Programmierung und Administration
UML, JavaScript/DOM, ASP, JSP, PHP, Apache, MySQL, Python, Perl (...)

Antwort
 
Themen-Optionen Ansicht
Alt 15.09.2004, 18:31   #1 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard

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
__________________
Kompost ist offline   Mit Zitat antworten
Alt 15.09.2004, 18:38   #2 (permalink)
Administrator
500 Beiträge1000 Beiträge2.500 Beiträge
 
Benutzerbild von anders^on
 
Registriert seit: 10.05.2003
Ort: Bayern™
Beiträge: 3.483
anders^on eine Nachricht über ICQ schicken anders^on eine Nachricht über Skype™ schicken
Standard

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;
}
.. und HTML
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>
Hierbei haben die <td>- und

-Elemente in der oberen Tabelle andere Attribute
als die in der unteren Tabelle.
Wenn noch Fragen bestehen einfach stellen oder Sefhtml ansurfen.
anders^on ist offline   Mit Zitat antworten
Alt 15.09.2004, 18:44   #3 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard

Cool, danke für die schnelle Antwort
Ich denke ich schaff das, wenn es Probleme gibt meld ich mich.
__________________
Kompost ist offline   Mit Zitat antworten
Alt 16.09.2004, 14:37   #4 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard

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>
Das mit dem CSS Dokument hab ich hinbekommen - hab mir angeguckt wie ihrs beim OFPC gemacht habt Aber das mit dem Tabellen benennen bekomm ich irgendwie nicht hin. Denn wenn ich in den Quelltext

Tabelle1</p> Einfüge steht nur Tabelle 1 in der Zeile.
__________________
Kompost ist offline   Mit Zitat antworten
Alt 21.09.2004, 19:43   #5 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard

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&uuml;kategorien oder hier
nocheinmal &uuml;bersichtlich die neusten Eintr&auml;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>
Das hier ist mein css Dikument:

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;
}
Ich will das die Links vom Style her wie die vom OFPC sind:
-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
__________________
Kompost ist offline   Mit Zitat antworten
Alt 22.09.2004, 16:23   #6 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard

Hat denn keiner ne Ahnung ? ._.
__________________
Kompost ist offline   Mit Zitat antworten
Alt 24.09.2004, 15:21   #7 (permalink)
Newbie
 
Benutzerbild von hardrock
 
Registriert seit: 23.02.2004
Ort: Wien
Alter: 30
Beiträge: 25
hardrock eine Nachricht über ICQ schicken hardrock eine Nachricht über MSN schicken
Standard

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
}
__________________
"What you want to do is possible, depending on your imagination and how you implement it"
And by the way ... which one is Pink?
hardrock ist offline   Mit Zitat antworten
Alt 24.09.2004, 15:31   #8 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard

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
__________________
Kompost ist offline   Mit Zitat antworten
Alt 24.09.2004, 15:34   #9 (permalink)
Newbie
 
Benutzerbild von hardrock
 
Registriert seit: 23.02.2004
Ort: Wien
Alter: 30
Beiträge: 25
hardrock eine Nachricht über ICQ schicken hardrock eine Nachricht über MSN schicken
Standard

Versuch mal die CSS Datei mit meinem Beispiel oben zu ersetzen.
__________________
"What you want to do is possible, depending on your imagination and how you implement it"
And by the way ... which one is Pink?
hardrock ist offline   Mit Zitat antworten
Alt 24.09.2004, 15:36   #10 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard

Hö? Hab ich doch ...
__________________
Kompost ist offline   Mit Zitat antworten
Alt 24.09.2004, 15:40
hardrock
Dieser Beitrag wurde von hardrock gelöscht. Grund: Schwachsinn gelabert
Alt 24.09.2004, 15:42   #11 (permalink)
Newbie
 
Benutzerbild von hardrock
 
Registriert seit: 23.02.2004
Ort: Wien
Alter: 30
Beiträge: 25
hardrock eine Nachricht über ICQ schicken hardrock eine Nachricht über MSN schicken
Standard

achso vergiss es, jetzt weiß ich was du meinst. du musst das background-color:#407CB6; aus der CSS datei löschen
__________________
"What you want to do is possible, depending on your imagination and how you implement it"
And by the way ... which one is Pink?
hardrock ist offline   Mit Zitat antworten
Alt 24.09.2004, 15:43   #12 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard

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
__________________
Kompost ist offline   Mit Zitat antworten
Antwort


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

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 aus

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Moin Leute Genorade Offtopic 3 07.07.2003 19:01


Kontakt - HX3.de - Archiv - Nach oben

Angetrieben durch vBulletin, Entwicklung von Philipp Dörner & Tobias



SEO by vBSEO 3.2.0 ©2008, Crawlability, Inc.

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 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116