GPL Software xt eCommerce Templates Module SEO Support: : Problem Mit Yaml Template

[Mythbuster]

Nach langem grübeln hab ich mich schliesslich zu Beginn dieser Woche entschlossen, meinen gesamten Shop Tabellenfrei zu machen. Da es ja das kostenlose Template für XTC von YAML gibt, habe ich dieses als Vorlage zum Umbau verwendet. Obwohl ich schon vieles an meinem Shop selber gebastelt habe, sind mir DIV's noch immer etwas fremd. So begreife ich auch heute noch nicht, wie man in einem Div Spalten einrnichten kann. Zur Zeit poistioniere ich alles über den css Befehl margin.

Soviel zu meinen bescheidenen Fähigkeiten. Nun gut, was mich momentan schon zwei Tage in Atem hält, ist die Umgestaltung meiner Tabellenfreien Index.html.

Dabei möchte ich lediglich das Attribut {$navtrail} über css poistionieren. Dieses soll in einem Div, in welchem ich ein Hintergrund Bild verwende poistioniert werden. Ich mach dabei jedoch gleich die Schraube. Manchmal öffne ich ein Div zuviel dann wieder eines zu wenig, dann habe ich ein Abstand, etc. etc.

Wer könnte mir kurz meine index.html durchsehen und mir sagen, wo ich ein div zuviel habe? Ich hoffe man erkennt anhand des Quelltextes was ich in etwa vor habe. Ich wäre dem, bzw. der enorm dankbar. Dann könnte ich nämlich mit meinem 999 restlichen umbau Aufgaben fortfahren

{config_load file="$language/lang_$language.conf" section="index"}
<div id="page_margins">
<div id="page" class="hold_floats">

<div id="header">
****{$tpl_path}img/banner_links_oben.gif
<div id="teaser" class="clearfix"/>{$navtrail}
</div></div>
****
<div id="main">
<a id="content" name="content"></a>


****<div id="col1">
******<div id="col1_content" class="clearfix">
****************{$box_CATEGORIES}{$box_ADD_QUICKIE }{$box_CONTENT}{$box_INFORMATION}{$box_LAST_VIEWED }{$box_REVIEWS}{$box_SEARCH}{$box_SPECIALS}{$box_W HATSNEW}
**********</div>
****</div>



****<div id="col2">
******<div id="col2_content" class="clearfix">

****************{$box_CART}{$box_LOGIN}{$box_ADMIN }{$box_NEWSLETTER}{$box_BESTSELLERS}{$box_INFOBOX} {$box_CURRENCIES} {$box_LANGUAGES}{$box_MANUFACTURERS_INFO}{$box_MAN UFACTURERS}
******</div>
****</div>



****<div id="col3">
******<div id="col3_content" class="clearfix" >
**********<div id="col3_innen" class="floatbox">
**************{$main_content}
**********</div>
******</div>
******
******<div id="ie_clearing"></div>
******
****</div>


</div>

</div>

[crocker]

Hi Mythbuster,

auf jeden Fall hast Du ein </div> zu viel. Wenn Du mit so vielen <div>-Tags arbeitest, solltest Du unbedingt Kommentare einbringen, sonst verlierst Du total den Überblick.
Ich habe es bei Deinem Code einmal angedeutet, indem ich sie einfach durchnummeriert habe.
Viellenicht renicht es schon, wenn Du das letzte </div> entfernst. B)

Grüße

crocker

{config_load file="$language/lang_$language.conf" section="index"}
<div id="page_margins">
<div id="page" class="hold_floats">

<div id="header">
****{$tpl_path}img/banner_links_oben.gif
<div id="teaser" class="clearfix"/>{$navtrail}
</div></div>
****
<div id="main">
<a id="content" name="content"></a>


****<div id="col1">
******<div id="col1_content" class="clearfix">
****************{$box_CATEGORIES}{$box_ADD_QUICKIE }{$box_CONTENT}{$box_INFORMATION}{$box_LAST_VIEWED }{$box_REVIEWS}{$box_SEARCH}{$box_SPECIALS}{$box_W HATSNEW}
**********</div>
****</div>



****<div id="col2">
******<div id="col2_content" class="clearfix">

****************{$box_CART}{$box_LOGIN}{$box_ADMIN }{$box_NEWSLETTER}{$box_BESTSELLERS}{$box_INFOBOX} {$box_CURRENCIES} {$box_LANGUAGES}{$box_MANUFACTURERS_INFO}{$box_MAN UFACTURERS}
******</div>
****</div>



****<div id="col3">
******<div id="col3_content" class="clearfix" >
**********<div id="col3_innen" class="floatbox">
**************{$main_content}
**********</div>
******</div>
******
******<div id="ie_clearing"> </div>
******
****</div>


</div>

</div>

[tikla]

Hallo Mythbuster,

so auf den ersten Blick (ohne die KlassenZuweisungen zu kennen) würde ich sagen, dass die erste
div ''>ZITAT</div><div id="page_margins">
[/b]
nicht geschlossen ist. Die soll doch wahrscheinlich das ganze "umrahmen" also müsste diese wohl am Ende noch geschlossen werden.
Kannst du die Attribute der id "page_margins" nicht der id "page" noch zuweisen? Dann sparst du dir eine Div.

Habe es wie crocker mal durchnummeriert:

{config_load file="$language/lang_$language.conf" section="index"}
<div id="page_margins">
****<div id="page" class="hold_floats">

********<div id="header">
************{$tpl_path}img/banner_links_oben.gif
************<div id="teaser" class="clearfix"/>{$navtrail}
************</div>
********</div>
****
********<div id="main">
************<a id="content" name="content"></a>


************<div id="col1">
******************<div id="col1_content" class="clearfix">
****************{$box_CATEGORIES}{$box_ADD_QUICKIE }{$box_CONTENT}{$box_INFORMATION}{$box_LAST_VIEWED }{$box_REVIEWS}{$box_SEARCH}{$box_SPECIALS}{$box_W HATSNEW}
******************</div>
************</div>



************<div id="col2">
******************<div id="col2_content" class="clearfix">

****************{$box_CART}{$box_LOGIN}{$box_ADMIN }{$box_NEWSLETTER}{$box_BESTSELLERS}{$box_INFOBOX} {$box_CURRENCIES} {$box_LANGUAGES}{$box_MANUFACTURERS_INFO}{$box_MAN UFACTURERS}
******************</div>
************</div>



************<div id="col3">
******************<div id="col3_content" class="clearfix" >
**********************<div id="col3_innen" class="floatbox">
**************{$main_content}
**********************</div>
******************</div>
******
******************<div id="ie_clearing"> </div>
******
************</div>


********</div>

****</div>

[HarryBoo]

Hallo Mythbuster,

den {$navtrail} kannst du mit der class "teaser" nach deinen Wünschen bearbeiten.
Die class findest du in der \css\modifications\basemod.css

z.B.:''>ZITAT</div>#teaser {
margin:0;
background: #fff; background-image: url(img/dein.gif/)
padding:4px 4px 4px 18px;
color: #5f5d75;
margin-bottom:5px;
}{ [/b]

Habe mir jetzt nicht auch noch die Mühe gemacht zu kontrollieren ob die div´s alle geschlossen sind, wirst du schon merken wenn etwas nicht funktioniert, oder falsch dargestellt wird.

Mein Tipp, wenn du das Grundlayout vom YAML-Template zum Aufbau verwendest, musst du dich in erster Linie mit den CSS (Cascading Style Sheets ) CSS
http://de.selfhtml.org/css/ (http://anonym.to/?http://de.selfhtml.org/css/) - Top CSS Einsteiger Seite
http://www.css4you.de/ (http://anonym.to/?http://www.css4you.de/) - CSS Reference-Dateien beschäftigen.
Darüber kannst du die gesamte Gestaltung machen.
Wenn du dich da erstmal ein wenig auskennst, geht es recht einfach.

Die Div-Struktur von YAML solltest du erst einmal nicht verändern, da haben sich Jungen schon was bei gedacht.

Wenn du noch Fragen hast, schreiben :)

Gruß
HarryBoo

[Mythbuster]

Hallo zusammen

Herzlichen Dank für die Hilfen. Es hat nun alles bestens geklappt. Nun stehe ich jedoch vor einem anderen Problem. Das Standard Template von yaml ist ja zentriert. Nun möchte ich jedoch meinen Shop links ausrnichten. Ich habe den äusseren Container #page_margins über css mit einem margin-left:0px; angewiesen, den Shop links auszurnichten. Dies hat leider nur ansatzweise funktioniert, da noch immer ein ca. 5px grosser Abstand existiert. Weiss jemand wie man es schafft, den Shop vollständig nach links zu zentrieren?

[HarryBoo]

Schau mal in die css\modifications\basemod.css und dort in die class #page_margins
Dort wird die Darstellung und Poistion festgelegt.

[Mythbuster]

''>ZITAT</div>Ich habe den äusseren Container #page_margins über css mit einem margin-left:0px; angewiesen, den Shop links auszurnichten. [/b]

Das habe ich ja bereits gemacht! Nur habe ich nach wie vor noch einen ca 5px grossen Rand an der Seite. Hast du eine Ahnung wo da noch ein Abstand definiert sein könnte?

[HarryBoo]

Schau mal ob sichwas ändert wenn du body { / background: #; / padding: 10px; } auf 0 setzt.
In der basemod.css

[Mythbuster]

Du bist einfach der Grösste!!! Hat super geklappt - herzlichen Dank Dir :-)

Ach übrigens - hast du auch gleich eine Ahnung wie ich nun das xtc copyright wieder zentriere? :rolleyes:

[HarryBoo]

Ja :)
in der \css\main\base.css folgendes ändern: #footer { clear:both; text-align:center; }

[Mythbuster]

''>ZITAT(HarryBoo @ Nov 22 2006, 23:28) 15574
Ja :)
in der \css\main\base.css folgendes ändern: #footer { clear:both; text-align:center; }
[/b]

ähm, wo finde ich diese Zeile genau?

Ich habe lediglich folgende Zeilen gefunden. Aber das brachte keine Änderung


#nav { clear:both; width: auto; z-index: 100; } (Zeile 69)
#main { clear:both; width: auto; z-index: 10; } (Zeile 70)
#footer { clear:both; } / Backup für IE-Clearing / (Zeile 90)

[HarryBoo]

Genau die Zeile ''>ZITAT</div>#footer { clear:both; } / Backup für IE-Clearing / (Zeile 90)[/b]
um folgendes text-align:center; erweitern.

Ich hatte dir schon die Erweiterung mit gepostet :)
Darum hast du es nicht gefunden.

[Mythbuster]

''>ZITAT(HarryBoo @ Nov 23 2006, 9:53) 15590
Genau die Zeile
um folgendes text-align:center; erweitern.

Ich hatte dir schon die Erweiterung mit gepostet :)
Darum hast du es nicht gefunden.
[/b]


Ich möchte mich bei dir noch bedanken, hat alles bestens geklappt. War leider gestern nicht dazu gekommen um zurückzuschreiben. Verwendest du bei deinem Shop auch die Yaml Erweiterung?

Frage an alle die diese benutzen. Habt ihr bereits Vorteile betreffend Ranking oder Google allgemein bemerkt? Ist die Performance allgemein besser mit Yaml?

[HarryBoo]

Hallo Mythbuster,
''>ZITAT</div>Verwendest du bei deinem Shop auch die Yaml Erweiterung?[/b]
Ja habe komplett auf YAML/CSS (Cascading Style Sheets ) CSS
http://de.selfhtml.org/css/ (http://anonym.to/?http://de.selfhtml.org/css/) - Top CSS Einsteiger Seite
http://www.css4you.de/ (http://anonym.to/?http://www.css4you.de/) - CSS Reference umgestellt.
Die Performance in meinem Gefühl nach deutlich besser, aber das kann natürlich auch Einbildung sein :)
Was Google dazu sagt, kann man so schnell nicht feststellen, aber ich bin mir Sicher das es von Vorteil ist.
Denn die Spider brauchen sich nicht mehr durch den Tabellenmüll zu wühlen.
Man kann Texte lenichter mit H1 usw. formatieren, was ja bekanntlich von Google zur Bewertung mit herangezogen wird.

Aber für mich ist die lenichtere Gestaltung/Pflege des Shops das wnichtigste.
Wobei ich in bestimmten Bereichen immer noch Tabellen bevorzuge.

Grüße
HarryBoo