| Autor |
Nachricht |
Sunlifestyle
Threadersteller
Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht: 
|
Verfasst Do 20.03.2008 11:26
Titel css li formatieren |
  |
|
hallo,
ich hätte nie gedacht das ich hier im forum nochmal was fragen muss wegen css...da ich es eigentlich recht gut behersche.
aber nun habe ich ein problem was sich nicht lösen lassen will.
dabei habe ich es schon 1000 mal gemacht und ich komme nicht auf den fehler.
also ich habe ein menü:
| Code: | <ul class="navilist">
<li class="maincatsubmenue"><a class="" href="#">Girls Fashion</a></li>
<li class="maincatsubmenue"><a class="gewaehlt" href="#">Mens Fashion</a></li>
<li class="subcatlevel1"><a class="" href="#">Shirts</a></li>
<li class="subcatlevel1"><a class="" href="#">Hosen</a></li>
<li class="subcatlevel1"><a class="" href="#">Pullover & Sweatwear</a></li>
<li class="subcatlevel1"><a class="" href="#>Jacken & Westen</a></li>
<li class="subcatlevel1"><a class="" href="#">Schuhe</a></li>
<li class="maincat"><a class="" href="#">Accessoires</a></li>
<li class="maincat"><a class="" href="#">Musik</a></li>
<li class="maincat"><a class="" href="#>Gutschein</a></li>
</ul>
|
wenn ich auf den 2. punkt klicke kommen die unterpunkte die wiederum eine eigene class besitzen.
diese will ich dann einen kleinen margin-left wert geben damit man auch erkennen kann das es unterpunkte sind.
dazu habe ich mir volgende css geschrieben:
| Code: |
.navilist li {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
list-style:none;
width:100%;
margin-bottom:5px;
}
.navilist li:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
width:100%;
background-color:#FFFFCC;
margin-bottom:5px;
}
.gewaehlt {
font-weight:bold;
}
.subcatlevel1 li {
margin-left:5px;
}
|
leider rückt er es jetzt nicht ein und ich weiß grade überhaupt nicht wieso.
aber sollte er es einrücken habe ich dann ein weiteres problem.
wenn ich über die li objekte fahre kommt ja ein hintergrund, fahre ich dann aber über die eingerückten li objekte dann geht der hintergrund aus der box, der sollte aber allerdings so lang wie alle menüpunkte werden.
könnt ihr mich verstehen 
danke!
|
|
| |
   |
 |
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 20.03.2008 11:40
Titel
|
|
|
Was anderes, du solltest das Markup überarbeiten:
| Code: | <ul>
<li>Level 1</li>
<li>Level 1
<ul>
<li>Sublevel</li>
<li>Sublevel</li>
</ul>
</li>
<li>Level 1</li>
</ul> |
|
|
| |
|
|
|
Anzeige
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Do 20.03.2008 11:41
Titel
|
|
|
vielleicht solltest du deine sublevels in eigene
undefinierte listen packen ?
edit:
ach, zu spät 
m war ma wieder schneller
Zuletzt bearbeitet von choise am Do 20.03.2008 11:41, insgesamt 1-mal bearbeitet
|
|
| |
|
|
Sunlifestyle
Threadersteller
Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht:
|
Verfasst Do 20.03.2008 12:26
Titel
|
|
|
| m hat geschrieben: | Was anderes, du solltest das Markup überarbeiten:
| Code: | <ul>
<li>Level 1</li>
<li>Level 1
<ul>
<li>Sublevel</li>
<li>Sublevel</li>
</ul>
</li>
<li>Level 1</li>
</ul> |
|
naja...es war schon ne kunst überhaupt listen ins buggy xtc zubringen...leider kann ich das markup da nicht so machen...sonst wäre es schon lange so...
ich muss das halt irgenwie so hin bekommen..
|
|
| |
|
|
therapiekind
Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
|
Verfasst Fr 21.03.2008 02:40
Titel
|
|
|
| Sunlifestyle hat geschrieben: | | ...leider kann ich das markup da nicht so machen...sonst wäre es schon lange so... |
Käse. In deinem Template-Ordner (deintemplate/source/inc) gibt's 'ne Datei xtc_show_category.inc.php, die kannst du nach Belieben anpassen. Hier 'ne Version, die dir verschachtelte Listen ausgibt. Keine Garantie darauf, habsch gerade ausgegraben. Ist auch nicht von mir, die Props stehen im License-Abschnitt.
| Code: | <?php
/* -----------------------------------------------------------------------------------------
$Id: xtc_show_category.inc.php 1262 2005-09-30 10:00:32Z mz $
XT-Commerce - community made shopping
http://www.xt-commerce.com
Copyright (c) 2003 XT-Commerce
-----------------------------------------------------------------------------------------
based on:
(c) 2000-2001 The Exchange Project (earlier name of osCommerce)
(c) 2002-2003 osCommerce(categories.php,v 1.23 2002/11/12); www.oscommerce.com
(c) 2003 nextcommerce (xtc_show_category.inc.php,v 1.4 2003/08/13); www.nextcommerce.org
Released under the GNU General Public License
list-style version by toro@toro-net.com
---------------------------------------------------------------------------------------*/
function xtc_show_category2($counter, $prev_counter)
{
global $foo, $categories_string, $id;
if (strlen($categories_string)=='0')
{
$categories_string .='<ul class="cat_level_'.$foo[$counter]['level'].'"><li>';
}
else
{
if ($foo[$counter]['level'] > $foo[$prev_counter]['level'])
{
$categories_string .= '<ul class="cat_level_'.$foo[$counter]['level'].'"><li>';
}
elseif ($foo[$counter]['level'] == $foo[$prev_counter]['level'])
{
$categories_string .= '</li><li>';
}
elseif ($foo[$counter]['level'] < $foo[$prev_counter]['level'])
{
$curr_level = $foo[$prev_counter]['level'];
while ($foo[$counter]['level'] < $curr_level)
{
$categories_string .= '</li></ul>';
$curr_level--;
}
$categories_string .= '</li><li>';
}
}
$categories_string .= "\n";
$categories_string .= '<a href="';
$cPath_new=xtc_category_link($counter,$foo[$counter]['name']);
$categories_string .= xtc_href_link(FILENAME_DEFAULT, $cPath_new);
$categories_string .= '">';
if ( ($id) && (in_array($counter, $id)) )
{
$categories_string .= '';
}
// display category name
$categories_string .= $foo[$counter]['name'];
if ( ($id) && (in_array($counter, $id)) )
{
$categories_string .= '';
}
$categories_string .= '</a>';
if (SHOW_COUNTS == 'true')
{
$products_in_category = xtc_count_products_in_category($counter);
if ($products_in_category > 0)
{
$categories_string .= '(' . $products_in_category . ')';
}
}
if ($foo[$counter]['next_id'])
{
xtc_show_category2($foo[$counter]['next_id'], $counter);
}
else
{
if ($foo[$counter]['level'] > 0 )
{
$curr_level = $foo[$counter]['level'];
while ($curr_level > 0 )
{
$categories_string .= '</li></ul>';
$curr_level--;
}
}
$categories_string .= '</li></ul>';
}
}
function xtc_show_category($counter) {
xtc_show_category2($counter, 0);
}
?> |
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Tabelle formatieren
<table> formatieren mit css
Select formatieren
Datum formatieren in PHP
Bildbeschreibung mit CSS formatieren!
listen formatieren mit css
|
|
Willkommen auf dem Portal für Mediengestalter
