blackybaby
Neues Mitglied
Hallo zusammen
Bin noch ziemlich neu auf dem html Gebiet und bräuchte mal eure Hilfe.
Möchte die Tabelle an den Ecken abrunden mit dem Befehl border-radius: 20px; doch irgendwie klappt das nicht so richtig. Könnt ihr mir da bitte helfen?Setz euch den Code gleich mal drunter. Hoffe ihr könnt mir da helfen. Einen Screen wie die Tabelle momentan aussieht hab ich auch hochgeladen.
LG
blackybaby
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>....</title>
</head>
<style>
html {
background: url(images/farbverlauf002.jpg) repeat-x center center fixed;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
</style>
<body>
<div id="checknewentry">
</div>
<table border="0" width="100%">
<tr><td width="70%"></td><td align="right"><form action="logout.php"><input type="submit" value="Log Out"></form></td></tr></table>
<center>
<h2><font color="#325160"><b>......</b></font></h2>
<table border="0" width="90%">
<tr>
<td width="10%" valign="center" rowspan="2">
<fieldset>
<legend><b>Interact</b></legend>
<table border="0">
<tr><td background="images/buttonbalken5.png" align="center" style="background-size: 100% 100%;"><font color="white" size="3"><b>Documents</b></font></td></tr>
<tr><td align="center" ><form action="editor.php" target="_blank"><input type="image" src="images/newdocument.png" alt="New Document"></form></td></tr>
<tr><td align="center" ><form action="saved.php" target="_blank"><input type="image" src="images/saveddocuments.png" alt="Saved Documents"></form></td></tr>
<tr><td background="images/buttonbalken5.png" align="center" style="background-size: 100% 100%;"><font color="white" size="3"><b>Personal</b></font></td></tr>
<tr><td align="center" ><form action="mockup/mobile_request_call/mobile.php" target="_blank"><input type="image" src="images/phonecall.png" alt="Phone call"></form></td></tr>
<tr><td align="center" ><form action="mockup/mobile_send_sms/mobile.php" target="_blank"><input type="image" src="images/textmessage.png" alt="Text message"></form></td></tr>
<tr><td align="center" ><form action="mail.php" target="_blank"><input type="image" src="images/email.png" alt="Email"></form></td></tr>
<tr><td background="images/buttonbalken5.png" align="center" style="background-size: 100% 100%;"><font color="white" size="3"><b> Social media</b></font></td></tr>
<tr><td align="center" ><form action="new_fb.php" target="_blank"><input type="image" src="images/facebook2.png" alt="Facebook"></form></td></tr>
<tr><td align="center" ><form action="new_twitter.php" target="_blank"><input type="image" src="images/twitter2.png" alt="Twitter"></form></td></tr>
</table>
</fieldset>
</td>
<td width="45%">
<div id="refresher1">
<div id="tabelle1" style="height:260px; overflow:auto; border-radius:20px;">
<table style="table-layout:fixed; bgcolor:#325160; border:0; width:95%;">
<tr style="visibility:hidden;"><td width="41"></td><td></td></tr>
<tr>
<td background="images/balken005.jpg" align="center" colspan="2" style="background-size: 100% 100%; "><font color="white" size="5"><b>News monitoring</b></font></td>
</tr>
<tr><td width="41" height="41" bgcolor="#ffffff"><img src="images/thetimes.gif" title="The Times" width="38" height="38" alt=""></td><td height="41" bgcolor="#ffffff"><a href="showitem.php?ID=10" target="_blank">Was passiert, wenn "die Chinesen" kommen - Investoren ganz ohne Gesicht und Namen?</a></td></tr><tr><td width="41" height="41" bgcolor="#ffffff"><img src="images/empty.gif" width="38" height="38" alt=""></td><td height="41" bgcolor="#ffffff"></td></tr><tr><td width="41" height="41" bgcolor="#ffffff"><img src="images/empty.gif" width="38" height="38" alt=""></td><td height="41" bgcolor="#ffffff"></td></tr><tr><td width="41" height="41" bgcolor="#ffffff"><img src="images/empty.gif" width="38" height="38" alt=""></td><td height="41" bgcolor="#ffffff"></td></tr><tr><td width="41" height="41" bgcolor="#ffffff"><img src="images/empty.gif" width="38" height="38" alt=""></td><td height="41" bgcolor="#ffffff"></td></tr> </table>
</div>
</div>
</td>
<td width="45%">
<div id="refresher2">
<div id="tabelle2" style="height:260px; overflow:auto;"> </div>
</div>
</td></tr>
<tr>
<td width="45%">
<div id="refresher3">
<div id="tabelle3" style="height:260px; overflow:auto;"> </div>
</div>
</td><td width="45%">
<div id="refresher4">
<div id="tabelle4" style="height: 260px; overflow: auto; overflow-x: hidden;"> </div>
</div>
</td></tr>
</table>
</center>
</body>
</html>
Bin noch ziemlich neu auf dem html Gebiet und bräuchte mal eure Hilfe.
Möchte die Tabelle an den Ecken abrunden mit dem Befehl border-radius: 20px; doch irgendwie klappt das nicht so richtig. Könnt ihr mir da bitte helfen?Setz euch den Code gleich mal drunter. Hoffe ihr könnt mir da helfen. Einen Screen wie die Tabelle momentan aussieht hab ich auch hochgeladen.
LG
blackybaby
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>....</title>
</head>
<style>
html {
background: url(images/farbverlauf002.jpg) repeat-x center center fixed;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
</style>
<body>
<div id="checknewentry">
</div>
<table border="0" width="100%">
<tr><td width="70%"></td><td align="right"><form action="logout.php"><input type="submit" value="Log Out"></form></td></tr></table>
<center>
<h2><font color="#325160"><b>......</b></font></h2>
<table border="0" width="90%">
<tr>
<td width="10%" valign="center" rowspan="2">
<fieldset>
<legend><b>Interact</b></legend>
<table border="0">
<tr><td background="images/buttonbalken5.png" align="center" style="background-size: 100% 100%;"><font color="white" size="3"><b>Documents</b></font></td></tr>
<tr><td align="center" ><form action="editor.php" target="_blank"><input type="image" src="images/newdocument.png" alt="New Document"></form></td></tr>
<tr><td align="center" ><form action="saved.php" target="_blank"><input type="image" src="images/saveddocuments.png" alt="Saved Documents"></form></td></tr>
<tr><td background="images/buttonbalken5.png" align="center" style="background-size: 100% 100%;"><font color="white" size="3"><b>Personal</b></font></td></tr>
<tr><td align="center" ><form action="mockup/mobile_request_call/mobile.php" target="_blank"><input type="image" src="images/phonecall.png" alt="Phone call"></form></td></tr>
<tr><td align="center" ><form action="mockup/mobile_send_sms/mobile.php" target="_blank"><input type="image" src="images/textmessage.png" alt="Text message"></form></td></tr>
<tr><td align="center" ><form action="mail.php" target="_blank"><input type="image" src="images/email.png" alt="Email"></form></td></tr>
<tr><td background="images/buttonbalken5.png" align="center" style="background-size: 100% 100%;"><font color="white" size="3"><b> Social media</b></font></td></tr>
<tr><td align="center" ><form action="new_fb.php" target="_blank"><input type="image" src="images/facebook2.png" alt="Facebook"></form></td></tr>
<tr><td align="center" ><form action="new_twitter.php" target="_blank"><input type="image" src="images/twitter2.png" alt="Twitter"></form></td></tr>
</table>
</fieldset>
</td>
<td width="45%">
<div id="refresher1">
<div id="tabelle1" style="height:260px; overflow:auto; border-radius:20px;">
<table style="table-layout:fixed; bgcolor:#325160; border:0; width:95%;">
<tr style="visibility:hidden;"><td width="41"></td><td></td></tr>
<tr>
<td background="images/balken005.jpg" align="center" colspan="2" style="background-size: 100% 100%; "><font color="white" size="5"><b>News monitoring</b></font></td>
</tr>
<tr><td width="41" height="41" bgcolor="#ffffff"><img src="images/thetimes.gif" title="The Times" width="38" height="38" alt=""></td><td height="41" bgcolor="#ffffff"><a href="showitem.php?ID=10" target="_blank">Was passiert, wenn "die Chinesen" kommen - Investoren ganz ohne Gesicht und Namen?</a></td></tr><tr><td width="41" height="41" bgcolor="#ffffff"><img src="images/empty.gif" width="38" height="38" alt=""></td><td height="41" bgcolor="#ffffff"></td></tr><tr><td width="41" height="41" bgcolor="#ffffff"><img src="images/empty.gif" width="38" height="38" alt=""></td><td height="41" bgcolor="#ffffff"></td></tr><tr><td width="41" height="41" bgcolor="#ffffff"><img src="images/empty.gif" width="38" height="38" alt=""></td><td height="41" bgcolor="#ffffff"></td></tr><tr><td width="41" height="41" bgcolor="#ffffff"><img src="images/empty.gif" width="38" height="38" alt=""></td><td height="41" bgcolor="#ffffff"></td></tr> </table>
</div>
</div>
</td>
<td width="45%">
<div id="refresher2">
<div id="tabelle2" style="height:260px; overflow:auto;"> </div>
</div>
</td></tr>
<tr>
<td width="45%">
<div id="refresher3">
<div id="tabelle3" style="height:260px; overflow:auto;"> </div>
</div>
</td><td width="45%">
<div id="refresher4">
<div id="tabelle4" style="height: 260px; overflow: auto; overflow-x: hidden;"> </div>
</div>
</td></tr>
</table>
</center>
</body>
</html>