Avatar billede janne123 Nybegynder
16. juli 2008 - 19:09 Der er 1 løsning

Stylesheet, der driller: min hjemmeside bliver smadret..

Jeg er IKKE programmør, så jeg har hentet en template, der består af en index-fil og en css-fil.

Alt ser for så vidt godt nok ud på start-siden, men under menu-punktet "pictures" kommer jeg ind på siden, hvor jeg har lagt et slidesjov ind i javascript - også hentet gratis på nettet! :-)

MEN - slideshow'et ødelægger siden fuldstændig og jeg vil frygteligt gerne vide HVORFOR og hvor jeg skal rette til så "content"-delen har en fast størrelse og bliver ved med at have det! Det går galt, så snart jeg fjerner <h2> og <h3> koderne...

Min side hedder http://sally2004.users.whitehat.dk

Css-filen ser således ud:

#container {
    width: 850px;
    margin-right: auto;
    margin-left: auto;
}
#header {
    height:120px;
    width:850px;
    background-image: url(images/header.jpg);
}

#content {
    height:485px;
    width: 500px;
    padding: 10px;
    margin-right: 160px;
    margin-left: 160px;
}
#leftnav {
    float: left;
    width: 150px;
    height:500px;
    background-color: #99b659;
    padding: 5px;
       
}

#leftnav ul
{
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#leftnav a
{
    display: block;
    width: 130px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-bottom-width: 1px;
}

#leftnav a:link, .navlist a:visited
{
color: #ffffff;
text-decoration: underline;
font-weight: bold;
}

#leftnav a:visited
{
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
}

#leftnav a:hover
{
    text-decoration: none;
    color: #70d15c;
}

#sidebar {
    padding: 10px;
    float: right;
    width:110px;
    background-color: #99b659;
    height:490px;

}

#footer {
    background-color: #99b659;
    padding: 10px;
    clear:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}


h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #c94300;
    line-height: 24px;
}
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #c94300;
    line-height: 20px;
}
h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bolder;
    color: #000000;
    line-height: 20px;
}

p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 11pt;
    margin-top: 3px;
    margin-right: 0;
    margin-bottom: 3px;
    margin-left: 0;
    padding-bottom: 9px;
}

a {
    color: #E82525;
    font-weight: bold;
    text-decoration: underline;
}
a:visited {
    color: #E82525;
    text-decoration: underline;
    font-weight : bold;
}
a:hover {
    color: #901BBE;
    text-decoration: none;
}


.box1 {
    background:#ffffff;
    color: #000;
    border:1px solid #00ffff;
    width:400px;
    height: 165px;
    padding-top: 5;
    padding-right: 6px;
    padding-bottom: 0;
    padding-left: 6px;
    line-height: 16px;
}

.smalltext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 3px 0;
    margin: 3px 0;
    line-height: 12pt
}
Avatar billede janne123 Nybegynder
16. juli 2008 - 21:15 #1
Undskyld....jeg har fundet ud af det....der var en </div> placeret på det forkerte sted i html-dokumentet.
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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