Zum Inhalt springen

CSS Probleme

Erstellt am 11. August 2009 · 15 Antworten · letzte Antwort am 11. August 2009

Tags: Frage

dende ·

Hallo lieben Typos

Ich hab hier gerad mehrere Probleme, die ich gerad selbst versuche zu behandeln.
Aber irgendwie klappt das nicht so wie ich es mir vorstelle.
😢

Mein Vater fragt mich ob ich mich um eine Internetseite kümmern könnte, und ich stimmte zu.
Es geht um folgende Seite
www.tsgdive.de
Die Seite wurde von einem Bekannten erstellt, der sich halt mit CSS etc sehr gut auskannte.Er hat aber sich am ende nicht mehr drum gekümmert und nun sind einige Fehler drin die ich halt ohne CSS Wissen beseitgen versuche.

Ich hab es schon geschafft die Webmaster emailadresse zu ändern und Die NavPics zu ändern..
Jetz geht es aber um die Menüleiste unter "Aktivitäten und Termine"..Ich würde gern unter ONTOUR das Klappmenü entfernen, da dort die Links nicht gehen..oder ich repariere halt die Links.Nur bin ich in dem Genre halt ein Laie.
Deßweiteren würde ich gern ein Favicon für die Seite erstellen.

Wie finde ich zB die Index.html der Seite..ich hab nur folgende gefunden:

Index.html

<!-- ###DOKUMENT### begin -->

<div id="bgpg">

  <div id="headerbox">
    <div id="kontaktnavbox">###KONTAKTNAV###</div>
    <div id="logobox"><a href="http://tsg.kundendienst-zfmedia.de"><img src="../../../../fileadmin/bilder/grafik/logo.png" alt="logo" /></a></div>
  </div>

  <div id="indexbg">
    <div id="mainnavbox">###MAINNAV###</div>
    <div id="annobox">###ANNO###</div>
  </div>

</div>

<div id="footer">

  <div id="footlft">
    <p>
      <a href="mailto:info@tsgdive.de">E-Mail</a> | 
      <a href="mailto:wpampel@t-online.de">Webmaster</a>
    </p>
  </div>

  <div id="footctr">
    <h1>© 2008 TSG Emmerthal e. V.</h1>
    <p>Pyrmonter Str. 79 · 31789 Hameln · Tel: +49 (0) 51 51 · 64 7 69 · E-Mail: info07(at)tsgdive.de</p>
    <span>created by
      <a href="http://www.zfmedia.de" target="_blank">zielfabrik mediendienste</a> | 
      <a href="http://www.typo3.org" target="_blank">typo3</a>
    </span>

kann damit aber nichts anfangen...wo sind die sachen wie Head, body etc...?

Wäre sehr nett, wenn ihr mir behilflich sein könntet..

Lieben Gruß
Martin

SomehowLost ·

Hallo Martin,

also: Typo3 ist ein Content Management System. D.h. Du bearbeitest 99% des Webseiten-Inhalts über Typo3.

Wenn Du nun etwas in einer Navigation ändern willst, so muss Du zunächst schaun, wo im TypoScript Template die Navigation zusammengebastelt wird (hier findest Du wahrscheinlich dein DropDown).

Das Dokument (indexhtml bei Dir) ist ein sogenanntes Layout-Template. Dieses bindet man via TypoScript ein. Definiert wird hier nur der Teil innerhalb des Body-Tags. Der Bereich der editierbar ist wird mit ###deinMarker### oder <!-- ###deinSubpart### anfang --> <!-- ###deinSubpart### schluss --> gekennzeichnet.

Aber bevor ich hier nun weiterschwafle würde ich Dir die Typo3-Doku von Mittwald empfehlen. Da findest Du bestimmt noch so einige Dinge drin 😉

Gruß

dende ·

ja ok..werde mich da mal reinfixen..lade es mir eben mal runter..aber schön das es Leute gibt die mir helfen können🙂

Gibt es einen schnelel tipp wie ich ein favicon für die seite erstellen kann..also ich habe ein favicon.ico schon in den filadmin ordner geladen..nur wiee und wo binde ich das nun ein???

Vielen Lieben Danke schon mal! :p

SomehowLost ·

No Problemo:

In Deiner Rootseite im Haupttemplate einfach unter Setup:

page.shortcutIcon = fileadmin/favicon.ico

Oder:

page.headerData.100 = TEXT
page.headerData.100.value (
<link rel="shortcut icon" href="http://www.deineseite.de/fileadmin/favicon.ico" />
)

Dein Haupttemplate findest Du wenn Du unter Web -> Template sowie auf die erste Seite Deines Seitenbaumes klickst.

Als Favicon kannst Du freilich auch jdes andere Bildformat einbinden. ICh nehm eigenlich immer ico. Macht der Gewohnheit 😉

Gruß

dende ·

hmm ok..hab "setup" gefunden..wo muss ich das jetz eintragen??
Gibts da ne bestimmt stelle?

page = PAGE

config {
	spamProtectEmailAddresses = 2 
	spamProtectEmailAddresses_atSubst = <img src="fileadmin/bilder/grafik/at.png" width="12" height="12" alt="klammeraffe" border="0" />
	noPageTitle = 1
	doctype = xhtml_trans
	metaCharset = utf-8
	sys_language_uid = 0
	language = de
	locale_all = de_DE
	titleTagFunction = user_pagetitle_class->changetitle
	disablePrefixComment = 1
	}

######################
######## FILES #########
######################


page.includeJS {
		      file50 = EXT:t3mootools/res/mootoolsv1.11.js
		      file51 = fileadmin/system/scripts/transparency.js
		      }

page.includeCSS {
		file1 = fileadmin/system/css/firefox/page.css
		file2 = fileadmin/system/css/firefox/navi.css
		file3 = fileadmin/system/css/firefox/news.css
		file4 = fileadmin/system/css/firefox/download.css
		file5 = fileadmin/system/css/firefox/login.css
		file6 = fileadmin/system/css/firefox/kontakt.css
		file7 = fileadmin/system/css/firefox/galerie.css
	        }

[browser = msie] && [version=<6.9]
page.includeCSS {
		file1 = fileadmin/system/css/iex6/page.css
		file2 = fileadmin/system/css/iex6/navi.css
		file3 = fileadmin/system/css/iex6/news.css
		file4 = fileadmin/system/css/iex6/download.css
		file5 = fileadmin/system/css/iex6/login.css
		file6 = fileadmin/system/css/iex6/kontakt.css
		file7 = fileadmin/system/css/iex6/galerie.css
		file33 = fileadmin/system/scripts/transparency.js
		}
[END]
[browser = msie] && [version=7]
page.includeCSS {
		file1 = fileadmin/system/css/iex7/page.css
		file2 = fileadmin/system/css/iex7/navi.css
		file3 = fileadmin/system/css/iex7/news.css
		file4 = fileadmin/system/css/iex7/download.css
		file5 = fileadmin/system/css/iex7/login.css
		file6 = fileadmin/system/css/iex7/kontakt.css
		file7 = fileadmin/system/css/iex7/galerie.css
		}
[END]
[global]

######################
######## LANG #########
######################

config.sys_language_uid = 0
config.language = de
config.locale_all = german
config.locale_all = de_DE
config.intTarget = {$PAGE_TARGET}

######################
####### PANEL #########
######################

config.admPanel = 0
tt_content.stdWrap.editPanel.line = 0

page {
        10.marks {
                      INHALT.10 < styles.content.editPanelPage
                      INHALT.20 < styles.content.get
                      }
        }

plugin.tt_news.general_stdWrap.editPanel = 1 
plugin.tt_news.general_stdWrap.editPanel.allow = edit, new, hide, delete

######################
####### MARKS #########
######################

page.10.template.file = fileadmin/system/templates/standard.html

page {

   typeNum = 0

   headerData = COA
   headerData.10 = TEXT
   headerData.10.value = <script type="text/javascript" src="fileadmin/system/wortelboer/navi.js"></script>

   #bodyTag = <body class="body"> - wird nicht benötigt

   10 = TEMPLATE
   10.template = FILE
   10.workOnSubpart = DOKUMENT

   10.marks {
   
      HEADER = IMAGE
      HEADER {
                  wrap = <div id="imagebox">|</div>
                  file {
                 	import.field = media
                     	import = uploads/media/
      	          	import.listNum = 0
	          	import.override.data = levelmedia: -1, slide
	          	#width = 980
	          	#height = 200
	          	alttext = TEXT
	          	alttext.field = subtitle//title
	          	}
	          }

	MAINNAV = HMENU
	MAINNAV {
		    excludeUidList = 55
		    special = directory
		    special.value = 10
		    wrap = <div id="mainnavbox"><div class="mainmenu">|</div></div>
		    1 = TMENU
		    1 {
			wrap = <ul>|</ul>
			expAll = 1
			NO.ATagTitle.field = subtitle//title
			NO.wrapItemAndSub = <li class="blue">|</li>||<li class="green">|</li>||<li class="orange">|</li>||<li class="yellow">|</li>
			NO.stdWrap.prepend = COA
			NO.stdWrap.prepend.10.wrap = ~  |
			IFSUB = 1
			IFSUB {
				  wrapItemAndSub = <li class="blue">|</li>||<li class="green">|</li>||<li class="orange">|</li>||<li class="yellow">|</li>
				  allWrap = | <!--<![endif]-->
				  linkWrap = |<!--[if IE 7]><!-->
				  ATagBeforeWrap = 0
				  }
	 		ACT < .NO
			ACT = 1
			ACT.ATagParams = class=maindropact
			ACTIFSUB < .IFSUB
			ACTIFSUB.ATagParams = class=maindropact
	 		CUR < .NO
			CUR = 1
			CUR.ATagParams = class=maindropact
			CURIFSUB < .IFSUB
			CURIFSUB.ATagParams = class=maindropact
			}
		    2 = TMENU
		    2 {
			wrap = <!--[if lte IE 6]><table><tr><td><![endif]--><ul>|</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
			expAll = 1
			NO.ATagTitle.field = subtitle//title
			NO.wrapItemAndSub = <li>|</li>
			IFSUB = 1
			IFSUB {
				  wrapItemAndSub = <li>|</li>
				  allWrap = | <!--<![endif]-->
				  linkWrap = |<!--[if IE 7]><!-->
				  ATagBeforeWrap = 1
				  ATagParams = class=maindrop
				  }
	 		ACT < .NO
			ACT = 1
			ACT.ATagParams = class=dropact
			ACTIFSUB < .IFSUB
			ACTIFSUB.ATagParams = class=dropact
	 		CUR < .NO
			CUR = 1
			CUR.ATagParams = class=dropact
			CURIFSUB < .IFSUB
			CURIFSUB.ATagParams = class=dropact
			}
		    3 = TMENU
		    3 {
			wrap = <!--[if lte IE 6]><table><tr><td><![endif]--><ul>|</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
			expAll = 1
			NO.ATagTitle.field = subtitle//title
			NO.wrapItemAndSub = <li>|</li>
			IFSUB = 1
			IFSUB {
				  wrapItemAndSub = <li>|</li>
				  allWrap = | <!--<![endif]-->
				  linkWrap = |<!--[if IE 7]><!-->
				  ATagBeforeWrap = 1
				  ATagParams = class=maindrop
				  }
			ACT < .NO
			ACT = 1
			ACT.ATagParams = class=dropact
			}
		      }	

	lib.demo_ts < temp.css_menu

        PICNAV = HMENU
        PICNAV {
                   wrap = |
                   special = directory
                   #entryLevel = 
                   #maxItems = 
                   1 = TMENU
                   1 {
                       #expAll = 1
                       wrap = <ul class="picnav">|</ul>
                       NO = 1
                       NO {
                            allWrap = <li>|</li>
                            linkWrap = <div>|</div>
                            beforeImgLink = 1
                            beforeImg = IMAGE
                            beforeImg = GIFBUILDER
                            beforeImg {
             		                    format = jpg
             		                    XY = 163,120
             		                    10 = IMAGE
             		                    10.file {
             		                    	      	import = uploads/media/
			                              	import.field = media
			                              	import.listNum = 0
		             		                width = 163c
             				                height = 120c
	                                    	      	}
	                                    }
                            }
			ACT = 1
			ACT {
				allWrap = <li class="picactive">|</li>
                                linkWrap = <div>|</div>
                            	beforeImgLink = 1
                            	beforeImg = IMAGE
                            	beforeImg = GIFBUILDER
                           	beforeImg {
             		                	format = jpg
             		                    	XY = 163,120
             		                    	10 = IMAGE
             		                    	10.file {
             		                    	      	  import = uploads/media/
			                              	  import.field = media
			                                  import.listNum = 0
		             		                  width = 163c
             				                  height = 120c
	                                    	      	  }
	                                      }
				}
			CUR = 1
			CUR {
 			        allWrap = <li class="picactive">|</li>
                                linkWrap = <div>|</div>
                            	beforeImgLink = 1
                            	beforeImg = IMAGE
                            	beforeImg = GIFBUILDER
                           	beforeImg {
             		                	format = jpg
             		                    	XY = 163,120
             		                    	10 = IMAGE
             		                    	10.file {
             		                    	      	  import = uploads/media/
			                              	  import.field = media
			                                  import.listNum = 0
		             		                  width = 163c
             				                  height = 120c
	                                    	      	  }
	                                      }
				}

                       }
                   }

        KONTAKTNAV = HMENU
        KONTAKTNAV {
	              wrap = |
	              special = directory
	              special.value = 55
	              1 = TMENU
	              1 {
	                 expAll = 1
	                 wrap = <ul class="kontaktnav">|</ul>
	                 NO = 1
	                 NO.allWrap = <li>|</li>||<li>|</li><li>|</li>
	                 ACT = 1
	                 ACT.linkWrap = <li>|</li>||<li>|</li><li class="kontaktactive">|</li>
	                 CUR = 1
	                 CUR.linkWrap = <li>|</li>||<li>|</li><li class="kontaktactive">|</li>
	                 }
	              }

         QUICKBOX = CONTENT
         QUICKBOX {
            wrap = <div class="quickcont">|</div>
            table = tt_content
            select {
            pidInList = this
            orderBy = sorting
            where = colPos = 2
            }
         }

	IMAGE = CONTENT
	IMAGE {
		    wrap = |
	       	    table = tt_content
	    	    slide = -1
		    slide {
		   	    collect = -2
		  	    collectReverse = 1
			    }
	      	    select {
		    	     orderBy = sorting
			     where = colPos = 3
			     languageField = sys_language_uid
			     }
		    }

         TEXTBOX = CONTENT
         TEXTBOX {
            wrap = <div class="text">|</div>
            table = tt_content
            select {
            	     pidInList = this
	             orderBy = sorting
	             where = colPos = 0
		     languageField = sys_language_uid
	             }
           }

	COTEXT = CONTENT
	COTEXT {
		    wrap = |
	       	    table = tt_content
	    	    slide = -1
		    slide {
		   	    collect = -2
		  	    collectReverse = 1
			    }
	      	    select {
		    	     orderBy = sorting
			     where = colPos = 1
			     languageField = sys_language_uid
			     }
		    }

         ANNO = CONTENT
         ANNO {
            wrap = |
            table = tt_content
            select {
            pidInList = this
            orderBy = sorting
            where = colPos = 2
            }
         }

         CONAVBOX = CONTENT
         CONAVBOX {
            wrap = <div class="conavbox">|</div>
            table = tt_content
            select {
            pidInList = this
            orderBy = sorting
            where = colPos = 3
            }
         }
      }
   }

######################
###### TT-NEWS ########
######################

# tt_news configuration

plugin.tt_news.pid_list >
plugin.tt_news.pid_list = 433

plugin.tt_news {

  _LOCAL_LANG.de.latestHeader = Aktuelles
  _LOCAL_LANG.de.search = suchen
  _LOCAL_LANG.de.more = mehr

  templateFile = fileadmin/system/templates/news.tmpl

  displaySingle {
    image {
    imageLightbox2 = 1
    imageLightbox2.imageset = 1
    }
  }

  archiveTitleCObject {
    10.strftime = %B - %Y
  }

  getRelatedCObject {
      20.strftime = %d.%m.%Y %H:%M
  }

  displaySingle {
    date_stdWrap.strftime= %d.%m.%y
    time_stdWrap.strftime= %H:%M
    age_stdWrap.age =  Minuten | Stunden | Tage | Jahre
  }

  displayLatest {
    date_stdWrap.strftime= %d.%m.%y
    time_stdWrap.strftime= %H:%M
  }

  displayList {
    date_stdWrap.strftime= %A %d. %B %Y
    time_stdWrap.strftime= %d.%m.%y %H:%M
  }
}

}

######################
####### LOGIN #########
######################

plugin.tx_newloginbox_pi1.templateFile = fileadmin/system/templates/login.tmpl
plugin.tx_newloginbox_pi1.storagePid = 61
plugin.tx_newloginbox_pi1._LOCAL_LANG.de {
								username = Benutzername
								password = Passwort
								login = anmelden
								send_password = senden
								}

LG

SomehowLost ·

Ufff, das mal ein langes TS-Template 😉
Da hast Du Dir echt was vorgenommen

Zur Frage:
Am besten direkt unter

page = PAGE

also:

page = PAGE
page.shortcutIcon = fileadmin/favicon.ico

Gruß

SomehowLost ·

Lösch den Typo3 Cache.

je nach Version:
4.2.x Oben rechts Blitz (klicken -> clear all cache)
4.1.x Unten links (-> clear FE Cache)

Als ich grad auf Deine Seite geguckt hab, war das Favicon zumindest da 🙂

Gruß

dende ·

ne..bei mir zeigt ers einfach nicht an...wie sah denn das favicon aus? war das das blaue Logo??
Weil das hatte ich halt erstellt.

argh...ätzend...muss ich normalerweiße Firefox schließen wenn ich halt im Firefox STRG+UMSCHALT+ENTF drücke und private daten lösche???

SomehowLost ·

Also ich sehe ein Blaues Logo. Das Problem liegt darin, dass die Seite in einem Frame eingebunden ist. Du musst dann auf der Seite mit den ganzen Frames das Favicon einbinden.

Schaust Du hier:
http://tsg.kundendienst-zfmedia.de/index.php?id=56

Du hast das Favicon also schonmal richtig eingebunden. Nur noch das Ganze auf der Frameseite. Allerdings kann ich Dir nicht sagen, wo Du diese Findest.

Gruß

dende ·

soo..nochma zusammengefasst:
wenn ich unter Dateiliste gehen zeigt er mir die Baumansicht rechts an

[fileadmin/]:

Dateiname Typ Datum Größe RW Ref
bilder 14-03-09 RW
dokumente 14-03-09 RW
import 14-03-09 RW
system 14-03-09 RW
TSconfig 14-03-09 RW
user_upload 14-03-09 RW
TEMP 14-03-09 RW


favicon.ico ICO 10-08-09 1.1 K RW 1

8 File(s), 1.1 Kbytes

is ja denke ma soweit richtig..also wieso geht das mitdem favicon nicht..muss ja nur
page.shortcutIcon = fileadmin/favicon.ico

im SETUP als 2te Zeile eintragen.

SomehowLost ·

siehe Anwort 9 😉

Wie gesagt. Die Seite ist in einem Frame (sorry, das ich Dir das nicht früher gesagt habe. Ich lass mir die Frames jedoch nie ausgeben sondern schau mir immer nur die richtige Seite an, wegen Fehlersuche etc.. Da war dann Dein Favicon drin).

Also einfach noch auf der Frameseite das Ding rein und juht ist 🙂

dende ·

hmm bin hier am hin und her suchen..finde aber nix...also mit FIREBUG von Firefox finde ich die zeile:

<html>
<head>
</head>
<frameset rows="100%">
<frame noresize="noresize" frameborder="0" title="TSG" src="http://tsg.kundendienst-zfmedia.de/">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
</html>
</frame>
<noframes> <body> <h1>TSG</h1> <p><a href="http://tsg.kundendienst-zfmedia.de/">http://tsgdive.de/</a></p> </body> </noframes>
</frameset>
</html>
SomehowLost ·

Nimm mal diesen Code:

<html>
<head>
<title>TSG</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="SHORTCUT ICON" href="http://tsg.kundendienst-zfmedia.de/fileadmin/favicon.ico" />
</head>
<frameset rows="100%">
<frame src="http://tsg.kundendienst-zfmedia.de/" title="TSG" frameborder="0" noresize="noresize"/>
<noframes>
<body>
<h1>TSG</h1>
<p><a href="http://tsg.kundendienst-zfmedia.de/">http://tsgdive.de/</a></p>
</body>
</noframes>
</frameset>
</html>

Damit sollte Dein Problem erledigt sein 🙂

Gruß

dende ·

hey..also wenn ich den hintergrund von der seite mit firebug untersuche kommt halt der code...aber in der Dateiliste find ich die nicht...
In firebug steht auf der rechten Seite steht nur was mit Page.css(Zeile11), aber wenn ich die öffne mit typo, dann steht der besagte code nicht drin...
Ich bin ratlos 😢

SomehowLost ·

don't panic 🙂

also folgendes:
diese Seite mit den Frames ist eine statische HTML Seite, d.h. sie befindet sich irgendwo auf einem Webserver. In Deinem Fall besteht scheinbar das Problem, dass die Framesite auf einem anderen Server mit einer andere IP liegt als die innerhalb des Frames. Du musst also nur herausfinden, wo die Framesite liegt. Das hat mit Typo3 nichts zu tun.

Am besten Du führst mal einen nslookup durch um zu gucken, wo die beiden Seiten sind. Danach kannst Du prüfen ob Du einen FTP Zugang für die Seite/IP hast und diese danach bearbeiten.