Minder code

Status
Niet open voor verdere reacties.
C

C Windows

Gebruiker
Lid geworden
22 nov 2008
Berichten
159
Hallo allemaal,
ik ben een soort forum aan het maken en ik heb nu deze code:

Code: 
<html>
<head>
<link rel="stylesheet" type="text/css" href="forum.css" />
</head>
<body>
<table border="1" width="100%">
<tr>
<th>Forum title</th>
<th>Topics</th>
<th>Posts</th>
<th>Last Post</th>
</tr>

<tr>
<td colspan="4">Programmeren</td>
</tr>

<tr>
<td>VB .Net</td>
<td>0</td>
<td>0</td>
<td>-</td>
</tr>

<tr>
<td>Visual Basic / VBA</td>
<td>0</td>
<td>0</td>
<td>-</td>
</tr>

<tr>
<td>C# .Net</td>
<td>0</td>
<td>0</td>
<td>-</td>
</tr>

<tr>
<td>C / C++</td>
<td>0</td>
<td>0</td>
<td>-</td>
</tr>

<tr>
<td>Assembler</td>
<td>0</td>
<td>0</td>
<td>-</td>
</tr>

<tr>
<td>Other language</td>
<td>0</td>
<td>0</td>
<td>-</td>
</tr>

<tr>
<td colspan="4">Webdesign</td>
</tr>

<tr>
<td>HTML</td>
<td>0</td>
<td>0</td>
<td>-</td>
</tr>

<tr>
<td>JavaScript</td>
<td>0</td>
<td>0</td>
<td>-</td>
</tr>

<tr>
<td>Java</td>
<td>0</td>
<td>0</td>
<td>-</td>
</tr>

<tr>
<td>PHP / MySql</td>
<td>0</td>
<td>0</td>
<td>-</td>
</tr>

<tr>
<td>CSS</td>
<td>0</td>
<td>0</td>
<td>-</td>
</tr>

<tr>
<td>ASP .Net</td>
<td>0</td>
<td>0</td>
<td>-</td>
</tr>

</table>
</body>
</html>

Het probleem: ik wil dat bij de kollommen last post, posts en topics de text in het midden wordt gecentreerd, maar de kolom topic links. Nu kan ik bij elke <td> elke keer class="janmetdekorteachternaam" erachter zetten, maar het moet toch makkelijker kunnen? Ik hoop dat iemand mij kan helpen :)
 
Aan de tabel een class koppelen en dan zo doen:

Code: 
.tabelclass td {
  /* alle code die je wilt */
}
 
Heb nu dit in de table:

Code: 
<table style="mainforum" ..>

en dit in de css:

Code: 
.mainforum td {
	font-size:20px;
}

maar helaas, het doet niks...
 
Mmmmmmmmmmmm....
lijkt voor mij te werken,
hier stuk van de code:

HTML: 
<html>
<head>
<style type="text/css" >
.mainforum td {
	font-size:20px;
}
.mainforum tr {
	background-color:#ff0000;
}
</style>
</head>
<body>
<table border="1" width="100%" class="mainforum">
<tr>
<th>Forum title</th>
<th>Topics</th>
<th>Posts</th>
<th>Last Post</th>
</tr>


:cool:
 
Ik zie het al: ik heb per ongeluk style gebruikt.. maar het bewerkt ALLE <td> tags en ik zei in mijn eerste post dat ik de tekst onder de eerste kolom links wil centreren en de rest in het midden, maar niet allemaal aparte <td>'s maken.
 
Geen idee of het werk maar misschien door td:first te proberen?

Anders zie ik zo gauw geen andere mogelijkheid dan overal apart een class bij te zetten.
Tenzij je deze code laat genereren d.m.v. PHP vanuit een database.
 
Als je de pagina met PHP opbouwt en alle data uit een database haalt kun je met een WHILE-lus gewoon 1x die class meegeven.
 
Je kunt het volgende gebruiken:

PHP: 
<style type="text/css" >
.mainforum td {
	font-size:20px;
	text-align: center;
}
.mainforum tr {
	background-color:#ff0000;
}
,mainforum tr:first-child{
	text-align: left;
}
</style>

IE gooit hier trouwens wel weer roet in het eten...
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan