Diskuze: Web broswer a podpora css

Aktivity

martinpsota

Člen

martinpsota:23.9.2016 14:32

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><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>

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.9.2016 14:32

Petr Šťastný

Tvůrce

Petr Šťastný:23.9.2016 15:43

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

Nahoru Odpovědět

23.9.2016 15:43

martinpsota

Člen

martinpsota:23.9.2016 19:33

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.9.2016 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.