Hej igen.
Det er sådan det ser ud:
http://billedeupload.dk/?v=G4E3J.jpgSætter lige koden ind her. Min knapper smutter også ud, jeg ved ikke om det er fordi de skal ind i en tabel?
JSP:
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="knapper.css">
<link rel="stylesheet" type="text/css" href="background.css">
</head>
<body>
<table align="center" width="1200" height="900" border="0">
<tr>
<td class="top" colspan="6"></td>
</tr>
<tr>
<td class="knap_venstre"></td>
<td class="index"></td>
<td class="nyheder"></td>
<td class="produkter"></td>
<td class="kontakt"></td>
<td class="knap_hojre"></td>
</tr>
<tr>
<td class="banner" colspan="6"></td>
</tr>
<tr>
<td class="sog_venstre"></td>
<td class="sog"></td>
<td class="sog_hojre"></td>
</tr>
<tr>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
</tr>
<tr>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
</tr>
<tr>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td>32</td>
</tr>
<tr>
<td>33</td>
</tr>
</table>
</body>
</html>
CSS Background:
@CHARSET "UTF-8";
.top {
height: 35px;
width: 900px;
background-image:url('img/top.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.knap_venstre {
height: 55px;
width: 320px;
background-image:url('img/knap_venstre.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.knap_hojre {
height: 55px;
width: 31px;
background-image:url('img/knap_hojre.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.banner {
height: 277px;
width: 900px;
background-image:url('img/banner.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.sog_venstre {
height: 52px;
width: 405px;
background-image:url('img/sog_venstre.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.sog {
height: 52px;
width: 228px;
background-image: url('img/sog.jpg');
background-repeat: no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.sog_hojre {
height: 52px;
width: 267px;
background-image: url('img/sog_hojre.jpg');
background-repeat: no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding: 0px;
margin: 0px;
}
CSS Knapper(til knapperne)
@CHARSET "UTF-8";
.index {
height: 55px;
width: 137px;
background-image:url('img/index_gron.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.nyheder {
height: 55px;
width: 138px;
background-image:url('img/nyheder_blaa.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.produkter {
height: 55px;
width: 136px;
background-image:url('img/produkt_blaa.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.kontakt {
height: 55px;
width: 138px;
background-image:url('img/kontakt_blaa.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
Håber i kan hjælpe mig. Skulle nemlig meget gerne være færdig til imorgen :-/
Mvh Mads