« vorheriges nächstes »
Seiten: [1]   Nach unten

Autor Thema: Bentleys CSS Abenteuer ...  (Gelesen 3603 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline Bentley Silberschatten

  • Famous Hero
  • ******
  • Beiträge: 2.154
  • Geschlecht: Männlich
  • Username: Bentley
    • Antiquariat der Kleinodien
Bentleys CSS Abenteuer ...
« am: 7.11.2004 | 17:01 »
Hallo Leute.

Bisher hab ich mich wunderbar mit HTML durchschlagen können ud hab bisher fast alles irgendwie in den Griff bekommen.
Nun bin ich gerade dabei meine Hauptseite zu ändern, und das wohl so grundlegend das ich alles ganz neu machen werde.
Die Gelegenheit CSS einzubauen, was ja auch zukünftige Änderunge einfacher mache würde.
Tja, leider wehrt sich das CSS nun schon seit ner weile mir verständlich zu werden  ::)

Klar, so einfache sachen wie das alle H1 Überschrifte ne bestimte größe, Style usw, haben ist nicht das Problem.

Ich möchte eine Tabelle Formatieren, und das bekomme ich leider nicht in Griff.

Ich möchte das der Rand und die Gitternetzlinie eine Farbe zugewiesen bekommen
dann soll die oberste Reihe (erster TR Tag) eine Hintergrundfarbe zugewiesen bekommen
und alle anderen folgenden TR Tags sollen eine weitere Hintergrundfarbe bekommen

jetzt möchte ich das aber nicht mittels den Tags erledigen weil auf der selben Seite Tabellen, genau gleich aufgebaut, sein sollen, die andere Farben zugewiesen bekommen.

Dafür gibt es doch sicher eine Lösung, die ich èinfach nicht kenne, oder?


Wenn mir da jemand Tips, oder besser noch, Programmcodes geben könnte, wär das echt spitze.
Gespeichert

Offline Enkidi Li Halan (N.A.)

  • Glitzer-SL
  • Mythos
  • ********
  • Typhus
  • Beiträge: 10.184
  • Username: Enkidi Li Halan
    • www.kathyschad.de
Re: Bentleys CSS Abenteuer ...
« Antwort #1 am: 7.11.2004 | 17:44 »
Hi Bentley,

also ich weiss jetzt nicht, ob ich dich richtig verstanden habe, aber ich würde das so in der Art lösen:
http://www.sathranet.com/testtable.htm

Es wird dir wahrscheinlich nichts anderes übrig bleiben, als über die Formatierung der Tabellentags zu gehen, musst du halt entsprechend für die andersfarbigen Tabellen andere Stile definieren. Wenn's da was eleganteres gibt, würde mich das auch interessieren ;-)
Gespeichert

Offline Thalamus Grondak

  • Mythos
  • ********
  • Beiträge: 9.220
  • Geschlecht: Männlich
  • Username: Thalamus Grondak
Re: Bentleys CSS Abenteuer ...
« Antwort #2 am: 7.11.2004 | 17:48 »
Das Zauberwort heisst hier "Klassen"
Du kannst im HEAD der HTML Datei, oder in einer Seperaten css Datei Klassen anlegen, die du dann den entsprechenden Tags zuordnest.
Bsp:

Code: [Auswählen]
<html>

<head>
<title>Titel</title>
<STYLE TYPE="text/css">
<!--
TABLE,TD
{
border-color:red;
}
TR.top
{
        background-color: white;
}


TR.other
{
        background-color: green;
}
-->
</style>
</head>

<body>

<table border="2" width="100%">
  <tr class="top">
    <td width="50%">&nbsp;</td>
    <td width="50%">&nbsp;</td>
  </tr>
  <tr class="other">
    <td width="50%">&nbsp;</td>
    <td width="50%">&nbsp;</td>
  </tr>
</table>

</body>

</html>


Das ergibt eine Tabelle in der die Ränder Rot sind, und die erste Reihe Weiß, und die weiteren reihen(alle in die du class="other" schreibst) Grün.

Gespeichert
Even if you win the Rat race, you´re still a Rat

Offline Enkidi Li Halan (N.A.)

  • Glitzer-SL
  • Mythos
  • ********
  • Typhus
  • Beiträge: 10.184
  • Username: Enkidi Li Halan
    • www.kathyschad.de
Re: Bentleys CSS Abenteuer ...
« Antwort #3 am: 7.11.2004 | 17:51 »
Da hat er dann aber überall die gleiche Rahmenfarbe ;-)
Gespeichert

Offline Thalamus Grondak

  • Mythos
  • ********
  • Beiträge: 9.220
  • Geschlecht: Männlich
  • Username: Thalamus Grondak
Re: Bentleys CSS Abenteuer ...
« Antwort #4 am: 7.11.2004 | 19:14 »
Zitat von: Bentley Silberschatten am  7.11.2004 | 17:01
Ich möchte das der Rand und die Gitternetzlinie eine Farbe zugewiesen bekommen
Ich habe das so verstanden, das es auch so beacbischtigt war.
Gespeichert
Even if you win the Rat race, you´re still a Rat

Offline Bentley Silberschatten

  • Famous Hero
  • ******
  • Beiträge: 2.154
  • Geschlecht: Männlich
  • Username: Bentley
    • Antiquariat der Kleinodien
Re: Bentleys CSS Abenteuer ...
« Antwort #5 am: 7.11.2004 | 19:59 »
War es auch, aber zu wissen wie mans anders macht, ist nie verkehrt. Deshalb herzlichsten dank euch beiden!

Kann man die Formatierungen irgendwie so zusammenfassen, das ich bei Tabelle nach typ A einfach class="typA" und bei Tabellen nach Typ B class="typB" angeben kann? z.b. im TABLE Tag?

Gespeichert

Offline Andreas

  • Legend
  • *******
  • Ihr könnt mich niederringen, aber nicht halten
  • Beiträge: 6.931
  • Geschlecht: Männlich
  • Username: Korvin
    • My World
Re: Bentleys CSS Abenteuer ...
« Antwort #6 am: 8.11.2004 | 07:00 »
Du kannst in einer Tabelle auch jede seite einzeln formatieren:
Code: [Auswählen]
border-bottom: 5px #ff0000;
border-left: 1px #000000;
border-top: 1px #000000;
border-right: 1px #000000;

Oder du machst es wie ich, und lässt du dusseligen Tabellen gleich ganz weg  ;D

Guck mal unter: http://www.css4you.de

Mit der Seite hab ich an einem Wochenende den Herold von HTML auf CSS umgestellt :d
Gespeichert
Mein Baby

Erster, belegter, echter Opa im Forum.

Offline Enkidi Li Halan (N.A.)

  • Glitzer-SL
  • Mythos
  • ********
  • Typhus
  • Beiträge: 10.184
  • Username: Enkidi Li Halan
    • www.kathyschad.de
Re: Bentleys CSS Abenteuer ...
« Antwort #7 am: 8.11.2004 | 09:10 »
Na ja, aber für manches braucht man Tabelllen schon ;-)
Halt nicht mehr für die Gestaltung, aber wenn's um eine saubere Darstellung von Datensätzen geht, kannman auf Tabellen nicht verzichten.

Bentley, wenn du dich weiter mit dem Thema CSS und XHTML beschäftigen willst, kann ich dir neben css4you noch die Bücher "Eric Meyer on CSS" und Zeldman's "Designing with Web Standards" empfehlen.
Gespeichert

Offline /dev/null

  • Adventurer
  • ****
  • With great power comes great opportunity
  • Beiträge: 880
  • Geschlecht: Männlich
  • Username: Nephilim
    • Strangeminds
Re: Bentleys CSS Abenteuer ...
« Antwort #8 am: 8.11.2004 | 09:13 »
Zitat von: Korvin, call 'm Snake am  8.11.2004 | 07:00
Guck mal unter: http://www.css4you.de
Oh, schöne Seite, sowas habe ich gebraucht (ohne es bis eben zu wissen). Vielen Dank...
Gespeichert
"I'm all in favor of keeping dangerous weapons out of the hands of fools.  Let's start with typewriters."
Frank Lloyd Wright

Offline Bentley Silberschatten

  • Famous Hero
  • ******
  • Beiträge: 2.154
  • Geschlecht: Männlich
  • Username: Bentley
    • Antiquariat der Kleinodien
Re: Bentleys CSS Abenteuer ...
« Antwort #9 am: 8.11.2004 | 17:04 »
Danke euch alle für eure Tips, die Seite ist klasse.

@Korvin
ich bin gespant die css Variante des Fantasy Herold im Einsatz zu sehen  ::)
Gespeichert

Offline Andreas

  • Legend
  • *******
  • Ihr könnt mich niederringen, aber nicht halten
  • Beiträge: 6.931
  • Geschlecht: Männlich
  • Username: Korvin
    • My World
Re: Bentleys CSS Abenteuer ...
« Antwort #10 am: 8.11.2004 | 19:33 »
Du, die erste ist schon im Einsatz  :D
Gespeichert
Mein Baby

Erster, belegter, echter Opa im Forum.

Offline Bentley Silberschatten

  • Famous Hero
  • ******
  • Beiträge: 2.154
  • Geschlecht: Männlich
  • Username: Bentley
    • Antiquariat der Kleinodien
Re: Bentleys CSS Abenteuer ...
« Antwort #11 am: 8.11.2004 | 21:04 »
ich meinte natürlich die, an der du gearbeitet hast  []-
Gespeichert

Offline Andreas

  • Legend
  • *******
  • Ihr könnt mich niederringen, aber nicht halten
  • Beiträge: 6.931
  • Geschlecht: Männlich
  • Username: Korvin
    • My World
Re: Bentleys CSS Abenteuer ...
« Antwort #12 am: 8.11.2004 | 21:16 »
Musst ja nichtgleich schlagen  :D
Gespeichert
Mein Baby

Erster, belegter, echter Opa im Forum.
Seiten: [1]   Nach oben
« vorheriges nächstes »