Avatar billede alex15 Nybegynder
26. februar 2007 - 18:46 Der er 5 kommentarer og
1 løsning

Kan ikke hente min css skabelon i min HTML fil (igen)

Hej Eksperter..

Nu har jeg så lavet videre på min CSS fil, men når jeg linker til den med en html fil. overfører den ikke det hele, som den burde?

Hvad gør jeg (sender filerne hvor jeg IKKE selv har prøvet at lave om i dem)
Avatar billede alex15 Nybegynder
26. februar 2007 - 18:47 #1
Min CSS fil:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">

<!--
#Layer1 {
    position:absolute;
    width:985px;
    height:620px;
    z-index:1;
    left: 633px;
    top: 170px;
}
#Layer2 {
    position:absolute;
    width:611px;
    height:75px;
    z-index:1;
    left: 110px;
    top: 87px;
}
#Layer3 {
    position:absolute;
    width:507px;
    height:275px;
    z-index:2;
    left: 119px;
    top: 200px;
}
#Layer4 {
    position:absolute;
    width:106px;
    height:275px;
    z-index:3;
    left: 634px;
    top: 200px;
}
#Layer5 {
    position:absolute;
    width:507px;
    height:78px;
    z-index:4;
    left: 119px;
    top: 483px;
}
#Layer6 {
    position:absolute;
    width:113px;
    height:62px;
    z-index:5;
    left: 829px;
    top: 430px;
}
#Layer7 {
    position:absolute;
    width:508px;
    height:25px;
    z-index:6;
    left: 118px;
    top: 170px;
    background-color: #000000;
}
body {
    background-color: #000000;
}
.style2 {
    color: #999999;
    font-weight: bold;
}
#Layer8 {
    position:absolute;
    width:509px;
    height:74px;
    z-index:8;
    left: 119px;
    top: 481px;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
//-->
</script>
</head>


<body onload="MM_preloadImages('billeder/knap-om_ccc.jpg','billeder/knap-om_ccc1.jpg','billeder/Knap-nyheder1.jpg','billeder/Knap-nyheder2.jpg','billeder/Knap-home1.jpg','billeder/Knap-home2.jpg','billeder/knap-biler1.jpg','billeder/knap-biler2.jpg','billeder/Knap-priser1.jpg','billeder/Knap-priser2.jpg','billeder/Knap-download1.jpg','billeder/Knap-download2.jpg')">
<div id="Layer2"><img src="billeder/banner.jpg" width="570" height="75" /></div>
<div id="Layer3"><img src="billeder/tekstboks.jpg" alt="tekstboks" width="507" height="275" /></div>
<div id="Layer4"><img src="billeder/billedboks.jpg" alt="billedboks" width="106" height="275" /></div>
<div id="Layer7" class="style2">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Home','billeder/Knap-home1.jpg',1)" onmouseover="MM_nbGroup('over','Home','billeder/Knap-home2.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="billeder/Knap-home1.jpg" alt="Home" name="Home" width="40" height="25" border="0" id="Home" onload="" /></a></td>
      <td><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Mellemrum','',1)" onmouseover="MM_nbGroup('over','Mellemrum','','',1)" onmouseout="MM_nbGroup('out')"><img src="billeder/Knap-mellemrum.jpg" alt="" name="Mellemrum" width="33" height="25" border="0" id="Mellemrum" onload="" /></a></td>
      <td><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Biler','billeder/knap-biler1.jpg',1)" onmouseover="MM_nbGroup('over','Biler','billeder/knap-biler2.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="billeder/knap-biler1.jpg" alt="Biler" name="Biler" width="33" height="25" border="0" id="Biler" onload="" /></a></td>
      <td><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Mellemrum2','',1)" onmouseover="MM_nbGroup('over','Mellemrum2','','',1)" onmouseout="MM_nbGroup('out')"><img src="billeder/Knap-mellemrum.jpg" alt="" name="Mellemrum2" width="33" height="25" border="0" id="Mellemrum2" onload="" /></a></td>
      <td><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Priser','billeder/Knap-priser1.jpg',1)" onmouseover="MM_nbGroup('over','Priser','billeder/Knap-priser2.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="billeder/Knap-priser1.jpg" alt="Priser" name="Priser" width="41" height="25" border="0" id="Priser" onload="" /></a></td>
      <td><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Mellemrum3','',1)" onmouseover="MM_nbGroup('over','Mellemrum3','','',1)" onmouseout="MM_nbGroup('out')"><img src="billeder/Knap-mellemrum.jpg" alt="" name="Mellemrum3" width="33" height="25" border="0" id="Mellemrum3" onload="" /></a></td>
      <td><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Download','billeder/Knap-download1.jpg',1)" onmouseover="MM_nbGroup('over','Download','billeder/Knap-download2.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="billeder/Knap-download1.jpg" alt="Download" name="Download" width="68" height="25" border="0" id="Download" onload="" /></a></td>
    </tr>
  </table>
</div>
<div id="Layer1" style="position:absolute; width:108px; height:25px; z-index:7">
  <div align="right"><img src="billeder/Knap-login1.jpg" width="38" height="25" /></div>
</div>
<div id="Layer8"></div>
</body>
</html>
Avatar billede alex15 Nybegynder
26. februar 2007 - 18:52 #2
Min HTML fil:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<link rel="stylesheet" type="text/css" href="test1.css">
</head>

<body>
<link rel="stylesheet" type="text/css" href="skabelon-test.css">
</body>
</html>
Avatar billede alex15 Nybegynder
26. februar 2007 - 18:53 #3
Målet med det hele er at jeg bare ved at rettet i en fil på på hjemmesiden, er at den retter det resten af stederne?

Er det overhoved muligt og gøre på den måde jeg har gang i?
Avatar billede roenving Novice
26. februar 2007 - 23:55 #4
En css-fil må _kun_ indeholde style-rules -- ingen former for html mv. er tilladt ...

-- DHTML består af flere forskellige dele, som slet ikke kan erstatte hinanden:

-- HTML, som er det markup-sprog, hvor du definerer hvilke elementer, du skal bruge (og som indeholder _alle_ enkeltelementer; tabeller, divs, spans osv. med menuer indholdsruder m.m.m. !-)

-- CSS, som er en styling-mulighed, altså mulighed for at give farver, baggrunde og placeringer til de elementer, der findes i html-markup'en ...

-- Script (primært javascript, hvis det skal bruges på www !-), som giver mulighed for client-side dynamisk behandling af html-elementer ...

-- i et html-dokument må du gerne inkorporere style-elementer med css og script-elementer med f.eks. javascript, men hverken i .css- eller .js-dokumenter må der være hverken html- eller anden kode !o]
Avatar billede alex15 Nybegynder
27. februar 2007 - 09:50 #5
Ja okay.. tak for info, meget rart lige og vide..

Men kan man ikke lave en form for en skabelon, som de enkelte undersider så bare henter automatisk, ved at man linker til skabelonen?

Fordele, ville jo være at hvis jeg fik lyst til at ændre en menu knap, at jeg så kun behøvede at ændre den på ene side, nemlig skabemonen. og ikke på alle de forskellige undersider.
Avatar billede alex15 Nybegynder
24. oktober 2007 - 15:30 #6
Lukket
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