Wie erstelle ich einen Rand um diese Tabelle?

letterbox

Banned
Registriert
Feb. 2014
Beiträge
1.057
Hallo, ich will um diese Tabelle:
tabelle.PNG
(rote Fläche)
einen Rand ziehen. Wie muß ich den html-code schreiben?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta name="keywords" content="malerei, fotografie, wien, korfu" <meta=""><meta name="page-topic" content="Dienstleistung"><title>Malerei und Fotografie</title><link rel="shortcut icon" type="image/x-icon" href="http://guenter-leipfinger.de/favicon.ico"><style> a:hover {text-decoration:underline; color:#333333;} a {text-decoration:none;}</style><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Malerei und Fotografie</title><style type="text/css">
<!-- body { background-color: #504ABE; } .Stil1 { font-size: large; font-weight: bold; } .Stil4 {font-size: x-large; font-weight: bold; color: #990033; } .Stil6 {font-size: xx-large; font-weight: bold; color: #990000; } .Stil10 {color: #FFFFFF}
.Stil11 {
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
}
.Stil12 {font-size: 14px}
-->
</style><style>
.Stil13 {color: #FFFF00}
.Stil14 {color: #FFFF33}
</style></head><body topmargin="0" marginwidth="0" marginheight="0" leftmargin="0" rightmargin="0" bottommargin="0"><div class="Stil6" align="center"><p><img src="Malerei%20und%20Fotografie-Dateien/herzlich-willkommen2.jpg" alt="Herzlich willkommen" width="500" height="50"></p></div>
}<table width="80%" cellspacing="5" cellpadding="5" border="0" height="532"><tbody><tr> <th scope="col" width="164"><table width="171" cellspacing="5" cellpadding="5" border="0" bgcolor="#FFFF66" height="240"><tbody><tr> <th scope="col" height="33"><a href="http://guenter-leipfinger.de/Malerei/Aquarelle/album/index.html" class="Stil3">Aquarelle</a></th></tr><tr> <th scope="col" height="33"><a href="http://guenter-leipfinger.de/Malerei/Acrylmalerei/album/index.html" class="Stil3">Acrylmalerei</a></th>
</tr><tr><td background="Malerei%20und%20Fotografie-Dateien/photoalben.html" height="40"><div align="center"><a href="http://guenter-leipfinger.de/photoalben/photoalben.html" class="Stil3">Photoalben</a></div></td></tr><tr><td height="33"><div align="center"><a href="http://guenter-leipfinger.de/Kontakt.html" class="Stil3">Kontakt</a></div></td></tr><tr><td height="33"><div align="center"><a href="http://guenter-leipfinger.de/impressum.html" class="Stil3">Impressum</a></div></td></tr><tr><td height="33"><div align="center"><a href="http://gb.webmart.de/gb.cfm?id=1331502l" http:="" gb.webmart.de="" gb.cfm?id="1331502l&quot;">Gästebuch</a></div></td></tr>
<tr><td height="33"><div align="center"><a href="http://mitglieder.ecard-service.net/uebersicht.php?account=malerei" class="Stil3">Grußkarten</a></div></td></tr></tbody></table></th> <th scope="col" algn="center" width="541" bgcolor="#E85F7A"><p class="Stil1">&nbsp;</p><p class="Stil4 Stil13">Malerei</p>
<p align="center"><img src="Malerei%20und%20Fotografie-Dateien/acrylr.jpg" alt="malerei" width="300" height="234"><br> <br> <span class="Stil4 Stil14">Fotografie</span></p>
<p><img src="Malerei%20und%20Fotografie-Dateien/bluete-025314r.jpg" alt="foto" width="300" height="200"><br> <br></p></th></tr><tr><td>&nbsp;</td><td><script language="JavaScript"><!--




//--></script></td></tr></tbody></table>
<p class="Stil12" align="center"><span class="Stil10">Das aktuellste Bild</span>:</p>
<p class="Stil11" align="center">Titel: landscape </p>
<p align="center"><img src="Malerei%20und%20Fotografie-Dateien/landscape-vlaminck.jpg" width="800" height="656"></p>
<div align="center"><span class="Stil10"><b>Letzte Aktualisierung:</b></span><br>
<!--?php echo date("d.m.Y, H:i:s",filectime("index.php"));
?-->
<script type="text/javascript">
document.write(new Date().getDate()+"."+(new Date().getMonth()+1)+"."+new Date().getFullYear())
</script>3.11.2017

</div>
</body></html>
 
Du weist dem table-Element einen Stil zu. Das kannst du entweder inline machen:

Code:
<table style="border: 1px solid black;">…</table>

oder über dein Stylesheet (Style.css)

Code:
table {
border: 1px solid black;
}

Ich würde dir aber empfehlen einfach mal das ganze alte Gerümpel liegen zu lassen und auf WordPress wechseln. Da brauchst du evtl. mal einen Tag Einarbeitung kannst dann aber aus Millionen von schicken (kostenlosen) Templates wählen und dir alles mehr oder weniger zusammen klicken ohne das du irgendwo den Code verändern musst.
 
Zuletzt bearbeitet:
Ersetze:
<th scope="col" algn="center" width="541" bgcolor="#E85F7A">

Durch:
<th scope="col" algn="center" width="541" bgcolor="#E85F7A" style="border: 1px solid black;">
 
Vielen Dank adriatic
@blablub1212
Wordpress hat eine Bug, jeder Anmeldename, den ich wähle exitstiert angeblich bereits!
 
Zuletzt bearbeitet:
Zurück
Oben