Hur lägger jafg( lägga in en centrread bakgrundbild med css, hur?)[/Mod]

2013-12-22, 14:30 #1

Medlem

Reg: Maj 2007

Inlägg: 63

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:[PHP]
<!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;
}[/PHP]

__________________
Senast redigerad av Proton 2013-12-22 kl. 19:41.

Citera

2013-12-22, 17:16 #2

Medlem

Reg: Mar 2012

Inlägg: 1 416

Börja med att posta din kod i [code] eller [html]-taggar nästa gång, det blir mycket lättare att läsa. Hur som helst, jag ser ett par saker som bör fixas:

1. Byt till rätt teckenkodning(utf-8), annars kommer åäö se konstigt ut.
2. Du har stavat fel på "height" i ditt CSS-dok(Använd en texteditor med "color coding", typ Notepad++ eller SublimeText2):

Kod:

div.main {
position: relative;
top: 0px;
left: 150px;
width: 650px;
hight: 550px;
}

3. Hela strukturen på sidan är egentligen fel ifall du vill lägga in en bild sådär, skulle du kunna lägga upp en bild målad i paint eller liknande så man kan se vad du vill att slutresultatet ska bli? Att bara fixa en del av ditt problem genom att fulhacka är inte någon bra lösning. Eftersom när du vill fixa något annat så måste du fulhacka igen, och igen, och igen...
Om detta verkligen är som inlärning så bör du lära dig rätt från början, och förslagsvis helt utan några förbannade tables.

EDIT:
Det bästa du kan göra utan att hålla på för mycket nu för att få in en bakgrundsbild är att lägga din <div class="background"> runt allt innehåll. Dock så blir detta dumt med de tables som du använt och kommer inte täcka din footer helt.

__________________
Senast redigerad av winINC 2013-12-22 kl. 17:22.

Citera

Hur lägger jafg( lägga in en centrread bakgrundbild med css, hur?)[/Mod]

Skapa ett konto eller logga in för att kommentera

Skapa ett konto

Logga in