Avatar billede chris0905 Nybegynder
25. november 2010 - 17:48 Der er 14 kommentarer og
2 løsninger

Vil ikke bruge stylesheet...

Hej Eksperter!

Jeg er ved at lave en hjemmeside for en ven, men siden vil ikke bruge mit stylesheet, eller også så har jeg lavet en stor fejl...

Er der nogen der kan se en fejl i denne css kode????:

body {
    width: 100%;
    min-width: 980px;
   
    background-image: url('/uploads/NordBasensRaadgivning/bg-img.gif');
    background-repeat: no-repeat;
    background-position: center top;
}

html {
   
    overflow-y: scroll;
    overflow-x: hidden;
   
}

bg-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-width: 980px;
   
    background-image: url('/uploads/NordBasensRaadgivning/bg.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}

repeat {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 980px;
   
    background-image: url('/uploads/NordBasensRaadgivning/repeat.jpg');
    background-repeat: repeat-y;
    background-position: center top;
}

bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-width: 980px;
    height: 54px;
   
    background-image: url('/uploads/NordBasensRaadgivning/bottom.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
}

nbr {
position: absolute;
top: 50px;
}

header {
position: absolute;
top: 200px;
left: 600px;
}

menu {
position: absolute;
top: 330px;
left: 600px;
}

content {
position: absolute;
top: 400px;
left: 600px;
width: 800px;
}

sidebar1-head{
position: absolute;
top: 200px;
left: 810px;
width: 350px;
height: 50px;
}

sidebar1{
position: absolute;
top: 250px;
left: 810px;
width: 350px;
height: 200px;
}

sidebar2-head{
position: absolute;
top: 330px;
left: 810px;
width: 350px;
height: 50px;
}

sidebar2{
position: absolute;
top: 400px;
left: 810px;
width: 350px;
height: 300px;
}

footer {
position: absolute;
bottom: 150px;
}

Håber I kan hjælpe mig!

Mvh.

Christoffer
Avatar billede keysersoze Ekspert
25. november 2010 - 17:54 #1
et link eller noget HTML vil kunne hjælpe os en del.
Avatar billede chris0905 Nybegynder
25. november 2010 - 17:55 #2
det er lavet i et CMS, så min html kode er:

{process_pagedata}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" >
<head>
<title>{title} - {sitename} </title>
{metadata}
{cms_stylesheet} <!-- Metadata is the page metadata at Page->Options->Page Specific Metadata -->
</head>
<body>

<div id=repeat>

<div id=bg></div>

<div id="bg-img"></div>

<div id="nbr">
<h1>{sitename}</h1>
</div>

<div class="header">
   
</div>

<div id="menu">
{menu template='TechBlogStyleeCMSMS : StandardMenu' } <!-- {print showbutton=true script=true} -->
</div>

<div id="content">
  <h1>{title}</h1>
  {content}
</div>

<div id="sidebar1">
  <h2>MÅL FOR OPHOLDET</h2>
<div id="sidebar1-content">
  <p><ul><li>At kunne få følelsen af at kunne
<li>At få og tage ansvar
<li>At vise næstekærlighed
<li>At møde og mestre med og modgang
<li>At blive "herre i eget liv"
<li>At få forståelsen for, hvor vigtigt det er at få sig en uddannelse/job for derigennem bedre at kunne blive accepteret i vores samfund.</ul></p>
</div>
</div>

<div id="sidebar2">
  <h2>NYHEDER</h2>
<div id="sidebar2-content">
  {news}
</div>
</div>

<div id="bottom">
<div id="footer">
  {global_content name=footer}
</div>
</div>

</div>
</body>
</html>
Avatar billede webweaver Praktikant
25. november 2010 - 17:59 #3
Det er jo ikke meget som du oplyser omkring.

Hvad oplever du af fejl?
Er der ingen styles overhovedet fra dit stylesheet der virker?

Hvordan ser den linie ud, som du bruger til at hente dit stylesheet med?

Sikker på at stien passer ...?
Avatar billede chris0905 Nybegynder
25. november 2010 - 18:25 #4
siden er http://nordbasensraadgivning.computerware.dk - det kan måske hjælpe...

Jeg er sikker på at linket til css'en er korrekt.
Avatar billede majbom Novice
25. november 2010 - 18:33 #5
du mangler punktummer og havelåger foran dine erklæringer...

repeat{
...
}

skal være:

#repeat{
...
}

og

header{
...
}

skal være:

.header{
...
}
Avatar billede chris0905 Nybegynder
25. november 2010 - 18:39 #6
hvad er hvad??? skal bg være # eller . ????
Avatar billede Slettet bruger
25. november 2010 - 19:21 #7
Hvis du skriver fx
body {...}
peger du på et helt tag, nemlig body-tag'et her.

Hvis du skriver fx
.top {...}
peger du på de elementer, der har class="top". Du kan fx også skrive
div.top {...}
for at pege på netop alle de div-elementer, der har klassen top.

Hvis du skriver fx
#top {...}
peger du på det element, der har id="top".

Derfor er der i din kode noget galt, når du bare skriver
bg-img {...}
nbr {...}
menu {...}
content {...}
repeat {...}
osv.
Ingen af disse er hele tags, så du peger ingen steder hen. Du skal altså sætte nogle # eller . foran, så du peger rigtigt.
Avatar billede Slettet bruger
25. november 2010 - 19:23 #8
Derudover skal du også huske apostrofferne i din html-kode, så du skal rette følgende:

<div id=repeat>

<div id=bg>
skal være
<div id="repeat">

<div id="bg">
Avatar billede chris0905 Nybegynder
25. november 2010 - 19:26 #9
mange tak! det var nok det bedste indlæg jeg har fået her på siden! send et svar! - du har fortjent dem... :)
Avatar billede chris0905 Nybegynder
25. november 2010 - 19:27 #10
splazz du må også gerne smide et svar!
Avatar billede Slettet bruger
25. november 2010 - 19:43 #11
Svar
Avatar billede majbom Novice
26. november 2010 - 09:55 #12
kommer her :)
Avatar billede majbom Novice
26. november 2010 - 09:55 #13
nej - her! :)
Avatar billede majbom Novice
26. november 2010 - 10:58 #14
tfp :)
Avatar billede Slettet bruger
26. november 2010 - 18:41 #15
Tak skal du have.
Avatar billede chris0905 Nybegynder
26. november 2010 - 21:42 #16
selv tak, og igen tak for hjælpen!
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