Zum Inhalt springen

Grundsätzliches

Erstellt am 7. März 2007 · 10 Antworten · letzte Antwort am 8. März 2007

Tags: Frage

keithkeith ·

Hallo Leute !
Ich bin absoluter Anfänger und habe da mal ein paar Fragen !

Also, ich habe es tatsächlich geschaft eine Seite zu bauen mit template und externer css

nun möchte ich ein hintergrundbild hinter das gesamte gerüst einfügen, habe zu diesem zweck ein bild hochgeladen und im css
folgende zeile eingefügt !

background-image:url(fileadmin/images/pagebg.jpg);

also so:

body {
text-align:center;
background:url("fileadmin/images/pagebg.jpg");
}

leider funktioniert das nicht ???

das sollte für heute für mich ausreichen...

danke im voraus liebe grüße....martin

just2b ·

Hallo,

wenn das CSS file direkt im typo3-ordner liegt, dann sollte das schon passen... sonst gibt den pfad relativ zum css-file an

lg georg

keithkeith ·

hallochen :-)

es liegt im fileadmin/css/site.css

und das ist der inhalt der datei

body {
text-align:center;
background:url("fileadmin/images/pagebg.jpg");
}

#komplett {
margin:30px auto;
width:788px;
text-align:left;
}

#header {
height:70px;
background: #C1C09F;
}
#menuline {
height:18px;
color: #fff;
background: #B0AF84;
font-family:Arial, sans-serif; font-size:10pt;
}
#left {
width:140px;
float:left;
background:#979662;
font-family:Arial, sans-serif; font-size:10pt;
}
#content {
float:left;
}
#footer {
clear:left;
background:#7D7C51;
color:#fff;
height:16px;
}

/* #### Menu ##################################################################################################### */

* {margin:0;padding:0;}
/* topmenu */
#menuline ul {list-style:none;}
#menuline ul li {display:inline;padding:2px 8px;}
#menuline ul li a {color:#000000;background:#FFFFFF;padding:2px 4px}
#menuline ul li.topnavi-aktiv a {background:#FF0000;}

/* leftmenu */
#left ul {list-style:none;margin-top:8px;}
#left ul li {padding-left:6px;}
#left ul li ul {margin-top:0;}
#left ul li ul li {padding-left:12px;}

/* ############################################################################################################## */

bloß nicht böse sein, ich bin absoluter neuling auf dem gebiet !

;-)

danke ...LG ...Martin

keithkeith ·

....und ! ich hab' es mit:

background-image:url("fileadmin/images/pagebg.jpg"); und
ohne background:url("fileadmin/images/pagebg.jpg"); versucht !

just2b ·

Hallo,

einfach das nächstemal das machen was ich schon gesagt habe...

wenn das CSS file direkt im typo3-ordner liegt, dann sollte das schon passen... sonst gibt den pfad relativ zum css-file an

wenn die Datei in fileadmin/css/site.css liegt und das Bild in fileadmin/images/pagebg.jpg, dann funktioniert das Bild nur wenn es hier liegT:

fileadmin/css/fileadmin/images/pagebg.jpg

du musst also entweder dort das bild speichern oder den pfad relativ angeben (ich wiederhol mich gerne)

../images/pagebg.jpg

und @ andré: Bitte nicht mit falscher Information verwirren. unter background kann man alles schön zusammenfassen, das ist schon korrekt so

georg

keithkeith ·

SUPER DANKE !!!
Ich muss erstmal ein Gefühl für das menue entwickeln,
hab sogar probleme bestimmte menues nach ner halben stunde wiederzufinden :-)

Verstehe ich das eigentlich richtig ?

im CSS entwickel ich das Layout !
im html das grundgerüßt !
im TS den eigentlichen Quellcode !
im Typo"menue" die inhalte !

ist es richtig, dass die seiten in typo3 nicht mit framesets gebaut werden, sonder in divcontainern ?

was ist denn wenn ich die navigation nicht links und oben, sondern rechts und unten haben möchte ?

in den meißten ( allen ) beispielen ist die navi links und oben !

so sieht mein ts aus im moment ( alles aus einem tutorial )

page = PAGE
page {
	#bodyTag = <body>
	includeCSS {  
    	file1 = fileadmin/css/site.css
	}
	
	10 = TEMPLATE
	10 {
    	template = FILE
    	template.file = fileadmin/templates/template.html

    	workOnSubpart = DOKUMENT
		marks{
		
			INHALT < styles.content.get
			
			LOGO =
			
			TOPMENU = HMENU
			TOPMENU {
				special = directory
				special.value = 11
				1 = TMENU
				1.wrap=<ul>|</ul>
				1.noBlur = 1
				
				1.NO = 1
				1.NO.ATagTitle.field = title
				1.NO.linkWrap = <li>|</li>
				
				1.ACT = 1
				1.ACT < .NO
				1.ACT.doNotLinkIt = 1
				1.ACT.allWrap = <li id="topnavi-aktiv">|</li> 
			}
			
			LINKS = HMENU
			LINKS {
				special = directory
				special.value = 17
				entryLevel = 1
				
				1 = TMENU
				1.wrap= <ul>|</ul>
				1.noBlur = 1
				
				1.NO = 1
				1.NO.ATagTitle.field = title
				1.NO.linkWrap = <li>|</li>
				
				1.ACT = 1
				1.ACT < .NO
				1.ACT.doNotLinkIt = 1
				1.ACT.allWrap = <li id="leftnavi-aktiv">|</li> 
				
				2 = TMENU
				2.noBlur = 1
				2.wrap = <li><ul>|</ul></li>
				2.noBlur = 1
				
				2.NO = 1
				2.NO.ATagTitle.field = title
				2.NO.linkWrap = <li>|</li>
				
				2.ACT = 1 
				2.ACT < .2.NO
				2.ACT.doNotLinkIt = 1
				2.ACT.allWrap = <li id="leftnavi-sub-aktiv">|</li> 
				
			}
			
		}
	}
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" href="../css/site.css" media="screen,projection">
<title></title>

</head>

<body>
<!-- ###DOKUMENT### start -->
<div id="komplett">
	<div id="header">###LOGO###</div>
	<div id="menuline">###TOPMENU###</div>
	<div id="left">###LINKS###</div>
	<div id="content">###INHALT###</div>
	<div id="footer">###FOOTER###</div>
</div>
<!-- ###DOKUMENT### end -->
</body>
</html>

... und hier verstehe ich nicht wo genau festgelegt wird wo sich die navigation befindet ??

wie immer nicht böse sein.....LG.....Martin

just2b ·

Hallo,

ist eigentlich fast richtig. Mit TS sagst du wie ein Menü ausschauen soll und TYPO3 macht dir dann das html dafür.

Frames sind einfach veraltet, du kannst aber immer noch Tabellen nehmen, wenn du dir damit leichter tust. Mit css & divs muss man sich wirklich auskennen, sonst kommt man nicht weiter damit.

wenn du die navi an einer anderen stelle haben willst, dann setz den Marker im Template an diese Stelle

lg georg