Autor Zpráva
zab
Profil
Dobrý den, chtěl jsem se zeptat, jestli někdo nevíte v čem může být problém. Pokouším se udělat stránky. www.zab.unas.cz . Trochu se vyznám jenom v html, takže zdroják je pro mě dost španělskou vesnicí. Vše děláno ve web builderu. Stránky se zobrazí ve všech prohlížečích korektně. Konkrétně navigační menu je funkční i s odkazy. Kromě IE 7. Tam se zobrazí navigační menu, ale odkazy nejsou funkční. V IE 8 vše funguje opět správně. Nemáte nějaký tip? Díky
jenikkozak
Profil
Znefunkčnění odkazů má na svědomí zápis:
#NavigationBar1 ul.navbar li a{position:absolute}
(Začíná na 43. řádku zdrojového kódu.)

Navrhuji udělat menu pomocí písma, které bude mít na pozadí obrázek (tedy ne písma v obrázku), také by chtělo zvolit jinou barvu písma než černou, neboť ta není vůči pozadí dostatečně kontrastní.
zab
Profil
jenikkozak:
Jejda, taková rychlost, to jsem nečekal.. :-) Díky za tip i s tím odstínem písma. Něco s tím udělám. Ovšem vymýšlet něco úplně jiného je pro mě problém, prostě to neumím a dělám to tak jak mi to vygeneruje web builder. Podle tvých slov tedy je varianta menu vygenerovat v jiném editoru, který by měl jiný postup "výroby" než web builder a poté to vyzkoušet? Myslíš že by to klaplo? Nevíš náhodou o takovém editoru? Díky.
jenikkozak
Profil
zab:
Nevíš náhodou o takovém editoru?
Web builder neznám, možná umožňuje editaci zdrojového kódu. A nebo by stačilo kód otevřít v Poznámkovém bloku a upravit jej. Menu není potřeba generovat, dá se napsat z fleku.
Na stránce bude:
<ul class="navbar">
 <li><a target="InlineFrame1" href="aktuality.html">Aktuality</a></li>
 <li><a targer="InlineFrame1" href="onas.html">O nás</a></li>
(...)
</ul>

A uzpůsobí se to styly, které budou využívat pseudotřídu hover.
zab
Profil
jenikkozak,
Ahoj, díky, zkusil jsem to u prvních dvou odkazů. Nechal jsem tam ty obrázky, aby to trochu vypadalo. Předpokládám, že kdybych to zapsal pouze textem, zbyl by tam jenom text a to bych nerad. Akorát to teď nechce měnit obrázky při najetí myší nad menu. To se udělá nějak přes ten hover? Tak to jsem zase v koncích.. :-)
jenikkozak
Profil
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1250">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>dvojkola.cz</title>
<style type="text/css">
  body{text-align:center;margin:0;}
  div#container{width: 994px;margin: 0 auto;text-align: left;}
  ul.navbar{width:100%;clear:both}
  .navbar li{display:block;float:left;width:140px;list-style:none}
  .navbar li a{display:block;margin:0 1px;background:blue url("adresa 2. obrázku") center center;
text-align:center;font-weight:bold;color:black;height:25px;line-height:25px;text-decoration:none}
  .navbar li a:hover{background:url("adresa 2. obrázku") center center;color:white}
  marquee{float:right;width:735px;height:25px;font-size:15px;color:#387AC8;font-family:"Trebuchet MS";font-weight:bold}
  iframe{width:100%;height:1189px;}
</style>
<link rel="icon" type="image/gif" href="dvojkola.gif">
</head>
<body>
<div id="container">
    <img src="images/dvojkolo.gif" id="Image1" style="width:259px;float:left" alt="Dvojkolo">
    <img src="images/nadpis.bmp" style='float:right;width:735px' alt="www.dvojkola.cz">
    <marquee direction="left" scrolldelay="90" scrollamount="6" behavior="scroll" loop="0" id="Marquee1">
    Zajistíme pro Vás půjčení dvojkola  (...)</marquee>
    <!--ten jezdící text bych doporučoval vyhodit, jen ruší-->
  <ul class="navbar">
    <li><a href="aktuality.html" target="InlineFrame1">Aktuality</a></li>
    <li><a href="onas.html" target="InlineFrame1">O nás</a></li>
    <li><a href="pujcovna.html" target="InlineFrame1">Půjčovna</a></li>
    <li><a href="prodej.html" target="InlineFrame1">Prodej</a></li>
    <li><a href="jizdy.html" target="InlineFrame1">Spolujízdy</a></li>
    <li><a href="cykloservis.html" target="InlineFrame1">Cykloservis</a></li>
    <li><a href="kontakt.html" target="InlineFrame1">Kontakt</a></li>
  </ul>
  <iframe name="InlineFrame1" id="InlineFrame1" src="onas.html" frameborder="0">Your browser (...)</iframe>
</div>
</body>
</html>

Ale jestli se ti můj kód nelíbí, můžeš si upravovat ten svůj s absolutními a relativními pozicováními. ;-)
zab
Profil
Ahoj, díky, přes noc a zítra to zkusím a uvidíme co a jak... :-)

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0