I have set the width of each element in the menu to be 25% (totaling 100%) see code below:
<html>
<head>
<title>Epsilon Eridani Project</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--page header-->
<h1>Epsilon Eridani Project</h1>
<!--menu-->
<table width="100%" bgcolor="white" cellpadding="4" cellspacing="4">
<tr>
<td width="25%">
<img src="images/s-logo.jpg" alt=" " height="40" width="60"/>
<span class="menu">Home</span></td>
<td width="25%">
<td width="25%">
<img src="images/s-logo.jpg" alt=" " height="40" width="60"/>
<span class="menu">Eridanus</span></td>
<td width="25%">
<td width="25%">
<img src="images/s-logo.jpg" alt=" " height="40" width="60"/>
<span class="menu">Latest News</span></td>
<td width="25%">
<td width="25%">
<img src="images/s-logo.jpg" alt=" " height="40" width="60"/>
<span class="menu">Community</span></td>
<td width="25%">
</tr>
</table>
</html>
However, in the output it looks very messed up. See output in this image
I am confused as to why this is happening. Thank you for your time.
Aucun commentaire:
Enregistrer un commentaire