Zum Inhalt springen

probleme mit css

Erstellt am 26. Mai 2009 · 4 Antworten · letzte Antwort am 26. Mai 2009

Tags: Frage

ralphpetzoldt ·

hi irgendwie haut bei mir das css online nicht hin. Offline war alles bestens aber nun wo es Online ist funzt es net!! ich benutze typo 4.2.5

  Default PAGE object:
page = PAGE
page.typeNum = 0
page.10 = TEXT

page.includeCSS {
   file1 = fileadmin/css/style.css
   file2 = *.css
   file2.title = High contrast
   file2.media = print
}

plugin.tx_rlmptmplselector_pi1 {
  templatePathMain = fileadmin/templates/main/
  templatePathSub = fileadmin/templates/sub/
 
  defaultTemplateFileNameMain = index.html
  defaultTemplateFileNameSub = start.html
 
  inheritMainTemplates = 1
  inheritSubTemplates = 1
}
  
config.simulateStaticDocuments_noTypeIfNoTitle=1
 
config.spamProtectEmailAddresses = 3
config.spamProtectEmailAddresses_atSubst = (at)

config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE.ISO8859-1
page.config.locale_all = German

includeLibs.pagetitle = typo3conf/ext/mf_pagetitle/pagetitle.php
plugin.mf_pagetitle.title = -:|Gothic-Information.de|:- -:|{page:title}|:-
config.titleTagFunction = user_pagetitle_class->changetitle

page.bodyTag = <body>
page.shortcutIcon = favicon*.ico
 
page.10 = TEMPLATE
page.10{
template =< plugin.tx_rlmptmplselector_pi1
template.templateType = main

workOnSubpart = DOKUMENT

marks.NAVI = HMENU
marks.NAVI{
    entryLevel=0
    excludeUidList=2,3,4,5
    1 = TMENU
    1{
        wrap = <ul>|</ul>
        NO = 1
        NO {
            wrapItemAndSub = <li>|</li>
            ATagTitle.field = subtitle // title
        }
        ACT = 1
        ACT < .NO
        ACT.ATagParams = class="drk"
    }
}
 
marks.SUB_TMPL = TEMPLATE
marks.SUB_TMPL {
template =< plugin.tx_rlmptmplselector_pi1
template.templateType = sub
 
workOnSubpart = SUBDOKUMENT
 
marks.MIDDLE = CONTENT
marks.MIDDLE < styles.content.get
 
marks.LEFT = CONTENT
marks.LEFT < styles.content.getLeft
 
marks.RIGHT = CONTENT
marks.RIGHT < styles.content.getRight
 
marks.BORDER = CONTENT
marks.BORDER < styles.content.getBorder
 
marks.HEADLINE = TEXT
marks.HEADLINE.value = <div class="title" align="center">@->- {page:title} -<-@</div>
marks.HEADLINE.insertData = 1       

}

und mein css

html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #464544;
}
a:hover {
	color: #FFA405;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	background: #000 url(fileadmin/images/page_bg.gif) repeat-x;
	text-align: center;
	font: 10px
	font-family: Helvetica, Arial;
	color: #464544;
}

/** layout **/
#wrapper {
	text-align: left;
	margin: auto;
	width: 728px;
  position: relative;
}

h1 {
  position: absolute;
  top: 46px;
  left: 0;
  height: 43px;
  padding-top: 8px;
  width: 414px;
  text-align: center;
  background: #4b0101;
  color: #ffffff;
  font-size: 20px;
  font-family: Helvetica, Arial;
  font-weight: normal;
}
h1 strong {
  font-weight: normal;
  color: #6c6c6c;
}
#top-nav {
  position: absolute;
  top: 15px;
  left: 414px;
  width: 266px;
  height: 269px;
  background: #4b0101 bottom left url(fileadmin/images/header.jpg) no-repeat;
}
#top-nav ul {
  text-align: center;
  line-height: 32px;
}
#top-nav li {
  display: inline;
  font-size: 12px;
  color: #fff;
}
#top-nav a {
  text-decoration: none;
  font-weight: normal;
  color: #fff;
}
#top-nav a:hover {
  text-decoration: underline;
}

#mmagic {
  background: url(fileadmin/images/media_magic.gif) no-repeat;
  position: absolute;
  top: 46px;
  left: 680px;
  width: 48px;
  height: 238px;
}
#header {
  background: url(fileadmin/images/header_bg.jpg) no-repeat;
  position: absolute;
  top: 89px;
  left: 0px;
  width: 414px;
  height: 195px;
}

/** body **/
#spacer {
  height: 285px;
}

#body {
  background: url(fileadmin/images/body_bg.gif) repeat-y;
  width: 100%;
}

#left {
  float: left;
  width: 468px;
}
#right {
  float: right;
  width: 256px;
}

#nav ul {
}
#nav li {
  float: left;
  width: 77px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background: url(fileadmin/images/tab_lit.gif) repeat-x;
  border-left: 1px solid white;
  list-style: none;
}
#nav a {
  font: 16px;
  font-family: Helvetica, Arial;
  color: #ffffff;
  text-decoration: none;
}
#nav a:hover {
  text-decoration: underline;
}
#nav li.drk {
  background: url(fileadmin/images/tab_drk.gif) repeat-x;
  border-left: none;
  padding-left: 1px;
}

#visit {
  background: #f0f0f0;
  color: #000;
  padding: 15px 40px 14px 38px;
}
#visit h2 {
  font: 20px;
  font-family: Helvetica, Arial;
}
#visit p{
  color: #000;
}
#visit a {
  text-decoration: none;
}
#visit a:hover {
  text-decoration: underline;
}

#subs-left {
  float: left;
  width: 160px;
  padding-left: 35px;
  padding-bottom: 10px;
  margin-top: 22px;
}
#subs-right {
  float: right;
  width: 145px;
  padding-right: 30px;
  padding-bottom: 10px;
  margin-top: 22px;
}
#subs-left a {
  color: #fff;
}
#subs-left {
  color: #fff;
}
#subs-left h3 {
  color: #000000;
  font: 12px;
  font-family: Helvetica, Arial;
}
#subs-left p {
  text-align: justify;
}

#subs-right {
  color: #fff;
}
#subs-right h3 {
  color: #000000;
  font: 12px;
  font-family: Helvetica, Arial;
}
#subs-right h4 {
  color: #000000;
  font: 14px;
  font-family: Helvetica, Arial;
  margin: 0.6em 0;
}
#subs-right ul {
  margin-top: 1em;
}
#subs-right li {
  list-style: none;
  padding-left: 20px;
  background: 5px 3px url(fileadmin/images/bullet.gif) no-repeat;
}
#subs-right p {
  text-align: justify;
  margin: 0.6em 0;
}

#right-i {
  padding: 4px 25px 0 20px;
}
#right h2 {
  color: #f0f0f0;
  font: 18px;
  font-family: Helvetica, Arial;
  margin-bottom: 12px;
}
#right h3 {
  color: #000000;
  font: 14px;
  font-family: Helvetica, Arial;
  margin-bottom: 5px;
}
#right p {
  margin-top: 0;
  color: #f0f0f0;
}
#right .left {
  margin-right: 4px;
}
#right a {
  color: #f0f0f0;
  font-weight: bold;
  text-decoration: none;
}
#right a:hover {
  text-decoration: underline;
}

/** footer **/
#copyright {
  background: #4b0101;
  color: #f0f0f0;
  text-align: left;
  float: left;
  font-size: 10px;
  width: 718px;
  padding: 2px 0px 2px 10px;
  margin-bottom: 2px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
#copyright p {
  margin: 0;
  padding: 0;
}

#footernav {
	float: right;
	position: absolute;
	right: 3px;
	bottom: 3px;
}

Habe ich was in meiner Anbindung falschgemacht oder wo liegt das Problem?

http://www.gothic-information.de/index.php

hoffe Ihr könnt mir helfen!!!
wäre echt super von euch!!!!

just2b ·

hallo,

config {
	# doctype & code cleaning
	doctype = xhtml_11
	xmlprologue = none
	xhtml_cleaning = all
}
ralphpetzoldt ·

ok super also der doctype passt jetzt nur hat das noch nicht den gewünschten effect!!

mir ist aufgefallen das in meiner Originalseite die ich inzwischen mal auf den Server geladen habe unter

http://www.gothic-information.de/test

funktioniert. Da verweist er aber auch im meta als auch in der angabe der css auf einen charset="utf-8" könnte es daran liegen?? in der typo generierten datei hat er den charset in der meta auf iso-8859-1. bekommt man das irgendwie geändert und wie bekomme ich den charset in die link definition habe es über folgendes versucht:

page.includeCSS {
   file1 = fileadmin/css/style.css
   file1.Charset = utf-8
   }

das funzte nur leider net oder habe ich da einen denkfehler??

just2b ·

es wär grundsätzlich schön wenn du sagen könntest was genau nicht funktioniert...

wenn es die bilder aus dem css sind, dann schau dir bitte den pfad an!

das css liegt in fileadmin/css/style.css. die bilder willst du aus fileadmin/images/header.jpg, folglich müsste der pfad fileadmin/css/fileadmin/images/header.jpg

sein.... probier im css lieber mal ../images/header.jpg

lg georg

ralphpetzoldt ·

#angry#

ok super das hat funktioniert. Bin einer Ente aufgesessen ich bin davon ausgegangen das man alles vom standard ordner aus sehen muss aber ok man lernt nicht aus super danke dir!!!