FINÁLNÍ VÝPRODEJ KREDITŮ na ITnetwork je tady. Využij poslední šanci a získej až 80 % extra kreditů ZDARMA na náš interaktivní e-learning. Zjisti více:
NOVINKA: Kurz kybernetické bezpečnosti s akreditací MŠMT, nyní již od 0 Kč. Staň se žádaným profesionálem. Zjisti více:
Avatar
martinpsota
Člen
Avatar
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/In­dex.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
Avatar
Petr Šťastný
Tvůrce
Avatar
Odpovídá na martinpsota
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
Avatar
martinpsota
Člen
Avatar
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.