[gelöst]Body inhalt 1:1 übernehmen ohne dass der Inhalt über die style.css abgeändert wird.
Eingetragen von paddy211185 (24)am 05.01.2013 - 15:01 Uhr in
Hallo leute habe folgendes problem, ich möchte auf meiner Homepage einmal eine Tabelle mit Rahmen bereitstellen, und einmal einen Text mit zwei Spalten ohne Rahmen. Das blöde da dran ist dass es mir immer einen Rahmen mit einer Stärke von 1px macht, wie kann ich das umgehen? Über das klassifizieren und einen eigenen Style erstellen, habe ich es leider nicht hin bekommen, da ich mich dafür zu wenig mit html und css auskenne.
Bin leider blutiger Anfänger.
Gruß Patrick
- Anmelden oder Registrieren um Kommentare zu schreiben
Wie erstellst du denn die
am 05.01.2013 - 15:21 Uhr
Wie erstellst du denn die Tabelle? Ist das n Table-Konstrukt?
Poste doch mal deinen Code, oder einen Teil davon. In aller Regel lässt sich das via CSS überschreiben, du musst nur wissen was da Einfluss auf deine Tabelle nimmt. Dazu eigenen sich so Tools wie FireBug, oder die Chrome Entwicklertools (F12). Da kann man dann die CSS-Klassen/IDs sehen, welche Einfluss auf die Tabelle nehmen.
das ist der tabellen code
am 05.01.2013 - 16:01 Uhr
<table height="520" width="649">
<tbody>
<tr>
<td style="text-align: center; vertical-align: middle; width: 150px; height: 80px; white-space: nowrap;"> </td>
<td style="text-align: center; vertical-align: middle; width: 150px; height: 80px; white-space: nowrap;"> </td>
<td style="text-align: center; vertical-align: middle; width: 150px; height: 80px; white-space: nowrap;"><strong><span style="font-size:22px;">Platz 1</span></strong></td>
<td class="rtecenter" style="vertical-align: middle; width: 150px; height: 80px; text-align: center; white-space: nowrap;"><strong><span style="font-size:22px;">Platz 2</span></strong></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle; width: 150px; height: 80px; white-space: nowrap;"><strong><span style="font-size:22px;">Montag</span></strong></td>
<td style="white-space: nowrap; text-align: center; vertical-align: middle; width: 150px; height: 80px;"><span style="font-size:22px;">ab 17.00 Uhr</span></td>
<td style="white-space: nowrap; text-align: center; vertical-align: middle; width: 150px; height: 80px;"><span style="font-size:22px;">Herren 55</span></td>
<td style="white-space: nowrap; text-align: center; vertical-align: middle; width: 150px; height: 80px;"><span style="font-size:22px;">Herren 55</span></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle; width: 150px; height: 80px; white-space: nowrap;"><strong><span style="font-size:22px;">Dienstag</span></strong></td>
<td style="white-space: nowrap; text-align: center; vertical-align: middle; width: 150px; height: 80px;"> </td>
<td style="white-space: nowrap; text-align: center; vertical-align: middle; width: 150px; height: 80px;"> </td>
<td style="white-space: nowrap; text-align: center; vertical-align: middle; width: 150px; height: 80px;"> </td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle; width: 150px; height: 80px; white-space: nowrap;"><strong><span style="font-size:22px;">Mittwoch</span></strong></td>
<td style="white-space: nowrap; text-align: center; vertical-align: middle; width: 150px; height: 80px;"><span style="font-size:22px;">16.30 - 18.30 Uhr<br />
ab 18.30 Uhr</span></td>
<td style="white-space: nowrap; text-align: center; vertical-align: middle; width: 150px; height: 80px;"><span style="font-size:22px;">Jugend<br />
Herren</span></td>
<td style="white-space: nowrap; text-align: center; vertical-align: middle; width: 150px; height: 80px;"><span style="font-size:22px;">Jugend<br />
Herren</span></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle; width: 150px; height: 80px; white-space: nowrap;"><strong><span style="font-size:22px;">Donnerstag</span></strong></td>
<td style="white-space: nowrap; text-align: center; vertical-align: middle; width: 150px; height: 80px;"> </td>
<td style="white-space: nowrap; text-align: center; vertical-align: middle; width: 150px; height: 80px;"> </td>
<td style="white-space: nowrap; text-align: center; vertical-align: middle; width: 150px; height: 80px;"> </td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle; width: 150px; height: 80px; white-space: nowrap;"><strong><span style="font-size:22px;">Freitag</span></strong></td>
<td style="white-space: nowrap; text-align: center; vertical-align: middle; width: 150px; height: 80px;"> </td>
<td style="white-space: nowrap; text-align: center; vertical-align: middle; width: 150px; height: 80px;"> </td>
<td style="white-space: nowrap; text-align: center; vertical-align: middle; width: 150px; height: 80px;"> </td>
</tr>
</tbody>
</table>
<p class="rtecenter"><span style="font-size:18px;">Jugendliche dürfen bis 17.00 Uhr unbegrenzt spielen (Ausnahme Jugendtraining am Mittwoch).</span></p>
<p class="rtecenter"><span style="font-size:18px;">Ab 17.00 Uhr ist den erwachsenen/berufstätigen Mitgliedern Vorrang zu gewähren.</span></p>
ok wollte eigentlich nur den code einfügen
am 05.01.2013 - 16:03 Uhr
habs doch hin bekommen als code einzufügen
hier mal meine style.css
am 05.01.2013 - 15:44 Uhr
viell. kannst du da was erkennen für mich ist das alles suaheli .-D
Da zeigts bei mir trotzdem
am 05.01.2013 - 16:04 Uhr
Da zeigts bei mir trotzdem nen Rahmen an.
siehe Link : www.tc-waldbrunn.de/?q=Trainingszeiten
Und vielen vielen Dank für deine Hilfe
Wenn du wirklich den
am 05.01.2013 - 16:20 Uhr
Wenn du wirklich den kompletten Rahmen weg haben willst, dann musst du folgendes machen:
Suche:
.content td {background: white;
color: #747474;
text-align: left;
padding-left: 4px;
border-right: 1px solid #C8C7C7;
border-bottom: 1px solid #C8C7C7;
}
Ersetze durch:
.content td {background: white;
color: #747474;
text-align: left;
padding-left: 4px;
border: none;
}
Suche weiter:
.content table {background: #ECECEC;
border: 1px solid #BBB;
}
Ersetze durch:
.content table {background: #ECECEC;
border:none;
}
Dann sind alle Rahmen weg. Allerdings gilt das dann für den gesamten Style. Du kannst es auch spezifischer machen, via:
.node-einfache-seite td {background: white;
color: #747474;
text-align: left;
padding-left: 4px;
border: none;
}
.node-einfache-seite table {background: #ECECEC;
border:none;
}
Damit sollte es nur für die entsprechende Seite gelten.
Danke
am 05.01.2013 - 16:48 Uhr
habe es so eingefügt, und einen neuen Inhaltstyp mit dem Namen Textseite erstellt. Aber leider geht es nicht?
/*-------------------------------------------*
/* Mein Style
/*-------------------------------------------*/
.node-Textseite td {
background: white;
color: #747474;
text-align: left;
padding-left: 4px;
border: none;
}
.node-Textseite table {
background: #ECECEC;
border:none;
}
/*-------------------------------------------*
/*Body, Common Classes &Structure
/*-------------------------------------------*/
oder muss ich die .content td
am 05.01.2013 - 17:00 Uhr
oder muss ich die .content td dann löschen?
Hab es hinbekommen :-D
am 05.01.2013 - 17:09 Uhr
Super vielen vielen Dank habs nach ein bissel rumprobieren so hinbekommen.