Hallo zusammen,
habe folgende 2 probleme:
1. meine CSS-Datei funktioniert mit typo3 irgendwie nicht,im Mozilla ist die Darstellung korrekt, aber nicht im IE. die css-datei ist ausgelagert stylesheet = fileadmin/template/style.css. wenn ich die dateiinhalte (html + css) ohne typo3 anzeige lasse, funktioniert alles im IE + Mozilla. warum geht das mit typo3 nicht richtig ?
HP: http://galerifi.phone.hl-users.com/style
CSS:http://galerifi.phone.hl-users.com/style/fileadmin/template/style.css
HTML: http://galerifi.phone.hl-users.com/style/fileadmin/template/habweb.htm
HTML + CSS zusammen, ohne typo3 funktionierts:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>habileté e.V. | Kultur- und Kunstverein</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body, html {
color: #000;
font: 11px verdana, arial, helvetica, sans-serif;
}
a:link {text-decoration:none; color:#000000; font-weight:bold; font-size:10px;}
a:visited {text-decoration:none; color:#000000; font-weight:bold; font-size:10px;}
a:hover {text-decoration:none; color:#be3721; font-size:10px;}
a:active {text-decoration:none; color:#000000; font-weight:bold; font-size:10px;}
h1 {
font-size: 15px;
margin: 0 0 0em; padding: 0em;
text-align: center; /* Überschriften CONTENT */
font-variant:small-caps;
}
h2 {
font-size: 15px;
margin: 0 0 0em; padding: 0em;
text-align: left; /* Überschriften CONTENT */
font-variant:small-caps;
}
h3 {
font-size: 11px;
color: #be3721;
margin: 0 0 0em; padding: 0em;
text-align: left; /* Überschriften CONTENT */
}
/* CONTAINER ANFANG*/
#center {
text-align: center;
margin: 0 auto;
width: 800px;
border-style: solid;
border-width: 1px;
}
#head {
text-align: left;
width: 800px;
height: 176px;
padding-top: 0px;
padding-left: 0px;
background: #FFFFFF;
background: #fff;
}
#navigation1 {
text-align: left;
vertical-align:middle;
width: 800px;
height: 16px;
font: 11px verdana, arial, helvetica, sans-serif;
text-indent: 240px;
background: #d8d8d8;
color: #000000;
padding-top: 0px;
background: #FFFFFF;
border-style: solid;
border-width: 1px;
}
#navigation2{
margin: 0 auto;
text-align: left;
float: left;
width: 150px;
height: 700px;
line-height: 140%;
padding-left: 50px;
padding-top: 45px;
text-align: block;
background: #FFFFFF;
border-style: solid;
border-width: 1px;
}
#content {
margin: 0 auto;
text-align: left;
float: right;
width: 506px;
min-height:700px;
line-height: 140%;
background: #FFFFFF;
padding-top: 45px;
padding-left: 40px;
padding-right: 50px;
}
#footer {
clear: both;
text-align: center;
width: 800px;
height: 16px;
background: #d8d8d8;
padding-top: 2px;
border-top: 1px solid;
}
/* CONTAINER ENDE*/
</style>
</head>
<body>
<br />
<div id="center">
<div id="head">###head###</div>
<div id="navigation1">###navigation1###</div>
<div id="navigation2">###navigation2###</div>
<div id="content">###content###</div>
<div id="footer">###footer###</div>
</div>
<br />
</body>
</html>
2. wie mache ich denn genau ein internen link? ich möchte gerne , dass sich beim anklicken des Wortes "Der Verein" sich die 2. Navigation (neben dem Content die Spalte) mit neuen Links öffnet, ohne dass sich der content ändert. natürlich soll dann beim anklicken eines links in der 2.Navigation dann "nur" der content verändert werden.
d.h. ich muss irgendwelche links mit id`s einfügen, weiß aber leider nicht wo und wie #angry#
ich hoffe ihr könnt mir helfen, danke schonmal im vorraus
viele grüße steffi
Hai Steffi.
warum geht das mit typo3 nicht richtig ?
Die Frontendausgabe von TYPO3 ist sehr wahrscheinlich nicht dieselbe. Das kann am Head-Bereich liegen, am Wrapping einzelner Elemente oder ganz einfach an der individuellen CSS-Interpretation von Browsern.
Wird entweder am Head oder CSS liegen.
dass sich beim anklicken des Wortes "Der Verein" sich die 2. Navigation (neben dem Content die Spalte) mit neuen Links öffnet, ohne dass sich der content ändert.
Grundlegend besitzt 1 Page auch ihren eigenen Content. Wenn Du auf der Hauptseite u. Unterseiten den gleichen Content haben möchtest, gibt es unterschiedliche Ansätze:
- Shortcut (die Hauptseite direkt als/unter 1. Unterseite aufrufen)
- Show content from page
- TypoScript
- Contents kopieren
Ersteres wäre wohl am einfachsten.
grüsse
zu 1:
Setz mit
config.doctype = <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
im TypoScript den Doctype dann gehts.
Ohne richtigen Doctype (mit Url zur DTD) wird CSS von IE bzw. Firefox unterschiedlich interpretiert.
http://www.stichpunkt.de/css/css-tipps.html#doctype (interessant)
http://hsivonen.iki.fi/doctype/ (in welchen Modus gehen Browser bei welchem Doctype)
miwolfram schrieb
zu 1:
Setz mit
config.doctype = <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
im TypoScript den Doctype dann gehts.
Hallo, hatte den Doctype (so wie deiner war) eigentlich schon in der HTML-Datei mit richtiger verlinkung (loose.dtd) gesetzt. sieht man nur irgendwie nicht im quelltext. im mozilla wird die zeile <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" rot angezeigt (was soll das denn bedeuten?) und die verlinkung fehlt vollständig. komisch.
habe deine config.zeile versucht einzugeben, aber funktioniert nicht. ist doch richtig, wenn ich es vor der seite{ einfüge, oder?
config.doctype = <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd" >
seite = PAGE
seite {
typeNum = 0
bodyTag = <body bgcolor="#ffffff">
bla bla bla rest
habe es auch schon nach dem seite{ probiert, aber geht auch net
jetzt sind im typo und in meiner html-datei der doctype definiert.
aber es geht einfach nicht.
bitte helft mir!
toyde schrieb
Grundlegend besitzt 1 Page auch ihren eigenen Content. Wenn Du auf der Hauptseite u. Unterseiten den gleichen Content haben möchtest, gibt es unterschiedliche Ansätze:
- Shortcut (die Hauptseite direkt als/unter 1. Unterseite aufrufen)
hi,
also ich versteh das noch nicht ganz. habe ja schon das forum durchsucht und irgendwie find ich die antwort trotzdem nicht. deswegen wäre es schön, wenn du mir das nochmal genauer erklären könntest oder mir nen link geben kannst, wo das irgendwie steht.
die "1. unterseite"?! .....das ist mir schon ein rätsel. wie kann ich denn die 1. unterseite formatieren oder mir die eigenschaften (z.B. das die unterseite im Bereich LINKS oder NORMAL angeordnet wird) dazu anschauen? ich hatte ja, wie in der doku von robert meyer, meine ganzen überbegriffe (wie navigation1) als shortcut gesetzt und das hatte ja auch funktioniert. wenn ich nun aber "Home" als Shortcut setze und den shortcut-modus "erste unterseite" eingebe und den shortcut mit einer vorhanden seite verknüpfe, kommt eine fehlermeldung: The requested page didn't have a proper connection to the tree-root!() (kann das sein, dass ein shortcut nicht zu einer seite gesetzt werden kann, welche ebenso ein shortcut ist?.
wie gesagt, ich versteh das prinzip der unterseite nicht ganz und wäre froh wenn du mir eine schrittfolge geben kannst oder wenigstens einenn aussagefähigen link
hier ist meine aufteilung in typo3:
habweb (global)
-root (template) (Shortcut zu "Home")
- navigation 1 (Shortcut zu "Home")
:Home (hier ist der willkommenstext + links eine Newsübersicht)
😃er Verein (beim klicken soll sich nur links die newsübersicht zu einer 2. navigation ändern, und links dargestellt werden, die beim abklicken den content ändern))
:projekte (wie bei "Der Verein")
:presse (wie bei "Der Verein")
:partner (normaler Contentbereich ohne 2.navigation)
:Kontakt (normaler Contentbereich ohne 2.navigation)
- navigation 2 (zum testen^^)
:Test1
:Test2
Home wird dann natürlich als erste seite angezeigt
ich hoffe du kannst damit was anfangen und mir helfen. natürlich freu ich mich auch sehr um antworten anderer user.
Danke schonmal,
bis denne[/list]
Hi Stephanie.
@DocType Problem:
Das Hightlighting im Mozilla-Quellcode ist rot, weil der DocType falsch ausgegeben wird. Hast Du beim einfügen des Codes darauf geachtet, dass dieser auch als Einzeiler drinsteht? (keine Umbrüche!)
@Contents:
Es waren schlichtweg einige Tipps, wie Du deine Content-Verwaltung hinbekommst. Wenn eine "Hauptseite" (bei Dir "Verein", "Projekte") Unterseiten beinhaltet, dann setze die Hauptseiten als Shortcut auf die jeweilige Seite darunter. Punkt. #paralyzed#
Shortcuts, wie Du selbst beobachtest, dürfen logischerweise nicht auf weitere Shortcuts verwiesen werden (wär ja auch Unsinn, wenn schon Shortcut, dann direkt).
grüsse
toyde schrieb
@DocType Problem:
Das Hightlighting im Mozilla-Quellcode ist rot, weil der DocType falsch ausgegeben wird. Hast Du beim einfügen des Codes darauf geachtet, dass dieser auch als Einzeiler drinsteht? (keine Umbrüche!)
also in der HTML-Datei sieht das so aus:http://galerifi.phone.hl-users.com/style/fileadmin/template/habweb.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
soll das falsch sein? ist da ein umbruch drin? mhh komisch, weil doch das immer so angegeben wird, oder nicht?
Liebe Steffi,
es geht hier nicht um den HTML-Quellcode:
config.doctype = <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Das ist TypoScript und config.doctype erwartet eine einzeilige Eingabe
ah schön ES FUNKTIONIERT!
Danke!
das mit dem shortcut zeug probier ich jetzt nochmal aus, kann ja nicht so schwer sein
DU BIST ABER FIX!