[Moogle]

Lägger vid css (inte jag gjord den så alla "fel" ni ser, peka inte fingret på mig)

Bra om du kan visa mig i praktik hur det måste se ut.."about" ligger i storesbottom.

Det som jag inte helt fattar med det att jag kan ändra i css, hur ska jag få dit bilden?
Jag gör hela jobbet i ett formulär, och i rutan som omfattar "about"..hur ska databasen veta att den ska sätta dit bilden och inte bara skriva ut texten?

body {
font: 12px arial, helvetica, sans-serif;
text-align: center;
min-width: 770px;
 background-image: url('../Images/loopbg.png');
 background-attachment: fixed;
 background-position: 1% 60%;
 background-repeat: no-repeat;

}

#wrapper {
margin-left: auto;
margin-right: auto;
width: 1015px;
height: 100%;

}

#Logo {
	text-align:left;
	height:80px;
}	

/* TOPMENU */

#menu {
margin-left: 320px;
width: 789px;
height: 32px;
text-align: center;

}

.menubutton {
height: 32px;
width: 126px;
background: url('../Images/Default.png');
float: left;
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
line-height: 32px;
font-size: 10px;
}

.menubutton:hover {
height: 32px;
width: 126px;
background: url('../Images/DefaultOnOver.png');
float: left;
color: #99CCFF;
text-align: center;
text-transform: uppercase;
line-height: 32px;
font-size: 10px;
font-weight: bold;

}
a.button:link {
color: #FFFFFF;
text-decoration: none;
}

a.button:visited {
color: #FFFFFF;
text-decoration: none;
}

a.button:hover {
color: #99CCFF;
text-decoration: none;
}



/* LEFTMENU */

#left {
	text-align: center;
	height: 100%;
	width: 180px;
	margin-right: 2px;
	float: left;

}

#lefttop {
height: 33px;
width: 180px;
background: url('../Images/ramTop.png');
}

#leftholder {
width: 180px;
min-height: 350px;
background: url('../Images/ramMiddle.png') repeat-y;
}

#leftbottom {
width: 180px;
height: 36px;
background: url('../Images/ramBottom.png');
}


/* MAIN */


#main {
	text-align: left;
	height: 100%;
	width: 789px;
	float: left;
	font-size: 12px;
	font: bolder;
	color: #333333;

}

#maintop {
height: 22px;
width: 789px;
background: url('../Images/Bgtop.png');
}

#mainholder {
width: 729px;
min-height: 450px;
background: url('../Images/BGMiddle.png') repeat-y;
height: 100%;
text-align: left;
padding: 30px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
}

#mainbottom {
width: 789px;
height: 69px;
background: url('../Images/BGbottom.png') no-repeat;
	text-align: center;
	padding: 22px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

.storestop {
margin-left: 30px;
width: 729px;
height: 120px;
}
.storestopleft {
width: 229px;
height: 120px;
float: left;
}

.storestopright {
width: 500px;
height: 120px;
float: left;
}
'
.storesbottom {
width: 729px;
height: 120px;
}
.showstore {
width: 729px;
height: 100%;
font-size: 18px;
color: #660033;
text-align: center;
padding: 20px;
}