Installation Webconsulting keine Grafiken

[deluxe04]

Hallo,
ich habe kürzlich Typolight von der beim Handbuch beigelegten CD installiert und gleich das Webconsulting. Mein Problem ist, dass keine Grafiken mitgeliefert wurden. Auf CD ist sonst auch nur die SQL dabei beigelegt ..

Kann mir bitte jemand auf die Sprünge helfen wo ich die herbekomme?


Mfg

[planepix]

Hallo deluxe04,

willkommen im TYPOlight-Forum.
Die auf der CD fehlenden Bilder kannst Du hier herunterladen.

Es handelt sich um die Erstauflage, richtig?

[deluxe04]

kann gut sein die auflage ist von 2008

vielen dank

[planepix]

Gerne doch. Wünsche einen guten Start.

[deluxe04]

eine weitere frage
nun habe ich manuell die dateien auf die neueste versino aktualisiert
wenn ich nun einen link anklicke verkleinert sich der text
habe ich was falsch gemacht ? die dateien wurden mit cyberduck synchronisiert

[planepix]

Das Template wurde für die zur Drucklegung aktuellen Version 2.6.7 geliefert.
Mit der Einführung der Version 2.7 wurde einige Anpassungen gemacht.

Details zu den Anpassungen findest Du hier:
https://contao.org/neuigkeiten/items...ght_2-7-0.html
https://contao.org/board/topic/10681.html
https://contao.org/board/topic/11350.html

[deluxe04]

ok danke habe ich mir jetzt angeschaut weiß aber immernochnicht was ich ändern muss ?? war das vorgenommene update überhaupt notwendig ? ich habe nicht viel ahnung vom programmieren und wollte eigtl lediglich den umgang mit dem cms erlernen - ist die veränderung sehr aufwendig ?

[planepix]

Hallo deluxe04,

in dem Fall (Veränderung des aktiven Menüpunktes in der Hauptnavigation) ist der p-Tag im CSS-Dokument zu ändern in einen span.active-Tag.

.mod_navigation span.active anstatt .mod_navigation p

[deluxe04]

in der webconsulting.css findet sich kein .mod_navigation
das naheliegenste sieht wie folgt aus

#mainmenu{width:969px;top:54px;position:absolute;border-left:1px solid #c6c6c6;}
#mainmenu li{float:left;}
#mainmenu a{display:block;padding:8px 18px 9px 18px;border-right:1px solid #c6c6c6;font-weight:bold;text-decoration:none;color:#808080;line-height:1;}
#mainmenu a:hover{background:url("tl_files/webconsulting/menu.jpg") left top repeat-x;color:#333333;}
#mainmenu p{padding:8px 18px 9px 18px;background:url("tl_files/webconsulting/menu.jpg") left top repeat-x;border-right:1px solid #c6c6c6;font-weight:bold;line-height:1;}
* html #mainmenu a,* html #mainmenu p{padding-top:9px;padding-bottom:8px;}
*:first-child+html #mainmenu a,*:first-child+html #mainmenu p{padding-top:9px;padding-bottom:8px;}
#mainmenu li.login,#mainmenu li.register{float:right;}
#mainmenu a.login{padding-left:36px;background:url("tl_files/webconsulting/login.jpg") left center no-repeat;border-left:1px solid #c6c6c6;}
#mainmenu a.login:hover{background:url("tl_files/webconsulting/login_active.jpg") left center no-repeat;}
#mainmenu p.login{padding-left:36px;background:url("tl_files/webconsulting/login_active.jpg") left center no-repeat;border-left:1px solid #c6c6c6;}
#mainmenu a.register{padding-left:36px;background:url("tl_files/webconsulting/register.jpg") left center no-repeat;}
#mainmenu a.register:hover{background:url("tl_files/webconsulting/register_active.jpg") left center no-repeat;}
#mainmenu p.register{padding-left:36px;background:url("tl_files/webconsulting/register_active.jpg") left center no-repeat;}

soll ich jetzt hier jedes p durch span.active ersetzen ?

[planepix]

Hallo deluxe04,

wenn Du den Link noch einmal nennen kannst, unter dem die Seite zu sehen ist, dann kann ich es genau spezifizieren.

[deluxe04]

http://alturl.com/fnkx

[Liebei]

Du ersetzt einfach .mod_navigation durch #mainmenu, ansonsten so wie es planepix beschrieben hat.

Alle #mainmenu p mit #mainmenu span.active ersetzen!

[deluxe04]

ok danke jetzt sieht es schon besser aus
einen fehler gibt es jetzt noch : der button rutscht nach oben
wie behebe ich das nun ?

der code sieht jetzt so aus

#mainmenu{width:969px;top:54px;position:absolute;border-left:1px solid #c6c6c6;}
#mainmenu li{float:left;}
#mainmenu a{display:block;padding:8px 18px 9px 18px;border-right:1px solid #c6c6c6;font-weight:bold;text-decoration:none;color:#808080;line-height:1;}
#mainmenu a:hover{background:url("tl_files/webconsulting/menu.jpg") left top repeat-x;color:#333333;}
#mainmenu span.active{padding:8px 18px 9px 18px;background:url("tl_files/webconsulting/menu.jpg") left top repeat-x;border-right:1px solid #c6c6c6;font-weight:bold;line-height:1;}
* html #mainmenu a,* html #mainmenu span.active{padding-top:9px;padding-bottom:8px;}
*:first-child+html #mainmenu a,*:first-child+html #mainmenu span.active{padding-top:9px;padding-bottom:8px;}
#mainmenu li.login,#mainmenu li.register{float:right;}
#mainmenu a.login{padding-left:36px;background:url("tl_files/webconsulting/login.jpg") left center no-repeat;border-left:1px solid #c6c6c6;}
#mainmenu a.login:hover{background:url("tl_files/webconsulting/login_active.jpg") left center no-repeat;}
#mainmenu span.active.login{padding-left:36px;background:url("tl_files/webconsulting/login_active.jpg") left center no-repeat;border-left:1px solid #c6c6c6;}
#mainmenu a.register{padding-left:36px;background:url("tl_files/webconsulting/register.jpg") left center no-repeat;}
#mainmenu a.register:hover{background:url("tl_files/webconsulting/register_active.jpg") left center no-repeat;}
#mainmenu span.active.register{padding-left:36px;background:url("tl_files/webconsulting/register_active.jpg") left center no-repeat;}

hat das was mit top left zutun ?