Mam problem z niemieszczącym się menu…
Otóż, w VS tworzę menu poziome, w zależności od zagnieżdżenia. Przy dużym stopniu głębokości menu się wydłuża i nie mieści w obszarze w którym powinno.
I chcę, by menu się zawijało do nowej linii jeżeli się nie mieści w wyznaczonym obszarze, tak jak to się dzieje z tekstem.
Próbuję w CSS , poprzez ustawienie w komórkach zawierających tekst zawijania ( bądź word-wrap) ale w tedy zawija się tekst w poszczególnej pozycji menu , co wygląda okropnie.
Pomysł mam taki by poprzez CSS zignorować istnie tabel/komórek i całą zwartość traktować jako ciąg znaków i w tedy powinno zadziałać zawijanie o takie jakie mnie chodzi.
Ale nie wiem jak zignorować tabele tak by zawartość tabeli była wyświetlona w jednym ciągu.
Czy ktoś wie jak to zrobić, lub zna inny sposób by osiągnąć ten sam efekt ??
Poniżej fragment kodu z menu jaki generuje stronka:
<table id="zz2_breadcrumbPanelID" class="zz2_breadcrumbPanelID_2" cellpadding="0" cellspacing="0" border="0">
<tbody><tr>
<td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="zz2_breadcrumbPanelIDn0"><table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody><tr>
<td style="white-space:nowrap;"><a class="zz2_breadcrumbPanelID_1" href="javascript:__doPostBack('ctl00$ctl19$g_d6da8761_366f_45d2_8524_8975b6644075$breadcrumbPanelID','main')">sm-9v5bspob82a:6309 / </a></td>
</tr>
</tbody></table></td><td style="width:3px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="zz2_breadcrumbPanelIDn1"><table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody><tr>
<td style="white-space:nowrap;"><a class="zz2_breadcrumbPanelID_1" href="javascript:__doPostBack('ctl00$ctl19$g_d6da8761_366f_45d2_8524_8975b6644075$breadcrumbPanelID','Jednostki organizacyjne')">Jednostki organizacyjne / </a></td>
</tr>
</tbody></table></td><td style="width:3px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="zz2_breadcrumbPanelIDn2"><table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody><tr>
<td style="white-space:nowrap;"><a class="zz2_breadcrumbPanelID_1" href="javascript:__doPostBack('ctl00$ctl19$g_d6da8761_366f_45d2_8524_8975b6644075$breadcrumbPanelID','Dyrekcja')">Dyrekcja / </a></td>
</tr>
</tbody></table></td><td style="width:3px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="zz2_breadcrumbPanelIDn3"><table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody><tr>
<td style="white-space:nowrap;"><a class="zz2_breadcrumbPanelID_1" href="javascript:__doPostBack('ctl00$ctl19$g_d6da8761_366f_45d2_8524_8975b6644075$breadcrumbPanelID','Dyrektor')">Dyrektor / </a></td>
</tr>
</tbody></table></td><td style="width:3px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="zz2_breadcrumbPanelIDn4"><table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody><tr>
<td style="white-space:nowrap;"><a class="zz2_breadcrumbPanelID_1" href="javascript:__doPostBack('ctl00$ctl19$g_d6da8761_366f_45d2_8524_8975b6644075$breadcrumbPanelID','Zastępca dyrektora d/s Administracyjno-Technicznych')">Zastępca dyrektora d/s Administracyjno-Technicznych</a></td>
</tr>
</
Edytowano 1 raz. Ostatnio 2011-09-14 14:22:28 przez bigkoma.