Page 1 of 1

nedarvning af css

Posted: Tue May 01, 2012 7:23 am
by jesperp
HJÆÆÆLP

Ekspert hjælp søges.

Jeg har for 1½år siden modtaget en hjemmeside, som er lavet i cms made simple, og i forbindelse med jeg har exporteret templaten og installeret på en ny server, så er det som om mine templates ikke ned arver css, har en template som henter header, som aktivere noget menu script, køre noget content, og slutter med footer, men det er som om den ikke læster hele css opsætningen, jeg har mistanke til at der er et flueben som står forkert et eller andet sted.
Efter jeg har fået dette problem har jeg så kigget i opsætningen på den anden server som har kørt med denne template de sidste 1½år, og nu har jeg pludselig næsten samme fejl for, header og footer, er ok, men selve teksten i content indholdet bliver ikke formateret efter css filen som høre til templaten, dette finder jeg meget mærkeligt specielt da H1- overskrifter godt nok får gennemslagskraft fra css'en...

Jeg håber virkelig der er en expert her som kan hjælpe mig.

Venlig hilsen
Jesper Poulsen

Re: nedarvning af css

Posted: Tue May 01, 2012 11:21 pm
by webform
URL til sites?
CMSMS version?
Kopi af template?

Re: nedarvning af css

Posted: Wed May 02, 2012 10:14 am
by jesperp
webform wrote:URL til sites?
CMSMS version?
Kopi af template?
http://www.reinventyourlife.dk/highonlife/
ovennævnte side er en kopi af templaten fra http://www.dansk-biovarme.dk som content texten er går i skvader efter jeg har siddet og åbnet og lukket den for at kigge om jeg har lavet en opsætningsfejl på reinventyourlife.dk

cms version CMS Made Simple™ 1.10.3 "Hyacinthe"

Header kode
{process_pagedata} {metadata} {stylesheet} {literal}
<__script__ type="text/javascript">// <![CDATA[
sfHover = function() {
var sfEls = document.getElementById("menu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls.onmouseover=function() {
this.className+=" sfhover";
}
sfEls.onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
// ]]></__script>
{/literal}
<div id="content">
<div id="header"><img src="uploads/images/highonlife.png" alt="Highonlife-Prosperity" width="285" height="48" /></div>
<div id="menu">{cms_module module='menumanager'}</div>
<div id="image"><img src="uploads/images/{page_image}" alt="{title}" /></div>
</div>

Template kode
{global_content name='header'}
<div id="main">
<div id="main_left">{content}</div>
<div id="seperator"></div>
<div id="main_right">{content block="Højre"}</div>
</div>
{global_content name='footer'}

css kode
#content{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #747474;
margin-left: auto;
margin-right: auto;
width: 953px;
margin-top: 0px;
scrollbar-base-color:white;
scrollbar-shadow-color:white;
scrollbar-darkshadow-color:white;
scrollbar-arrow-color:#747474;
}

h1{
color: #747474;
font-size: 15px;
margin-bottom: 0px;
padding-bottom: 0px;
}

h2{
color: #747474;
font-size: 11px;
margin-bottom: 0px;
padding-bottom: 0px;
}

a{
color: #747474;
text-decoration: none;
}

#header{
text-align: right;
margin-right: 35px;
}

#picture {
width:953px;
margin-left:auto;
margin-right:auto;
}

#main{
height:300px;
color: black;
width:953px;
margin-left:auto;
margin-right:auto;
position:relative;
top: 10px;
}

#main_left, #main_right, #single_left_column{
overflow: auto;
height: inherit;
padding-left:35px;
margin-right: 5px;
padding-right: 30px;
}

#main_left {
width:350px;
float:left;
}

#seperator{
float:left;
border-left:1px #B4B4B4 solid;
height: inherit;
width:0px;
}

#main_right {
width:410px;
float:left;
margin-left: 70px;
padding-left: 15px;
}

#single_left_column {
margin-right: 0px;
}

#footer{
font-size: 11px;
position: relative;
top:20px;
}

#footer table{
margin-left:auto;
margin-right: auto;
}

#footer td{
border-right-width: thin;
border-right-style: solid;
border-right-color: #B4B4B4;
padding-left: 15px;
padding-right: 15px;
color: #B4B4B4;
}

.tilbud_baggrund{
position: relative;
left: -15px;
background-attachment:scroll;
background-image:url(/highonlife/uploads/hicms/grey_box.png);
background-repeat:no-repeat;
background-position:left top;
padding: 15px 15px 15px 15px;
width: 404px;
height: 119px;
margin-top: 5px;
}

.tilbud_baggrund a{
color: white;
}

.tilbud_baggrund img, .tilbud img{
position: absolute;
right: 15px;
top: 15px;
}

.tilbud_baggrund p, .tilbud p{
width: 289px;
}

img{
border: none;
}

håber i kan hjælpe mig er ved at opgive...

samme opsætning køre jeg på www.dansk-biovarme.dk men ikke med samme symtomer, her er det primær kun content test ikke overskrifter osv.. som er i ud, footer virker også fint her.

I er velkommen til at ringe på 29 712 338 hvis i kan hjælpe mig.

Re: nedarvning af css

Posted: Wed May 02, 2012 10:35 am
by jesperp
webform wrote:URL til sites?
CMSMS version?
Kopi af template?
Hej har postet det hele, men kan ikke lige finde det? er det kommet frem?

Re: nedarvning af css

Posted: Wed May 02, 2012 10:13 pm
by jesperp
webform wrote:URL til sites?
CMSMS version?
Kopi af template?
Hej igen... JO jo jo længere man kommer ned i det jo mere finder man ud af, har fundet lidt fejl / ændringer... {module_menumanager} hedder i dag {menu} og {stylesheet} hedder idag {cms_stylesheet} sjovt nok så ændrede det en del på hvad der stod i min template.

MEN jeg har stadigvæk problemer med font og font size fra css til template, når det hander om content text,

Re: nedarvning af css

Posted: Thu May 03, 2012 3:11 pm
by webform
Det der først slår mig er fejl i selve din template; Den indeholder ikke start og slut tags for html, header og body!

Prøv at genopsæt din template med den fulde html kode inkl. doctype og brug af de nye modul tags (Opret en ny frisk template og du vil se de mest nødvendige tags!)

Husk! Bruger du referencer til images i dit stylesheet, skal du med det nye {cms_stylesheet} tag benytte absolutte URLs på denne måde:

Code: Select all

background-image:url([[root_url]]/uploads/images/grey_box.png);
Håber det hjælper dig tilbage på rette spor?

Re: nedarvning af css

Posted: Thu May 03, 2012 8:46 pm
by jesperp
webform wrote:Det der først slår mig er fejl i selve din template; Den indeholder ikke start og slut tags for html, header og body!

Prøv at genopsæt din template med den fulde html kode inkl. doctype og brug af de nye modul tags (Opret en ny frisk template og du vil se de mest nødvendige tags!)

Husk! Bruger du referencer til images i dit stylesheet, skal du med det nye {cms_stylesheet} tag benytte absolutte URLs på denne måde:

Code: Select all

background-image:url([[root_url]]/uploads/images/grey_box.png);
Håber det hjælper dig tilbage på rette spor?
Hejsa så er det prøvet, og det giver samme resultat. det er ikke mig der har lavet templaten i sin tid jeg har bare overtaget det og har ikke rodet med html og code i 12år så pyha det er op af bakke.

tror grunden til tags mangler er at header kommer fra "global content block" og det samme med futter, men så skal html tags vel bare tilføjes der i stedet for.

Men ser ud til alt virker på reinventyourlife.dk/highonlife pånær, font-family... så fejlen må ligger her et sted i denne her css
#content{
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #747474;
margin-left: auto;
margin-right: auto;
width: 953px;
margin-top: 0px;
scrollbar-base-color:white;
scrollbar-shadow-color:white;
scrollbar-darkshadow-color:white;
scrollbar-arrow-color:#747474;
}

eller ??? sådan jeg forstår en css på, er at hvis jeg skriver i content block, og ikke angiver font, så vælger den i font ud fra den rækkefølge de er angiver her? men hvorfor sker dette ikke.
Kan jeg mangle et modul eller andet som jeg kan være kommet til at slette ved en fejl?

Re: nedarvning af css

Posted: Fri May 04, 2012 10:04 am
by webform
Når jeg kigger i kildekoden er de korrekte html tags stadig ikke på plads, og dermed bliver sidens stylesheet ikke læst korrekt.

Prøv at start forfra og placer det hele samlet i samme template. Her er et udkast:

Code: Select all

{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="en" >
<head>
<title>{sitename} - {title}</title>
{metadata}
{cms_stylesheet}
{literal}
<__script__ type="text/javascript">// <![CDATA[
sfHover = function() {
	var sfEls = document.getElementById("menu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
// ]]></__script>
{/literal}
</head>
</__body>

<!-- start header -->
<div id="header">
  <img src="uploads/images/highonlife.png" alt="Highonlife-Prosperity" width="285" height="48" />
</div>
<!-- end header -->

<!-- start menu -->
<div id="menu">
  {menu}
</div>
<!-- end menu -->

<!-- start page image -->
<div id="image">
	<img src="uploads/images/{page_image}" alt="{title}" />
</div>
<!-- end page image -->

<!-- start left content -->
<div id="main_left">
  {content}
</div>
<!-- end content -->

<div id="seperator"></div>

<!-- start right content -->
<div id="main_right">
  {content block="Højre"}
</div>
<!-- end content -->

<!-- start footer -->
<div id="footer">
	{global_content name='footer'}
</div>
<!-- end footer -->

<__body>
</__html>
Dit globale indholdsfelt for footeren skal kun indeholde selve tekstindholdet - Fjern

Code: Select all

<div id="footer">
og

Code: Select all

</div>
fra indholdsfeltet!

Sørg for at din topmenu er sat som Default (Grønt hak) under "Layout » Menu Manager". Så tror jeg at det vil virke!

Re: nedarvning af css

Posted: Fri May 04, 2012 11:08 am
by jesperp
webform wrote:Når jeg kigger i kildekoden er de korrekte html tags stadig ikke på plads, og dermed bliver sidens stylesheet ikke læst korrekt.

Prøv at start forfra og placer det hele samlet i samme template. Her er et udkast:

Code: Select all

{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="en" >
<head>
<title>{sitename} - {title}</title>
{metadata}
{cms_stylesheet}
{literal}
<__script__ type="text/javascript">// <![CDATA[
sfHover = function() {
	var sfEls = document.getElementById("menu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
// ]]></__script>
{/literal}
</head>
</__body>

<!-- start header -->
<div id="header">
  <img src="uploads/images/highonlife.png" alt="Highonlife-Prosperity" width="285" height="48" />
</div>
<!-- end header -->

<!-- start menu -->
<div id="menu">
  {menu}
</div>
<!-- end menu -->

<!-- start page image -->
<div id="image">
	<img src="uploads/images/{page_image}" alt="{title}" />
</div>
<!-- end page image -->

<!-- start left content -->
<div id="main_left">
  {content}
</div>
<!-- end content -->

<div id="seperator"></div>

<!-- start right content -->
<div id="main_right">
  {content block="Højre"}
</div>
<!-- end content -->

<!-- start footer -->
<div id="footer">
	{global_content name='footer'}
</div>
<!-- end footer -->

<__body>
</__html>
Dit globale indholdsfelt for footeren skal kun indeholde selve tekstindholdet - Fjern

Code: Select all

<div id="footer">
og

Code: Select all

</div>
fra indholdsfeltet!

Sørg for at din topmenu er sat som Default (Grønt hak) under "Layout » Menu Manager". Så tror jeg at det vil virke!
Hejsa.. .nu er det prøvet og det ændre ikke noget, og kan heller ikek se det skal have noget at gøre med html tags osv.. da www.dansk-biovarme.dk siden har kørt i 1,5år nu uden at blive rørt ved, jeg tror mere på det er et flueben eller et modul som er blevet slettet ved en fejl, da jeg har været ved at spejle de to sider. og så har jeg måske kommet til at slette et modul eller flyttet et flueben i opsætningen. Men ja virker underligt at H1 henter den godt nok fra css filen, men alm. tekst som skrives ikke standart indtager opsætningen af css filen.

Har i flere gode bud?

Re: nedarvning af css

Posted: Fri May 04, 2012 11:39 am
by webform
Et til bud - Der mangler nemlig et par divs i mit forrige indlæg ;)

Code: Select all

{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="en" >
<head>
<title>{sitename} - {title}</title>
{metadata}
{cms_stylesheet}
{literal}
<__script__ type="text/javascript">// <![CDATA[
sfHover = function() {
	var sfEls = document.getElementById("menu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
// ]]></__script>
{/literal}
</head>
</__body>

<!-- start content -->
	<div id="content">

<!-- start header -->
<div id="header">
  <img src="uploads/images/highonlife.png" alt="Highonlife-Prosperity" width="285" height="48" />
</div>
<!-- end header -->

<!-- start menu -->
<div id="menu">
  {menu}
</div>
<!-- end menu -->

<!-- start page image -->
<div id="image">
	<img src="uploads/images/{page_image}" alt="{title}" />
</div>
<!-- end page image -->

<!-- start main -->
<div id="main">

<!-- start left content -->
<div id="main_left">
  {content}
</div>
<!-- end left content -->

<div id="seperator"></div>

<!-- start right content -->
<div id="main_right">
  {content block="Højre"}
</div>
<!-- end right content -->

</div>
<!-- end main -->

<!-- start footer -->
<div id="footer">
	{global_content name='footer'}
</div>
<!-- end footer -->

</div>
<!-- end content -->

<__body>
</__html>
Og så ville jeg i indsætte følgende (eller hvad der nu passer til din site) i Global Metadata under "Site Admin » Global Settings":

Code: Select all

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Re: nedarvning af css

Posted: Fri May 04, 2012 12:30 pm
by jesperp
webform wrote:Et til bud - Der mangler nemlig et par divs i mit forrige indlæg ;)

Code: Select all

{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="en" >
<head>
<title>{sitename} - {title}</title>
{metadata}
{cms_stylesheet}
{literal}
<__script__ type="text/javascript">// <![CDATA[
sfHover = function() {
	var sfEls = document.getElementById("menu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
// ]]></__script>
{/literal}
</head>
</__body>

<!-- start content -->
	<div id="content">

<!-- start header -->
<div id="header">
  <img src="uploads/images/highonlife.png" alt="Highonlife-Prosperity" width="285" height="48" />
</div>
<!-- end header -->

<!-- start menu -->
<div id="menu">
  {menu}
</div>
<!-- end menu -->

<!-- start page image -->
<div id="image">
	<img src="uploads/images/{page_image}" alt="{title}" />
</div>
<!-- end page image -->

<!-- start main -->
<div id="main">

<!-- start left content -->
<div id="main_left">
  {content}
</div>
<!-- end left content -->

<div id="seperator"></div>

<!-- start right content -->
<div id="main_right">
  {content block="Højre"}
</div>
<!-- end right content -->

</div>
<!-- end main -->

<!-- start footer -->
<div id="footer">
	{global_content name='footer'}
</div>
<!-- end footer -->

</div>
<!-- end content -->

<__body>
</__html>
Og så ville jeg i indsætte følgende (eller hvad der nu passer til din site) i Global Metadata under "Site Admin » Global Settings":

Code: Select all

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Hej ved ikke hvad er er rigtig og forkert, men fik nu løst problemet, der er flyttet lidt rundt på nogle ting i css filen som jeg ved 100% sikkert på der ikke er blevet ændret på, og så har vi redigeret i header filen, hvor vi har en lumsk mistanke til at WYSIWYG: da det er blevet slået til har ændret i noget... underligt... må nok heller bruge en aften eller to på at få læst mine færdigheder op efter 12år som ikke web mand.

takker meget for hjælpen :)