Avatar billede sprit-billist Nybegynder
06. september 2009 - 15:59 Der er 2 kommentarer og
1 løsning

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;}
Avatar billede olebole Juniormester
06. september 2009 - 16:03 #1
<ole>

Det er svært at vide udfra det opgivne, men det kunne være:
    body {font-size:62.5%; font-family:verdana,arial,sans-serif;background:url(sti/til/billede.png)}

/mvh
</bole>
Avatar billede sprit-billist Nybegynder
06. september 2009 - 19:00 #2
det var lige det jeg manglede.

tusinde tak for hjælpen

ligger du et svar, så der point
Avatar billede olebole Juniormester
06. september 2009 - 19:31 #3
Selvtak  =)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester