Spalte zwischen Hedare und den Boxen verkürzen

[Manuellsen]

Hallo zusammen,

weiss einer wie ich diesen Platz (siehe Bild - da wo "Startseite > Katalog" steht) verkleinern kann, da es mir zu viel Abstand ist nach unten. Am Besten noch mit einer Hintergrundfarbe hinterlegen, wenn möglich.

Beste Grüße Manuellsen

[unriagh]

Also ein bissel mehr Infos und vielleicht etwas Code wär schon notwendig wenn man dir helfen soll.
Was ist es denn für ein Template, ein auf Tabellen basierendes, oder eins mit CSS?

Was steht den so in deiner index.html ..

[Manuellsen]

Hallo,

tut mir leid - hier folgen mehr Infos. Es ist das YAML XTC Template. Anbei die index.html - wenn mehr dateien gewünscht werden, einfach Bescheid geben

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

    <div id="header">
  		<div id="topnav">
			 {* start: skip link navigation *}
			 <a class="skip" href="#navigation" title="Direkt zur Navigation springen">Zur Navigation springen</a><span class="hideme">.</span>
			 <a class="skip" href="#content" title="Direkt zum Inhalt springen">Zum Inhalt springen</a><span class="hideme">.</span>
			 {* end: skip link navigation *}
	  </div>
	     <a href="{php}echo xtc_href_link('index.php');{/php}"><img src="{$tpl_path}img/yaml-title-xtc.gif" alt="{$store_name}" id="companyLogo" /></a>
    </div>

    {* begin: main navigation #nav *}
    <div id="nav">
      <a id="navigation" name="navigation"></a>
      {php}
		    // Current Link Hack - by Reinhard Hiebl
		    $cur_link = explode('/', $_SERVER['PHP_SELF']);
		    $cur_link = array_pop($cur_link);
		    if (strpos($cur_link, '?') === true ) {
          $pos = strpos($cur_link, '?', 1);
          if ($pos) {
            $cur_link = substr($cur_link, 0, $pos);
			   }
		    }
      {/php}
      <div id="nav_main">
        <ul>
          <li{php} echo $current = $cur_link=='index.php' ? ' id="current"' : ''; {/php}><a href="{php}echo xtc_href_link('index.php');{/php}"><span>Startseite</span></a></li>
		      {if $account}
		        {php} if (isset($_SESSION['customer_id'])) { {/php}
            <li{php} echo $current = $cur_link=='logoff.php' ? ' id="current"' : ''; {/php}><a href="{$logoff}"><span>{#link_logoff#}</span></a></li>
		        {php} } {/php}
		      {/if}
		      {if $account}
            <li{php} echo $current = $cur_link=='account.php' ? ' id="current"' : ''; {/php}><a href="{$account}"><span>{#link_account#}</span></a></li>
		      {/if}
			     <li{php} echo $current = $cur_link=='shopping_cart.php' ? ' id="current"' : ''; {/php}><a href="{$cart}"><span>{#link_cart#}</span></a></li>
			     <li{php} echo $current = $cur_link=='checkout_shipping.php' ? ' id="current"' : ''; {/php}><a href="{$checkout}"><span>{#link_checkout#}</span></a></li>
			     <li><a href="http://xy-shop/shop_content.php?coID=7&XTCsid=ed650ffc9f66520b4b2f00bfff298787" target="_blank"><span>Kontakt</span></a>{* end: main navigation *}
    {* begin: content area #main *}    </li>
	    </ul>
      </div>
    </div>
    <div id="main">
      <div id="teaser" class="clearfix">
        {$navtrail}
      </div>
      

      {* begin: #col1 - first float column *}
        <div id="col1_content" class="clearfix">
        {$box_CATEGORIES}{$box_SEARCH}{$box_CONTENT}{$box_LAST_VIEWED}{$box_SPECIALS}	    </div>
      </div>
      {* end: #col1 *}
      
			{* begin: #col2 second float column *}
      <div id="col2">
        <div id="col2_content" class="clearfix">
          {$box_CART}{$box_REVIEWS}{$box_LOGIN}{$box_ADMIN}{$box_NEWSLETTER}{$box_BESTSELLERS} {$box_WHATSNEW} {$box_INFOBOX} {$box_CURRENCIES} {$box_LANGUAGES}{$box_MANUFACTURERS_INFO}
        </div>
      </div>
      {* end: #col2 *}
      
			{* begin: #col3 static column *}
      <div id="col3">
				  <div id="col3_content" class="clearfix">
            {* skip anchor: content *}
            <a id="content" name="content"></a>
            {$main_content}
          </div>
          {* IE column clearing *}
				<div id="ie_clearing">&nbsp;</div>
      </div>
      {* end: #col3 *}

    </div>
		{* end: #main *}
		{* begin: #footer *}
    <div id="footer">
      </div>
    {* end: #footer *}
  </div>
</div>

[unriagh]

Das ist ein CSS-Template, hast du das gekauft? Also ich hab keins und müßte es erstmal analysieren.
Die Definitionen werden wohl in der stylesheet.css sein..

[Manuellsen]

Das Template ist kostenlose im Netz verfügbar. Anbei die stylesheet.css, aber ich glaube da kann man auch nichts einstellen...

@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en) central stylesheet
* (de) entrales Stylesheets
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://www.zs-ecommerce.com
* @package         yaml for xt:Commerce
* @version         1.5.0   
*/


/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */

  @import url(css/screen/basemod.css);
  /*@import url(css/screen/basemod_3col_fixed.css);*/
  /* Variable order and use of content columns */
  /* Change patch-File in javascript/general.js.php too */
  
  /* import 3 columns fix | 3 Spalten fixe Breite einbinden - default */
  @import url(css/screen/basemod_3col_fixed.css);
  
  /* import 3 columns flexible | 3 Spalten flexible Breite einbinden */
  /* @import url(css/screen/basemod_3col_flex.css); */
  
  /* import 2 columns flexible | 2 Spalten flexible Breite einbinden */
  /* @import url(css/screen/basemod_2col_flex_13.css); */ 
  
  /* import 2 columns fix | 2 Spalten fixe Breite einbinden */
  /* @import url(css/screen/basemod_2col_fixed_13.css); */
  @import url(css/screen/content.css); 
  @import url(css/screen/boxes.css);
  @import url(css/screen/categorie_listing.css);
  @import url(css/screen/categorie_navigation.css);
  @import url(css/screen/module.css);
  @import url(css/screen/product_info.css);
  @import url(css/screen/product_listing.css);
  @import url(css/screen/product_options.css);
  /*@import url(css/screen/top_navigation_shinybuttons.css);*/
  @import url(css/screen/top_navigation_slidingdoor.css); 

/* import print layout | Druck-Layout einbinden */
  @import url(css/print/print_003.css);

[unriagh]

Ne, aber in
css/screen/basemod_3col_fixed.css

steht es drin..

Sorry aber ich muss nun loss, morgen mehr

[Manuellsen]

Jo kein Problem, bin froh das sich einer meinem Problem annimmt Anbei die css Datei basemod_3col_fixed.css

@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en) Variation of screen layout (basemod.css) for layout example "3col_fixed"
* (de) Variation des Screenlayouts (basemod.css) für Layoutbeispiel "3col_fixed"
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)               
* @link            http://www.zs-ecommerce.com
* @package         yaml for xt:commve
* @version         1.5.0
   
*/

@media screen
{
  /**
  * (en) 
  * (de) 
  *
  * |-------------------------------|
  * | #header                       |
  * | 980px                         |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 185px   | 595px     | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */
#page_margins {
	width:980px;
	margin-left: auto;
 	margin-right: auto;
	max-width:inherit;  /* min-width für fixes Layout abschalten */
	min-width:inherit;  /* max-width für fixes Layout abschalten */
}

/* Korrektur von Randabständen */
#main { margin: 0; padding: 0; }
#footer {margin:0; padding: 1em; border-color: #aaa; }

/* Himtergrundgrafik für linke Spalte - Grafikbreite 200 Pixel */
#main { background: #fff /*url(../../img/xxx.gif) repeat-y top left;*/ }




}