Indsætte anden baggrund i css
Hej.jeg sidder og er ved at ligge nogle billeder ind på en cms hjemmeside som er lavet med Jalbum.
Jalbum laver sit eget css script og cms køre med et andet.
billederne er lagt ind i cms som object men vil meget gerne have baggrunden jeg bruger i cms til at ligge over i Jalbums css fil
men kan ikke finde ud af hvor i Jalbums cms fil jeg skal referer til det billed jeg bruger i cms
billedet er i 1 x 200 og skal så strækkes så det bliver en hel baggrund eller ligges side om side som cms selv gør
filen i Jalbum ser ud som følger:
/*************************************************************/
/* Design: Multiflex-3 */
/*-----------------------------------------------------------*/
/* Author: Wolfgang */
/* Date: January 15, 2007 */
/* Homepage: wwww.1-2-3-4.info */
/* Mod: pyrrol feb/2007 */
/*-----------------------------------------------------------*/
/* License: Fully open source without restrictions. */
/* Please keep footer credits with a link to */
/* Wolfgang (www.1-2-3-4.info). Thank you! */
/*************************************************************/
*{padding:0; margin:0; border:0;}
/************/
/* LAYOUT */
/************/
body {font-size:62.5%; font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.header {width:900px; height:80px; font-family:"trebuchet ms",arial,sans-serif;background:rgb(230,230,230) url(img/bg_head_middle.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.title {}
.menu {width:350px; float:right; margin:-1.5em 0 0 550px;}
.navigation {}
.dropdown {float:left; width:900px; border:none; list-style-type:none; background:rgb(220,220,220) url(img/bg_head_bottom_nav.jpg) no-repeat; color:rgb(75,75,75); font-size:130%;} /*Color navigation bar normal mode*/
.breadcrumbs {clear:both; width:900px; padding:1.0em 0 1.5em 0; background:rgb(255,255,255) url(img/bg_head_breadcrumbs.jpg) repeat-y;}
.main {clear:both; width:900px; padding-bottom:30px; background:transparent url(img/bg_main_withnav.jpg) top left repeat-y;}
.sidebar {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.content {width: 566px; display:inline; /*Fix IE floating margin bug*/; float:left; margin:0 0 0 60px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(img/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.title h1 {padding:20px 0 0 20px; font-size:240%;}
.title h2 {padding:0 0 0 20px;margin:-4px 0 0 0; color:rgb(234,239,247); font-size:120%;}
.title a {text-decoration:none; color:rgb(234,239,247);}
.title a:hover {text-decoration:none; color:rgb(50,50,50);}
.menu ul {float:right; padding:0 15px 0 0; font-weight:bold;}
.menu li {display:inline; list-style:none;}
.menu li a {display:block; float:left; padding:2px 5px 2px 5px; color :rgb(234,239,247); text-decoration:none; font-size:120%;}
.menu a:hover {text-decoration:none; color:rgb(50,50,50);}
.dropdown ul {list-style-type:none;}
.dropdown li {float:left; position:relative; border-right:solid 1px rgb(175,175,175);}
.dropdown a, .dropdown a:visited {display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100); }
.dropdown :hover > a {background-color:rgb(210,210,210); color:rgb(50,50,50);} /*Color main cells hovering mode*/
.dropdown li ul {display:none; border:none;}
.dropdown li:hover > ul {display:block; position:absolute; top:0; margin-top:0.1em; left:9.5em;z-index:100;}
.dropdown li:hover > ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237)} /*Color subcells normal mode*/
.dropdown li:hover > ul li a:hover {background-color:rgb(210,210,210);} /*Color subcells hovering mode*/
.dropdown > li:hover > ul {display:block; top:3.0em; left:0; line-height:1.3em; margin-left:-1px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175);} /*Color subcells normal mode*/
.breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}
.sidebar h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.sidebar h1.first {margin:0px; padding:4px 20px 3px 20px; background: rgb(190,190,190) url(img/bg_corner_topright.gif) no-repeat top right;}
.sidebar h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.sidebar h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for sidebar for easier exchange */
.sidebar p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.index {width:199px; border-bottom:solid 1px rgb(200,200,200);}
.index ul {position: relative; list-style: none;}
.index ul li a {position: relative; display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px; border-top: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.index ul ul li a {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:120%;}
.index ul ul ul li a {padding:0px 10px 0px 50px; font-size:110%;}
.index ul ul ul ul li a {padding:0px 10px 0px 60px; font-size:100%;}
.index li a:hover {background-color:rgb(225,225,225); color:rgb(42,90,138); text-decoration:none;}
.trigger {position: absolute; top: 3px; left: 5px; margin: 0px; font-size:1.3em; cursor: pointer; color: #000; height: 15px; width:15px; color:rgb(70,122,167);}
.loginform {width:160px; margin:-10px 20px 0 20px;}
.loginform p {clear:both; margin:0; padding:0;}
.loginform fieldset {width:160px; border:none;}
.loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.searchform {width:160px; margin:0 20px 0 20px;}
.searchform p {clear:both; margin:0; padding:0;}
.searchform fieldset {border:none;}
.searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%;}
.searchform input.button {float:left; width:3.0em; margin-top: 0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.content h1 {clear:both; margin:1.0em 0 0.5em 13px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.content h1.pagetitle {margin:0 0 0.4em 13px; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.content h1.block {clear:both; margin:0 8px 0em 13px; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.column1 { margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
.footer a:visited {color:rgb(0,0,0);}
/******************/
/* CLEAR FLOATS */
/******************/
.container:after, .header:after, .breadcrumbs:after, .main:after, .sidebar:after, .content:after, .content div:after, column1:after, .footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}
/********************/
/* Thumbs */
/********************/
.thumbnaillist {border:0; float:left; display:block;}
.thumbnaillist a {text-decoration: none;}
.thumbnaillist img { width: 100px; height: 100px;}
.thumb {float: left; overflow: hidden; margin: 13px 0px -3px 13px;}
.thumbnaillist:after { content: "."; display: block; height: 0px; clear: both; visibility:hidden;}