Hej flashbackare. Bifogar kod och CSS längst ner för den som orkar kolla genom.
Har egentligen flera problem men just nu håller jag på att försöka lägga in en centrread bakgrundbild.
Jag vill att bilden ska gå från menyn tills slutet på texten "Enbart för inlärning" I Iframen som ligger i mitten ska det vara vitt så att text man lägger upp där går lätt läsa enkelt. Även utanför sidan vill jag ha vitt (Till ex emempel utanför menyn. Detta går nog att fixa ganska enkelt misstänker jag.
Om det är någon speciell som efter bästa egna kunskaper och lust vill hjälpa mig med några sådana här frågor i framtiden så kan ni väl pma mig. Tack så fruktansvärt Kommer ihåg alla som hjälper mig
HTML
Citat:
<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>index</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="background"></div>
<div class="loggo"></div>
<div class="menu">
<table width="100">
<tr>
<td><a href="http://www.nattstad.se/Louiseemretsson" target="new">Blogg</a> </td>
</tr>
<tr>
<td><a href="Main.htm" target="main1">Startsida</a> </td>
</tr>
<tr>
<td><a href="bildgalleri.htm" target="main1">Galleri</a> </td>
</tr>
<tr>
<td><a href="kontakt.htm" target="main1">texter</a> </td>
</tr>
<tr>
<td><a href="kontakt.htm" target="main1">Kontakta mig</a> </td>
</tr>
</table>
</div>
<div class="main">
<iframe src="main.htm" name="main1" width="650px" height="550px" frameborder="1" scrolling="no" allowtransparency="false"> </iframe>
</div>
<div class="barbottom">
<table width="100%" border="0">
<tr>
<td align="left"><b>Version 1.0 </b></td>
<td align="right"><b>enbart< för inlärning</b></td>
</tr>
</table>
</div>
</body>
</html>
CSS
Citat:
/* CSS Document */
a:link { color: #000000; text-decoration: none }
a:visited { color: #000000; text-decoration: bold }
a:hover { color: #999999; text-decoration: underline}
body {font-family: myriad Pro; font-size: 15px; margin:auto;
width:1024px;
height:768px;}
div.loggo {
background-image:url(bilder/logga1.jpg);
position: relative;
top: 0px;
left: 150px;
width: 650px;
height: 100px;
}
div.menu {
position: relative;
top: 200px;
left: 0px;
width: 100px;
height:40px;
}
div.main {
position: relative;
top: 0px;
left: 150px;
width: 650px;
hight: 550px;
}
div.barbottom {
border-top: 1px solid #0036d0;
position: relative;
top: 50px;
left: 0px;
width: 950px;
height: 50px;
}
Har egentligen flera problem men just nu håller jag på att försöka lägga in en centrread bakgrundbild.
Jag vill att bilden ska gå från menyn tills slutet på texten "Enbart för inlärning" I Iframen som ligger i mitten ska det vara vitt så att text man lägger upp där går lätt läsa enkelt. Även utanför sidan vill jag ha vitt (Till ex emempel utanför menyn. Detta går nog att fixa ganska enkelt misstänker jag.
Om det är någon speciell som efter bästa egna kunskaper och lust vill hjälpa mig med några sådana här frågor i framtiden så kan ni väl pma mig. Tack så fruktansvärt Kommer ihåg alla som hjälper mig
HTML
Citat:
<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>index</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="background"></div>
<div class="loggo"></div>
<div class="menu">
<table width="100">
<tr>
<td><a href="http://www.nattstad.se/Louiseemretsson" target="new">Blogg</a> </td>
</tr>
<tr>
<td><a href="Main.htm" target="main1">Startsida</a> </td>
</tr>
<tr>
<td><a href="bildgalleri.htm" target="main1">Galleri</a> </td>
</tr>
<tr>
<td><a href="kontakt.htm" target="main1">texter</a> </td>
</tr>
<tr>
<td><a href="kontakt.htm" target="main1">Kontakta mig</a> </td>
</tr>
</table>
</div>
<div class="main">
<iframe src="main.htm" name="main1" width="650px" height="550px" frameborder="1" scrolling="no" allowtransparency="false"> </iframe>
</div>
<div class="barbottom">
<table width="100%" border="0">
<tr>
<td align="left"><b>Version 1.0 </b></td>
<td align="right"><b>enbart< för inlärning</b></td>
</tr>
</table>
</div>
</body>
</html>
CSS
Citat:
/* CSS Document */
a:link { color: #000000; text-decoration: none }
a:visited { color: #000000; text-decoration: bold }
a:hover { color: #999999; text-decoration: underline}
body {font-family: myriad Pro; font-size: 15px; margin:auto;
width:1024px;
height:768px;}
div.loggo {
background-image:url(bilder/logga1.jpg);
position: relative;
top: 0px;
left: 150px;
width: 650px;
height: 100px;
}
div.menu {
position: relative;
top: 200px;
left: 0px;
width: 100px;
height:40px;
}
div.main {
position: relative;
top: 0px;
left: 150px;
width: 650px;
hight: 550px;
}
div.barbottom {
border-top: 1px solid #0036d0;
position: relative;
top: 50px;
left: 0px;
width: 950px;
height: 50px;
}