{NAV_TABLE_COLUMN} + CSS Problem

Get help with installation and running phpwcms here. Please do not post bug reports or feature requests here.
Post Reply
trashmail
Posts: 13
Joined: Mon 30. Jan 2006, 11:01
Location: Düsseldorf

{NAV_TABLE_COLUMN} + CSS Problem

Post by trashmail »

Hallo zusammen,

ich bin noch ein ziemlicher Anfänger was phpwcms angeht und würde gerne eine Hilfestellung zu meinem Problem erhalten.

Ich nutze die {NAV_TABLE_COLUMN} für eine Website, möchte diese aber relativ stark verändern.

Aussehen soll die Navigation wie bei folgender Seite, die ich "gefaked" aufgebaut habe. http://mohr.styleventure.de (Veranstaltungen hat eine Subnavigation)
Dort besteht die Navigation aus einer UL, welche über das frontend.css gestyled wird. Allerdins ist diese Navigation nicht ins CMS eingebunden und funktioniert nur mit fixen Links.

Auf http://test.styleventure.de versuche ich gerade diese Navigation für das CMS nachzubauen, stoße aber auf einige Probleme. (referenzen hat subnavigation)

Z.B. bekomme ich zum verrecken die Subnavi-Links nicht rechtsbündig gesetzt und bekomme auch bei der SubNavigation die Linien nicht
entfernt.

So schaut meine conf.template_default.inc.php aus:

Code: Select all

// navigation table defaults
$template_default["nav_table_struct"]["table_border"]			= "0";
$template_default["nav_table_struct"]["table_width"]			= "200px";
$template_default["nav_table_struct"]["table_height"]			= "";
$template_default["nav_table_struct"]["table_bgcolor"]			= "";
$template_default["nav_table_struct"]["table_class"]			= "";
$template_default["nav_table_struct"]["table_cspace"]			= "0";
$template_default["nav_table_struct"]["table_cpad"]				= "0";
//
$template_default["nav_table_struct"]["space_width"]			= 10;
$template_default["nav_table_struct"]["space_left"]				= 7;
$template_default["nav_table_struct"]["space_right"]			= 10;
$template_default["nav_table_struct"]["space_celltop"]			= 12;
$template_default["nav_table_struct"]["space_cellbottom"]		= 12;
//
$template_default["nav_table_struct"]["cell_width"]				= "200px";
$template_default["nav_table_struct"]["cell_height"]			= "20";
$template_default["nav_table_struct"]["cell_class"]				= "nav_table";
//
$template_default["nav_table_struct"]["cell_active_width"]		= "200px";
$template_default["nav_table_struct"]["cell_active_height"]		= "20";
$template_default["nav_table_struct"]["cell_active_class"]		= "nav_table_active";
//
$template_default["nav_table_struct"]["js_over_effects"]		= 1;
$template_default["nav_table_struct"]["all_nodes_active"]		= 1;
//	
$template_default["nav_table_struct"]["linkimage_norm"]			= ''; //<img src="img/article/nav_link_0.gif" alt="" border="0">
$template_default["nav_table_struct"]["linkimage_over"]			= ''; //<img src="img/article/nav_link_1.gif" alt="" border="0">
$template_default["nav_table_struct"]["linkimage_active"]		= ''; //<img src="img/article/nav_link_2.gif" alt="" border="0">
//
$template_default["nav_table_struct"]["row_norm_bgcolor"]		= "";
$template_default["nav_table_struct"]["row_norm_class"]			= "";
//	
$template_default["nav_table_struct"]["row_over_bgcolor"]		= ""; //#AAB7C1
$template_default["nav_table_struct"]["row_active_bgcolor"]		= "";
$template_default["nav_table_struct"]["row_active_class"]		= "";
//
$template_default["nav_table_struct"]["row_space"]				= 1;
$template_default["nav_table_struct"]["row_space_bgcolor"]		= "#004749";
//
$template_default["nav_table_struct"]["show_active_hidden"]		= 0;

/*
 * sublevel layout
 * ===============
 * setup unique style for each node/level
 * ['array_struct'][1] => the number represents level ID
 * so root level is [0] and so on...   */
 
$template_default["nav_table_struct"]['array_struct'][1]["linkimage_norm"]		= ''; //<img src="img/article/nav_link_0.gif" alt="" border="0">
$template_default["nav_table_struct"]['array_struct'][1]["linkimage_over"]		= ''; //<img src="img/article/nav_link_1.gif" alt="" border="0">
$template_default["nav_table_struct"]['array_struct'][1]["linkimage_active"]	= ''; //<img src="img/article/nav_link_2.gif" alt="" border="0">

$template_default["nav_table_struct"]['array_struct'][1]["row_norm_bgcolor"]	= '';
$template_default["nav_table_struct"]['array_struct'][1]["row_norm_class"]		= ''; //$template_default["nav_table_struct"]["row_norm_class"];
$template_default["nav_table_struct"]['array_struct'][1]["row_over_bgcolor"]	= '';
$template_default["nav_table_struct"]['array_struct'][1]["row_active_bgcolor"]	= '';
$template_default["nav_table_struct"]['array_struct'][1]["row_active_class"]	= ''; //$template_default["nav_table_struct"]["row_active_class"];
			
$template_default["nav_table_struct"]['array_struct'][1]["space_celltop"]		= '5px'; //$template_default["nav_table_struct"]["space_celltop"];
$template_default["nav_table_struct"]['array_struct'][1]["space_cellbottom"]	= '5px'; //$template_default["nav_table_struct"]["space_cellbottom"];

$template_default["nav_table_struct"]['array_struct'][1]["cell_height"]		    = ''; //$template_default["nav_table_struct"]["cell_height"];
$template_default["nav_table_struct"]['array_struct'][1]["cell_class"]			= "navLevel1";
$template_default["nav_table_struct"]['array_struct'][1]["cell_active_height"]	= ''; //$template_default["nav_table_struct"]["cell_active_height"];
$template_default["nav_table_struct"]['array_struct'][1]["cell_active_class"]	= "navLevel1a";

$template_default["nav_table_struct"]['array_struct'][1]["show_active_hidden"]	= 0;
und meine frontend.css dazu

Code: Select all

.nav_table, .nav_table a, .nav_table a:link, .nav_table a:active, .nav_table a:visited, .nav_table a:hover {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	text-align:right;
	
}

.nav_table a:hover {
	text-decoration: none;
}

.nav_table_active, .nav_table_active a, .nav_table_active a:link, .nav_table_active a:active, .nav_table_active a:visited, .nav_table_active a:hover {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #004749;
	font-weight: bold;
	text-decoration: none;
	text-align:right;
	
}

.navlevel1 .navlevel1 a, .navlevel1 a:link, .navlevel1 a:active, .navlevel1 a:visited, .navlevel1 a:hover {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	text-align:right;
	vertical-align:right;
}

.navlevel1a .navlevel1a a, .navlevel1a a:link, .navlevel1a a:active, .navlevel1a a:visited, .navlevel1a a:hover {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #004749;
	font-weight: bold;
	text-decoration: none;
	text-align:right;
	vertical-align:right;
}
Kann mir bitte mal jemand einen Denkanstoss geben.......

Viele dank und Gruß
trashmail
User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Post by flip-flop »

Hi trashmail,

ein erster Ansatz wäre:

navLevel1a = navlevel1a
navLevel1 = navlevel1

Mit der Linie ["row_space"] ist das wohl nicht so einfach, die wird grundsätzlich verwendet bei Deiner Einstellung.
Ein Ansatz wäre, die Linie nicht durch die Einstellung:
["row_space"] = 1;
["row_space_bgcolor"] = "#004749";
- zu erzeugen, sondern rein über CSS und Grafik.

Gruß Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
Post Reply