/ Forside/ Teknologi / Multimedie & design / Dreamweaver / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Dreamweaver
#NavnPoint
bentjuul 2364
molokyle 1030
BoJohansen 912
dk 650
ajohansen 520
jakjoe 500
netop 500
LisBJensen 345
CLAN 336
10  basil28 320
Ændring af bagrundsfarve m.m
Fra : 2100
Vist : 893 gange
25 point
Dato : 14-10-06 22:52

Mangler lige at kunne rette bagrundsfarven i tabellen og scroll ude til højre på siden. For at kunne se hvad jeg mener er der et billede af websiden på dette link. http://www.duo2.dk/info/
Det er i denne kode man skulle kunne rette det til, men kan ikke finde de rigtige steder at rette det.

/**
design by masterhomepage.ch 2006
the link to us "design by masterhomepage" must remain unchanged!
Der Link "design by masterhomepage" darf nicht entfernt werden!
*/

body {
   margin: 0px 0px 0px 0px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #FFFFFF;
   background: #FFFFFF;
   SCROLLBAR-FACE-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}
.sitename {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 14pt;
   color: #47C01B;
   font-weight: bolder;
   text-align: left;
   padding: 15px;
   margin-bottom: 32px;
   width: 555px;
}
h1{
   font-size: 14px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   padding: 2px;
   width: 100%;
}

h2{
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 3px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   padding-top: 0px;
   padding-bottom: 2px;
   margin-top: 0px;
}


.date{
   font-size: 10px;
   color: #6C3C00;
   float: right;
   padding: 7px 3px 2px 0px;
}

.header {
   background-image: url(../images/header.jpg);
   height: 155px;
   width: 760px;
   padding: 0px;
}
.content {
   background-image: url(../images/bgcontent.jpg);
   width: 760px;
}
.contenttable {
      border: 1px solid;
   border-color: #666666;
   background-color: #232323;
   padding:5px;
}
.banner{
   float: right;
   margin-top: 20px;
   margin-right: 2px;
   background-color: #D2B400;
   border: 1px solid #A28A00;
   height: 64px;
   width: 472px;
}

.user1{
   margin: 0px 2px 2px 0px;
   padding: 2px;
}

.user2{
   margin: 0px 0px 2px 2px;
   padding: 2px;
}

.menu { background-color: #232323; padding: 5px; width: 160px; border: solid 4px #c6f }
.page_bg {
   background-image: url(../images/bg.jpg);
   margin: 0px;
   border: 0px;
}
.menuright { background-color: #232323; padding: 5px; width: 160px; border: solid 4px #c6f }
.main { font-weight: normal; background-color: #232323; text-align: left; padding: 5px; width: 590px; float: left; border: solid 4px #c6f }

.footer {
   background-image: url(../images/footer.jpg);
   background-repeat: no-repeat;
   background-position: top;
   margin-top: 5px 0px 0px 0px;
   padding: 5px;
   text-align: center;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #333333;
   width: 760px;
   height: 13px;
}
.copy {
   margin-top: 5px;
   padding: 1px;
   text-align: center;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 9px;
}

ul#mainlevel-nav
{
   list-style: none;
   padding: 0;
   margin: 0;
   font-size: 11px;
}

ul#mainlevel-nav li
{
   background-image: none;
   padding-left: 0px;
   padding-right: 0px;
   float: right;
   margin: 0;
   font-size: 11px;
   line-height: 21px;
   white-space: nowrap;
   border-left: 1px solid #333333;
}

ul#mainlevel-nav li a
{ color: #c6f; text-decoration: none; background: transparent; display: block; padding-right: 10px; padding-left: 10px }

#buttons>ul#mainlevel-nav li a { width: auto; }

   ul#mainlevel-nav li a:hover
{
   color: #fff;
}

table.content_table {
width: 100%;
   padding: 0px;
   margin: 0px;
}

table.content_table td {
   padding: 0px;
   margin: 0px;
   width: 100%;
}

.back_button { font-size: 11px; font-weight: bold; line-height: 20px; background: #232323; text-align: center; margin: 1px; padding: 0 10px; width: auto; float: right; border: solid 1px #c6f }

.pagenav { color: #c6f; font-size: 10px; font-weight: bold; line-height: 20px; text-align: center; margin: 1px; padding: 0 10px; width: auto; border: solid 1px }

.pagenavbar {
   margin-right: 10px;
}

ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

li{
   line-height: 15px;
   padding-left: 15px;
   padding-top: 0px;
}


td {
   font-size: 11px;
}

a:link, a:visited { color: #c6f; font-size: 10px; font-weight: bold; text-decoration: none }

a:hover {
   color: #FFFFFF;   text-decoration: none;
   font-weight: bold;
}

table.contentpaneopen {
width: 100%;
}

table.contentpaneopen td {

}

table.contentpaneopen td.componentheading {
width: 100%;
}
table.contentpane {

}

table.contentpane td {

}

table.contentpane td.componentheading {
width: 100%;
}

table.contentpaneopen fieldset { border-style: none none solid; border-width: 0 0 1px; border-color: #c6f }

.button { color: #c6f; font-size: 10px; font-family: Arial, Hevlvetica, sans-serif; font-weight: bold; line-height: 16px !important; background-color: #232323; text-align: center; margin: 1px; padding: 2px; height: 24px !important; border: solid 1px }

.inputbox {
   padding: 2px;
   color: #FFFFFF;
   border: 1px solid;
   border-color: #333333;
   background-color: #232323;
}

.componentheading { color: #c6f; font-size: 13px; font-weight: bold; padding: 0 0 0 10px; height: 20px; border-bottom: 1px solid }

.contentcolumn {
   padding-right: 5px;
}

.contentheading { font-size: 13px; font-weight: bold; padding: 0 0 0 4px; height: 20px; border-top: #c6f; border-right: #c6f; border-bottom: 1px solid #c6f; border-left: #c6f }

.contentpagetitle {
   font-size: 13px;
   font-weight: bold;
   color: #cccccc;
   text-align:left;
}

table.searchinto {
   width: 100%;
}

table.searchintro td {
   font-weight: bold;
}

table.moduletable {
   width: 100%;
   margin-bottom: 5px;
   padding: 0px;
}

div.moduletable {
   padding: 0;
   margin-bottom: 2px;
   width: 100%;
}

table.moduletable th, div.moduletable h3 { font-size: 10px; font-weight: bold; line-height: 21px; text-align: left; text-transform: uppercase; margin: 0 0 2px; padding-left: 4px; height: 21px; border-top: #c6f; border-right: #c6f; border-bottom: 1px solid #c6f; border-left: #c6f }

table.moduletable td {
   font-size: 10px;
   padding: 0px;
   margin: 0px;
   font-weight: normal;
}

table.pollstableborder td {
padding: 2px;
background-color: transparent;
}

.sectiontableheader {
font-weight: bold;
background: #232323;
padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
   background-color : #232323;
}

.sectiontableentry2 {
   background-color: #232323;
}

.small {
   color: #FFFFFF;
   font-size: 9px;
}

.createdate {
   height: 15px;
   padding-bottom: 9px;
   color: #FFFFFF;
   font-size: 9px;
}

.modifydate {
   height: 15px;
   padding-top: 9px;
   color: #FFFFFF;
   font-size: 9px;
}

table.contenttoc { margin-bottom: 2px; margin-left: 2px; padding: 2px; border: solid 1px #c6f }

table.contenttoc td {
padding: 2px;
}

table.contenttoc th { font-size: 10px; font-weight: bold; text-align: left; text-transform: uppercase; padding-top: 2px; padding-left: 4px; height: 21px; border-top: #c6f; border-right: #c6f; border-bottom: 1px solid #c6f; border-left: #c6f }

a.mainlevel:link, a.mainlevel:visited { color: #c6f; font-size: 11px; font-weight: bold; line-height: 15px; text-decoration: none; text-align: left; display: block; padding-top: 4px; padding-left: 4px }

a.mainlevel:hover {
   text-decoration: none;
   color: #FFFFFF;
}

a.mainlevel#active_menu {
   color: #FFFFFF;
   font-weight: bold;
}

a.mainlevel#active_menu:hover {
   color: #FFFFFF;
}

a.sublevel:link, a.sublevel:visited { color: #efbffd; font-size: 11px; font-weight: bold; text-align: left; padding-left: 15px; height: 15px; vertical-align: top }

a.sublevel:hover {
   color: #900;
   text-decoration: none;
}

a.sublevel#active_menu {
   color: #333;
   text-decoration: bold;
}

.highlight {
   background-color: Yellow;
   color: Blue;
   padding: 0;
}
.code {
   background-color: #ddd;
   border: 1px solid #bbb;
}

form {
   margin: 0;
   padding: 0;
}

div.mosimage {
border: 1px solid #CCCCCC;
}

.mosimage {
border: 1px solid #CCCCCC;
margin: 5px
}

.mosimage_caption {
margin-top: 2px;
background: #efefef;
padding: 1px 2px;
color: #666;
text-transform: normal;
font-size: 10px;
border-top: 1px solid #cccccc;
}

 
 
Kommentar
Fra : BoJohansen


Dato : 14-10-06 23:06

Din Search box rettes i
.inputbox {

Resten retter du vist i
.contenttable {



Kommentar
Fra : BoJohansen


Dato : 14-10-06 23:09

Scrool retter du i første del under
body {

alle de steder hvor der står noget med SCROLLBAR

Kommentar
Fra : 2100


Dato : 14-10-06 23:27

Hej Bo

Så langt så fint, men mangler lige det sidste sorte som du kan se på linket. Billedet er rettet.
http://www.duo2.dk/info/

Kommentar
Fra : BoJohansen


Dato : 14-10-06 23:34

body {
.........
background: #FF0FFF;
........

Skulle være den

Kommentar
Fra : 2100


Dato : 14-10-06 23:39

Bo, det var teksten i de hvide tabeller.

Kommentar
Fra : BoJohansen


Dato : 14-10-06 23:40

Men husk nu det bg.jpg som er defineret i

.page_bg {

Kommentar
Fra : 2100


Dato : 14-10-06 23:44

Men husk nu det bg.jpg som er defineret i

.page_bg {

Denne har jeg slettet.
body {
.........
background: #FF0FFF;
........
Jeg skrev forkert før, dette er farven for hele bagrund. Der må være en billede eller så skal det rettet et eller andet sted, det sorte som er tilbage i tabellen.

Kommentar
Fra : BoJohansen


Dato : 14-10-06 23:49

body {
.........
background: #FFFFFF;
........

kun med F'er styrer baggrundsfarven, men det er muligt at det bg.jpg billeder som er defineret i
.page_bg {

overstyrer, eller rettere sagt er det du ser som baggrund, ved det ikke da jeg ikke har set det billede.
Men prøv at slette hele linien

background-image: url(../images/bg.jpg);

Kommentar
Fra : 2100


Dato : 15-10-06 00:10

Har slettet hele linjen, men det hjalp ikke. Selve bg.jpg er slettet. Kan det være at tabellen er opbygget i en formel med sin egen bagrundsfarve, og tabellens kolonner sine egne bagrundsfarver.

Kommentar
Fra : BoJohansen


Dato : 15-10-06 00:23

Ok, har nu selv oprettet siderne i DW og uploadet med nogle gyselige farver

http://www.bojohansen.dk/kd/95026/

Virker fint hos mig bare at slette billedet og ændre background i Body tagget

Kommentar
Fra : 2100


Dato : 15-10-06 00:29

Bo prøv lige at uploade min kode efter rettelser, så kan jeg se om jeg har lavet en fejl.

/**
design by masterhomepage.ch 2006
the link to us "design by masterhomepage" must remain unchanged!
Der Link "design by masterhomepage" darf nicht entfernt werden!
*/

body {
   margin: 0px 0px 0px 0px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000;
   background: #FFFFFF;
   SCROLLBAR-FACE-COLOR: #cccccc;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #cccccc;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #cccccc;
SCROLLBAR-DARKSHADOW-COLOR: #cccccc;
}
.sitename {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 14pt;
   color: #47C01B;
   font-weight: bolder;
   text-align: left;
   padding: 15px;
   margin-bottom: 32px;
   width: 555px;
}
h1{
   font-size: 14px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   padding: 2px;
   width: 100%;
}

h2{
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 3px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   padding-top: 0px;
   padding-bottom: 2px;
   margin-top: 0px;
}


.date{
   font-size: 10px;
   color: #6C3C00;
   float: right;
   padding: 7px 3px 2px 0px;
}

.header {
   background-image: url(../images/header.jpg);
   height: 155px;
   width: 760px;
   padding: 0px;
}
.content {
   background-image: url(../images/bgcontent.jpg);
   width: 760px;
}
.contenttable {
      border: 1px solid;
   border-color: #666666;
   background-color: #ffffff;
   padding:5px;
}
.banner{
   float: right;
   margin-top: 20px;
   margin-right: 2px;
   background-color: #D2B400;
   border: 1px solid #A28A00;
   height: 64px;
   width: 472px;
}

.user1{
   margin: 0px 2px 2px 0px;
   padding: 2px;
}

.user2{
   margin: 0px 0px 2px 2px;
   padding: 2px;
}

.menu { background-color: #232323; padding: 5px; width: 160px; border: solid 4px #c6f }
.page_bg {
   background-image: url(../images/bg.jpg);
   margin: 0px;
   border: 0px;
}
.menuright { background-color: #232323; padding: 5px; width: 160px; border: solid 4px #c6f }
.main { font-weight: normal; background-color: #232323; text-align: left; padding: 5px; width: 590px; float: left; border: solid 4px #c6f }

.footer {
   background-image: url(../images/footer.jpg);
   background-repeat: no-repeat;
   background-position: top;
   margin-top: 5px 0px 0px 0px;
   padding: 5px;
   text-align: center;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #333333;
   width: 760px;
   height: 13px;
}
.copy {
   margin-top: 5px;
   padding: 1px;
   text-align: center;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 9px;
}

ul#mainlevel-nav
{
   list-style: none;
   padding: 0;
   margin: 0;
   font-size: 11px;
}

ul#mainlevel-nav li
{
   background-image: none;
   padding-left: 0px;
   padding-right: 0px;
   float: right;
   margin: 0;
   font-size: 11px;
   line-height: 21px;
   white-space: nowrap;
   border-left: 1px solid #333333;
}

ul#mainlevel-nav li a
{ color: #c6f; text-decoration: none; background: transparent; display: block; padding-right: 10px; padding-left: 10px }

#buttons>ul#mainlevel-nav li a { width: auto; }

   ul#mainlevel-nav li a:hover
{
   color: #fff;
}

table.content_table {
width: 100%;
   padding: 0px;
   margin: 0px;
}

table.content_table td {
   padding: 0px;
   margin: 0px;
   width: 100%;
}

.back_button { font-size: 11px; font-weight: bold; line-height: 20px; background: #232323; text-align: center; margin: 1px; padding: 0 10px; width: auto; float: right; border: solid 1px #c6f }

.pagenav { color: #c6f; font-size: 10px; font-weight: bold; line-height: 20px; text-align: center; margin: 1px; padding: 0 10px; width: auto; border: solid 1px }

.pagenavbar {
   margin-right: 10px;
}

ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

li{
   line-height: 15px;
   padding-left: 15px;
   padding-top: 0px;
}


td {
   font-size: 11px;
}

a:link, a:visited { color: #c6f; font-size: 10px; font-weight: bold; text-decoration: none }

a:hover {
   color: #FFFFFF;   text-decoration: none;
   font-weight: bold;
}

table.contentpaneopen {
width: 100%;
}

table.contentpaneopen td {

}

table.contentpaneopen td.componentheading {
width: 100%;
}
table.contentpane {

}

table.contentpane td {

}

table.contentpane td.componentheading {
width: 100%;
}

table.contentpaneopen fieldset { border-style: none none solid; border-width: 0 0 1px; border-color: #c6f }

.button { color: #c6f; font-size: 10px; font-family: Arial, Hevlvetica, sans-serif; font-weight: bold; line-height: 16px !important; background-color: #232323; text-align: center; margin: 1px; padding: 2px; height: 24px !important; border: solid 1px }

.inputbox {
   padding: 2px;
   color: #FFFFFF;
   border: 1px solid;
   border-color: #333333;
   background-color: #ffffff;
}

.componentheading { color: #c6f; font-size: 13px; font-weight: bold; padding: 0 0 0 10px; height: 20px; border-bottom: 1px solid }

.contentcolumn {
   padding-right: 5px;
}

.contentheading { font-size: 13px; font-weight: bold; padding: 0 0 0 4px; height: 20px; border-top: #c6f; border-right: #c6f; border-bottom: 1px solid #c6f; border-left: #c6f }

.contentpagetitle {
   font-size: 13px;
   font-weight: bold;
   color: #cccccc;
   text-align:left;
}

table.searchinto {
   width: 100%;
}

table.searchintro td {
   font-weight: bold;
}

table.moduletable {
   width: 100%;
   margin-bottom: 5px;
   padding: 0px;
}

div.moduletable {
   padding: 0;
   margin-bottom: 2px;
   width: 100%;
}

table.moduletable th, div.moduletable h3 { font-size: 10px; font-weight: bold; line-height: 21px; text-align: left; text-transform: uppercase; margin: 0 0 2px; padding-left: 4px; height: 21px; border-top: #c6f; border-right: #c6f; border-bottom: 1px solid #c6f; border-left: #c6f }

table.moduletable td {
   font-size: 10px;
   padding: 0px;
   margin: 0px;
   font-weight: normal;
}

table.pollstableborder td {
padding: 2px;
background-color: transparent;
}

.sectiontableheader {
font-weight: bold;
background: #232323;
padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
   background-color : #232323;
}

.sectiontableentry2 {
   background-color: #232323;
}

.small {
   color: #FFFFFF;
   font-size: 9px;
}

.createdate {
   height: 15px;
   padding-bottom: 9px;
   color: #FFFFFF;
   font-size: 9px;
}

.modifydate {
   height: 15px;
   padding-top: 9px;
   color: #FFFFFF;
   font-size: 9px;
}

table.contenttoc { margin-bottom: 2px; margin-left: 2px; padding: 2px; border: solid 1px #c6f }

table.contenttoc td {
padding: 2px;
}

table.contenttoc th { font-size: 10px; font-weight: bold; text-align: left; text-transform: uppercase; padding-top: 2px; padding-left: 4px; height: 21px; border-top: #c6f; border-right: #c6f; border-bottom: 1px solid #c6f; border-left: #c6f }

a.mainlevel:link, a.mainlevel:visited { color: #c6f; font-size: 11px; font-weight: bold; line-height: 15px; text-decoration: none; text-align: left; display: block; padding-top: 4px; padding-left: 4px }

a.mainlevel:hover {
   text-decoration: none;
   color: #FFFFFF;
}

a.mainlevel#active_menu {
   color: #FFFFFF;
   font-weight: bold;
}

a.mainlevel#active_menu:hover {
   color: #FFFFFF;
}

a.sublevel:link, a.sublevel:visited { color: #efbffd; font-size: 11px; font-weight: bold; text-align: left; padding-left: 15px; height: 15px; vertical-align: top }

a.sublevel:hover {
   color: #900;
   text-decoration: none;
}

a.sublevel#active_menu {
   color: #333;
   text-decoration: bold;
}

.highlight {
   background-color: Yellow;
   color: Blue;
   padding: 0;
}
.code {
   background-color: #ddd;
   border: 1px solid #bbb;
}

form {
   margin: 0;
   padding: 0;
}

div.mosimage {
border: 1px solid #CCCCCC;
}

.mosimage {
border: 1px solid #CCCCCC;
margin: 5px
}

.mosimage_caption {
margin-top: 2px;
background: #efefef;
padding: 1px 2px;
color: #666;
text-transform: normal;
font-size: 10px;
border-top: 1px solid #cccccc;
}

Accepteret svar
Fra : BoJohansen

Modtaget 25 point
Dato : 15-10-06 00:35

.page_bg {
background-image: url(../images/bg.jpg);
margin: 0px;
border: 0px;
}

Du skal fjerne background-image linien

Kommentar
Fra : 2100


Dato : 15-10-06 00:41

Sådan her:

.page_bg {
   margin: 0px;
   border: 0px;
}

men stadig det samme

Kommentar
Fra : BoJohansen


Dato : 15-10-06 00:45

Men når du ser på mit link, så er det hvidt??? ikke?

Sikkert bare fordi din egen side er fanget i din Cache, CTRL+Shift og så Reload

Kommentar
Fra : 2100


Dato : 15-10-06 00:55

Jo din er helt hvid, men efter at havde genstartet min PCer er det stadig det samme. Det er CMS som siden er opbygget i med php. Kan det derfor ligge et helt andet sted.

Kommentar
Fra : BoJohansen


Dato : 15-10-06 01:00

zip hele lortet og send det til

kd95039 AT bojohansen.dk

Kommentar
Fra : 2100


Dato : 15-10-06 01:03

Tak for hjælpen indtil nu, kikker videre på det i morgen.

Kommentar
Fra : 2100


Dato : 15-10-06 11:44

Hej Bo: Takker mange gange for hjælpen endnu engang.

Godkendelse af svar
Fra : 2100


Dato : 15-10-06 11:44

Tak for svaret BoJohansen.

Kommentar
Fra : BoJohansen


Dato : 15-10-06 12:03

Så du fik det til at virke

http://www.html.dk/tutorials/css/

Denne ville måske være en god ide at læse.
CSS er godt, men kan være en rigtig bitch hvis man ikke har 100% styr på det.......
Har revet en del hår af hovedet selv en gang imellem

Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408925
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste