Autor Zpráva
dumper
Profil
Dobrý den, mám takový menší problém na adresu http://www.cnw.cz.cr sem umístil část webu na kterém je zobrazeno menu s červeným pozadím, a pod menu je přihlašovací skript - v tomto případě momentálně nefunkční. Zkoušel jsem to přihlášení vrazit do menu a zarovnat na doprava ale furt to něják nende vůbec narvat do menu a už vůbec ne zarovnat dorava! poradíte mi ?

HTML stránky je:

........<BODY>
<dIV id="wrapper">
<div id="masthead"></div>

<div id="top_nav">
          <ul id="topmenu">
                    <li><a href="index.html">Domů</a></li>
                    <li><a href="news.html">Novinky</a></li>
                    <li><a href="downloads.html">Členové</a></li>
                    <li><a href="team.html">CW/TG</a></li>
                    <li><a href="impressum.html">Galerie</a></li>
                    <li><a href="impressum.html">Download</a></li>
                    <li><a href="impressum.html">Kontakt</a></li>
                    <li>
                    <form name="formular" onsubmit="return false">
                    <input type="text" style="width: 70px; height: 11px;" name="jmeno";  value="Nick" onfocus="if(this.value == this.defaultValue) this.value = '';">
                    <input type="password" style="width: 70px; height: 11px;" name="heslo" ; value="Password" onfocus="if(this.value == this.defaultValue) this.value = '';">
                    <input type="button" style="width: 70px; height: 19px;"name="Přihlásit" alt="Přihlásit" BORDER="0" onclick=".......................>
                    </form>
                    </li>
           </ul>
</div>............


CSS styly jsou:
body {
    margin: 0;
    padding: 0;
    color: #666;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    background: #222;
    background-image:url('stranka/bg.gif');
    background-repeat: repeat-y;
    background-position:center top;
}

#wrapper {
    width:980px;
    margin:0 auto;
    background: #000;
    padding:0;
}
#top_nav {
    height: 30px;     background-color: #fff;
    margin:0;
    padding:0;
     background-image:url('stranka/nav.jpg');
}
#masthead {
    height: 270px;
    background-color: #000;
    margin:0;
    padding:0;
    background-image:url('stranka/header.png');
     background-repeat:no-repeat;
}


ul#topmenu li {
    display: inline;
    list-style:none;
    text-align: center;
    padding:0;
    margin:0;
}
ul#topmenu li a {
    vertical-align:middle;
    list-style:none;
    color: #58A9FF;
    height:30px;
    line-height:30px;
    background-color: #000;
    border:none;
    padding: 8px 20px 8px 20px;
    background-image:url('stranka/topmenu.jpg');
    background-repeat: repeat-x;    
}
ul#topmenu li a:hover, ul#topmenu li a:active, ul#topmenu li a:focus {
    background-color: #333;
    color: #FF3E3E;
    background-image:url('stranka/topmenu_hover.jpg');

Prosím poraďte mi jak to mám dat do menu a zarovnat doprava, Děkuji moc. Lukáš

Moderátor Chamurappi: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
SwimX
Profil
dumper:
má rada zní: studuj

Ten kód je prasečina. 2body, interní styly kdekoli se ti zamane. Zřejmě je něčím generovaný a pak jsi skládal něco do sebe. Divím se, že ti vubec něco funguje.
dumper
Profil
SwimX:
De to i jinak sice je to malinko složitější ale uvažuju o tom, ale chtěl jsem to zkusit tímhle způsobem!
Adela
Profil
<div id="top_nav">
<ul id="topmenu">
<li><a href="index.html">Domů</a></li>
<li><a href="news.html">Novinky</a></li>
<li><a href="downloads.html">Členové</a></li>
<li><a href="team.html">CW/TG</a></li>
<li><a href="impressum.html">Galerie</a></li>
<li><a href="impressum.html">Download</a></li>
<li><a href="impressum.html">Kontakt</a></li>
</ul>

<div class="prihlaseni">
<form name="formular" onsubmit="return false">
<input type="text" style="width: 70px; height: 11px;" name="jmeno"; value="Nick" onfocus="if(this.value == this.defaultValue) this.value = '';">
<input type="password" style="width: 70px; height: 11px;" name="heslo" ; value="Password" onfocus="if(this.value == this.defaultValue) this.value = '';">
<input type="button" style="width: 70px; height: 19px;"name="Přihlásit" alt="Přihlásit" BORDER="0" onclick=".......................>
</form>
</div>

</div>//konec id="top_nav"


*****************************

#top_nav {
position: relative;
height: 30px; background-color: #fff;
margin:0;
padding:0;
background-image:url('stranka/nav.jpg');
}

.prihlaseni {
position: absolute;
width: 200px; //volitelně
height: 30px; //volitelně
top: 0;
right: 0;
}
panther
Profil
dumper:
Zkoušel jsem to přihlášení .[..] a zarovnat na doprava
menu nastav šířku a „float: left“, formuláři šířku a „float: right“.

Adela:
možnost by to byla, ale pozicování zde není vhodné - pro začátečníka už vůbec ne.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0