Diskuze: Web broswer a podpora css

C# .NET .NET (C# a Visual Basic) Web broswer a podpora css American English version English version

Avatar
martinpsota
Člen
Avatar
martinpsota:

Ahoj,

ve svém projektu, kde používám prvek webbroswer,jsem narazil na problém. Pokud zadám něco pomocí css tak se mi to nezobrazuje korektně, nejvíce je to vidět na tomto příkladu.

<STYLE type="text/css">
.menu {font-size: 20px; padding: 0; list-style-type: none; }
.menu ul {position: absolute; visibility: hidden; padding: 0; list-style-type:
none;}
.menu li { width: 150px; }
.menu a {padding: 5px; text-align: center; color: white; background-color:
black; display: block; text-decoration: none;}
.menu a:hover {background: grey ; font-weight: bold; color: yellow; }
.menu li:hover ul, ul.menu li.hover ul { visibility: visible;}
.menu li li {float: none;}
</STYLE>
<TABLE>
<tr>
<td>
<ul class="menu">
<li>Menu1
<ul>
<li>Položka1-1</li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="menu">
<li>Menu2
<ul>
<li>Položka2-1</li>
<li>Položka2-2</li>
</ul>
</li>
</ul>
</td>
</tr>
</TABLE>

pokud si tento kód nechám zobrazit v jakém koliv prohlížeči tak se zobrázi shodně, ale když se pokusím vloži tento kód do komponenty web broswer, tak se zobrazí jinak.

Neví někdo kde by mohl být problém?

Díky za všechny rady a nakopnutí :)

 
Odpovědět 23. září 14:32
Avatar
Petr Stastny
Redaktor
Avatar
Odpovídá na martinpsota
Petr Stastny:

Hod to do zviraznovacu kodu - ten znak </> nad textovym polem

 
Nahoru Odpovědět 23. září 15:43
Avatar
martinpsota
Člen
Avatar
martinpsota:

Tady dávám ten kód

<STYLE type="text/css">
.menu {font-size: 20px; padding: 0; list-style-type: none; }
.menu ul {position: absolute; visibility: hidden; padding: 0; list-style-type:
none;}
.menu li { width: 150px; }
.menu a {padding: 5px; text-align: center; color: white; background-color:
black; display: block; text-decoration: none;}
.menu a:hover {background: grey ; font-weight: bold; color: yellow; }
.menu li:hover ul, ul.menu li.hover ul { visibility: visible;}
.menu li li {float: none;}
</STYLE>
<TABLE>
 <tr>
  <td>
   <ul class="menu">
    <li><a href="/pages/Index.html">Menu1</a>
     <ul>
      <li><a href="Page001.html">Položka1-1</a></li>
     </ul>
    </li>
   </ul>
  </td>
  <td>
   <ul class="menu">
    <li><a href="Page001.html">Menu2</a>
     <ul>
      <li><a href="Page002.html">Položka2-1</a></li>
      <li><a href="Page002.html">Položka2-2</a></li>
     </ul>
    </li>
   </ul>
  </td>
 </tr>
</TABLE>
 
Nahoru Odpovědět 23. září 19:33
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.