Ergebnis 1 bis 6 von 6

Thema: Problem mit CSS Bereichen.

  1. #1
    Teeny
    Registriert seit
    22.10.2006
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Problem mit CSS Bereichen.

    Hallo,

    ich habe ein kleines Formular, und da habe ich jetzt bei jedem <th> und <tr> Tag einen bgcolor code, da es ziemlich viele Felder sind, sieht der Qcode nicht besonders schön aus.

    Desshalb wollte ich dies mit css regeln, nun wollte ich um dieses Tabellenformular ein div Tag mit einer klasse machen.
    also
    <div class="regform">TABELLENFORMULAR</div>
    So nun weiß ich allerdings nicht, was ich in meinen css berreich schreiben muss,
    damit er nur die <td> <th> Tags, die sich im div class="regform"
    Bereich befinden, mit der Entsprechenden Eigenschaft füllt.

    Sodas, z.B. aus einer 2te Tabelle ausserhalb des regform divs die <td> und <th> Tags normal bleiben.

    Vielen dank schonmal
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Azubi(ne)
    Registriert seit
    06.01.2007
    Ort
    Hamburg
    Beiträge
    59
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    also wenn es nur ein bereich ist, den du definierst, dann nimmst du "div" anstatt von "class". Wenn sich dass dann z.B. nur auf die td Elemente in #bereich beziehen soll, dann heißt es
    Code:
    #bereich td &#123;
         /*...styles... */
    &#125;

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    22.10.2006
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hallo, aber ich habe mehr div Elemente in meinem Quellcode,
    ich möchte aber nur das die <td> <th> Tags innerhalb eines bestimmten Div bereiches die Eigenschaften bekommen.

    So wie du es sagst, würden doch alle Tags innerhalb JEDEM div bereiches die Eigenschaften kriegen, weil ich dem Div doch garkein Spezielen Namen(klasse whatever) zugewiesen hab

    Ich bin anscheinend zu blöd

    Help

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Du musst in CSS unterschiedliche Klassen definieren, z.B.
    Code:
    .style1
    &#123;CSS-Angaben&#125;
    in HTML nimmst du darauf Bezug:
    Code:
    <td class="style1">Zelleninhhalt formatiert mit style1</td>
    siehe auch http://www.drweb.de/tabellen/terrortabellen.shtml

  5. #5
    Teeny
    Themenstarter

    Registriert seit
    22.10.2006
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hallo ja das weiß ich, ich glaube ich wurde nicht ganz verstanden.
    Wenn ich das so wie du sagst mache @sejuma müsste ich bei allen meinen <td> <th> tags das class="style" reinschreiben das ist dann auch wieder viel unnötiger code.

    Ich will lieber das es einen div bereich gibt den ich einen namen zu weiße z.B. so

    <div class="test">
    <-- Wobei ich nicht weiß ob man so div`s nen "namen" zuweißen kann.-->

    HIER JETZT DER TABELLENINHALT MIT VIELEN <td> <th> tags.

    </div>

    und jetzt z.B ein neuer div bereich
    <div class=test2>
    NOCH EINE TABELLE mit vielen <td> <th> tags
    </div>

    So nun möchte ich das alle
    <th> tags die innerhalb des div tags mit der classe test sind die bgcolor="red" haben.

    Also das die <th> tags die sich z.B. im div tag test2 snd nicht davon betroffen sind.

    Hoffe jetzt ist es deutlich geworden.

    Wäre cool wenn mir nochmal jemmand helfenk önnte

  6. #6
    Kaiser(in)
    Registriert seit
    08.12.2005
    Beiträge
    2.460
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Iiiiicchhhh glaube ich habs kapiert, allerdings
    hab auch ich einige Male gelesen und du solltest
    dir echt angewöhnen konkreter zu Beschreiben.

    Code:
    <html>
    <head>
    <style type="text/css">
    div.tab1 th &#123; 
    	background-color&#58; red; 
    &#125;
    div.tab1 td &#123; 
    	background-color&#58; green; 
    &#125;
    </style>
    </head>
    
    <body>
    
    <div class="tab1">
    <table>
      <tr>
    	<td>
    
    ich bin rot</p></td>
      </tr>
      <tr>
    	<th>
    
    ich bin grün</p></th>
      </tr>
    </table>
    </div>
    
    
    <div>
    <table>
      <tr>
    	<td>
    
    ich bin nicht rot</p></td>
      </tr>
      <tr>
    	<th>
    
    ich bin auch nicht grün</p></th>
      </tr>
    </table>
    </div>
    
    </body>
    </html>
    Alle tds bzw. ths bekommen in div tab1 damit eine Hintergrundfarbe.
    Hättest du auch einfacher machen können indem du der Tabelle eine
    Hintergrundfarbe zugewiesen hättest, aber ich glaube du wirst wissen
    warum du es so machen willst.
    (head und body tags nur zwecks orientierung)

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •