Dreamweaver konfuzija

Dreamweaver konfuzija

offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Radim neki sajt u Dreamweaveru i nemam baš iskustva sa tim stvarima. Zanima me zašto ne mogu u SpryMenuBar-u da namestim da mi svako dugme bude posebne veličine i da pomeram tekst levo desno nezavisno jedno dugme o drugom, u pitanju je vertikalan meni. Ubacivao sam i dva SpryMenuBar-a, ali i taj drugi kupi parametre ovog prvog.

Kako da razdelim da svako dugme ima svoju dimenziju (širinu)?

To mi treba zbog estetike jer imam naziva poput Naseljena mesta ili Opština velika je razlika u dužini pa kad namestim tekst u centar dugmeta deluje ružno.

Evo o čemu govorim, pogledajte razmak između Naseljena mesta i Poslovni adresar i razmak između Opština i Stara Pazova!



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3747
  • Gde živiš: 127.0.0.1

Hm.. ne znam sta je SpryMenuBar, ali ovo mozes bez problema da uradis koristeci samo CSS...

Zasto pokusavas na tezi nacin uopste? I ako zelis da ti neko pomogne, bilo bi lepo da "okacis" kod toga sto ti pravi probleme Smile

btw, meni ovo lici na horizontalni meni



offline
  • Pridružio: 05 Jun 2003
  • Poruke: 2075
  • Gde živiš: MaYur CitY

Spry je DW-ov AJAX framework.
Sve sto zelis mozes editovati i uz pomoc CSS-a.

offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Rastafarii ::btw, meni ovo lici na horizontalni meni
A jbg, greška.... Smile

bl00dz3r0 ::Spry je DW-ov AJAX framework.
Sve sto zelis mozes editovati i uz pomoc CSS-a.

Ma to i pokušavam, ali nešto slabo ide......

Evo svih kodova:
Naslovna strana
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" /> <title>Opština Stara Pazova</title> <style type="text/css"> body {    font: 100% Georgia,Verdana,Times New Roman, Arial, Helvetica;    background: #1e1a8f;    margin: 0;    padding: 0;    text-align: center;    color: #000000; } .oneColFixCtrHdr #container {    width: 798px;    background: #009bff;    margin: 0 auto;    border: 2px solid #000000;    text-align: left; } .oneColFixCtrHdr #header h1 {    margin: 0;    padding: 0px 0; } .oneColFixCtrHdr #mainContent {    padding: 0 0px;    background: #009bff; } .oneColFixCtrHdr #footer {    padding: 0 0px;    background:#ff0033; } .oneColFixCtrHdr #footer p {    margin: 0;    padding: 10px 0; } </style> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"> </head> <body class="oneColFixCtrHdr"> <div id="container">   <div id="header">     <h1><img src="slike_za_sajt/images/zaglavlje129x798.jpg" alt="zaglavlje798x129"></h1>   </div>   <ul id="MenuBar1" class="MenuBarHorizontal">     <li><a class="MenuBarItemSubmenu" href="#">Opština</a>         <ul>           <li><a href="#">O opštini</a></li>           <li><a href="#">Teritorija opštine</a></li>           <li><a href="#">Položaj u državi</a></li>         </ul>     </li>     <li><a href="#">Stara Pazova</a>         <ul>           <li><a href="#">Istorija</a></li>           <li><a href="#">O Staroj Pazovi</a></li>           <li><a href="#">Plan grada</a></li>         </ul>     </li>     <li><a class="MenuBarItemSubmenu" href="#">Naseljena mesta</a>         <ul>           <li><a href="#">Belegiš</a>               <ul>                 <li><a href="#">O Belegišu</a></li>                 <li><a href="#">Plan naselja</a></li>               </ul>           </li>           <li><a href="#">Golubinci</a>               <ul>                 <li><a href="#">O Golubincima</a></li>                 <li><a href="#">Plan naselja</a></li>               </ul>           </li>           <li><a href="#">Krnješevci</a>               <ul>                 <li><a href="#">O Krnješevcima</a></li>                 <li><a href="#">Plan naselja</a></li>               </ul>           </li>           <li><a href="#">Novi Banovci</a>               <ul>                 <li><a href="#">O Novim Banovcima</a></li>                 <li><a href="#">Plan naselja</a></li>               </ul>           </li>           <li><a href="#">Nova Pazova</a>               <ul>                 <li><a href="#">O Novoj Pazovi</a></li>                 <li><a href="#">Plan naselja</a></li>               </ul>           </li>           <li><a href="#">Stari Banovci</a>               <ul>                 <li><a href="#">O Starim Banovcima</a></li>                 <li><a href="#">Plan naselja</a></li>               </ul>           </li>           <li><a href="#">Surduk</a>               <ul>                 <li><a href="#">O Surduku</a></li>                 <li><a href="#">Plan naselja</a></li>               </ul>           </li>           <li><a href="#">Vojka</a>               <ul>                 <li><a href="#">O Vojki</a></li>                 <li><a href="#">Plan naselja</a></li>               </ul>           </li>         </ul>     </li>     <li><a class="MenuBarItemSubmenu" href="#">Poslovni adresar</a>         <ul>           <li><a href="#">Agencije</a>               <ul>                 <li><a href="#">Osiguranje</a></li>                 <li><a href="#">Knjigovodstvene</a></li>                 <li><a href="#">Turističke</a></li>               </ul>           </li>           <li><a href="#">Medicina</a>               <ul>                 <li><a href="#">Apoteke</a></li>                 <li><a href="#">Klinike</a></li>                 <li><a href="#">Ordinacije</a></li>               </ul>           </li>           <li><a href="#">Automobili</a>               <ul>                 <li><a href="#">Auto servisi</a></li>                 <li><a href="#">Auto delovi</a></li>               </ul>           </li>           <li><a href="#">Auto-škole</a></li>           <li><a href="#">Banke</a></li>           <li><a href="#">Benzinske pumpe</a></li>           <li><a href="#">Nega</a>               <ul>                 <li><a href="#">Frizerski saloni</a></li>                 <li><a href="#">Kozmetički saloni</a></li>                 <li><a href="#">Masaža</a></li>                 <li><a href="#">Parfimerije</a></li>               </ul>           </li>           <li><a href="#">Mašine i alati</a></li>           <li><a href="#">Plastičarske radnje</a></li>           <li><a href="#">Prehrana</a>               <ul>                 <li><a href="#">Mesare</a></li>                 <li><a href="#">Pekare</a></li>               </ul>           </li>           <li><a href="#">Ugostiteljstvo</a>               <ul>                 <li><a href="#">Kafići</a></li>                 <li><a href="#">Poslastičarnice</a></li>                 <li><a href="#">Restorani</a></li>                 <li><a href="#">Brza hrana</a></li>                 <li><a href="#">Noćni klubovi</a></li>               </ul>           </li>           <li><a href="#">Trgovina</a>               <ul>                 <li><a href="#">Butici</a></li>                 <li><a href="#">Bela tehnika</a></li>                 <li><a href="#">Cvećare</a></li>                 <li><a href="#">Knjižare</a></li>                 <li><a href="#">Prodavnice</a></li>                 <li><a href="#">Računari</a></li>                 <li><a href="#">Saloni nameštaja</a></li>                 <li><a href="#">Mobilni telefoni</a></li>                 <li><a href="#">Zlatare</a></li>               </ul>           </li>           <li><a href="#">Ostalo</a></li>        </ul>     </li>           <li><a class="MenuBarItemSubmenu" href="#">Važni telefoni</a>         <ul>            <li><a href="#">JKP</a></li>            <li><a href="#">Javne službe</a></li>            <li><a href="#">Mesne zajednice</a></li>            <li><a href="#">Poštanska služba</a></li>            <li><a href="#">Pravosudni organi</a></li>            <li><a href="#">Saobraćaj</a></li>            <li><a href="#">Zdravstvena služba</a></li>          </ul>     </li>     <li><a class="MenuBarItemSubmenu" href="#">Foto galerija</a>         <ul>           <li><a href="#">?????</a></li>         </ul>      </li>   </ul>   <div id="mainContent">     <h1> ST Pazova </h1>     <p>tekst     <br>tekst     <br>tekst     <br>tekst     <br>tekst     <br>tekst     <br>tekst     <h2>Bla Bla Bla</h2>     <p>tekst     <br>tekst     <br>tekst     <br>tekst     <br>tekst     <br>tekst     <br>tekst     </div>   <div id="footer">     <p>Ova boja je samo primer :)</p>  </div> </div> <script type="text/javascript"> <!-- var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); //--> </script> </body> </html>

SpryMenuBarHorizontal.*css
@charset "UTF-8"; ul.MenuBarHorizontal {    margin: 0;    padding: 0;    list-style-type: none;    font-size: 100%;    cursor: default;    width: auto;    background-image: none; } ul.MenuBarActive {    z-index: 1000; } ul.MenuBarHorizontal li {    margin: 0;    padding: 0;    list-style-type: none;    font-size: 12px;    position: relative;    text-align: center;    cursor: pointer;    width: 133px;    float: left;    vertical-align: middle;    background-image: url(../slike_za_sajt/images/dugme_z.jpg);    height: 25px;    font-family: Georgia, "Times New Roman", Times, serif;    font-style: italic;    font-weight: normal;    color: #FFFF00;    letter-spacing: normal; } ul.MenuBarHorizontal ul {    margin: 0;    padding: 0;    list-style-type: none;    font-size: 12%;    z-index: 1020;    cursor: pointer;    width: auto;    position: absolute;    left: -1000em;    background-image: url(../slike_za_sajt/images/dugme_z.jpg);    font-style: normal;    font-weight: bold; } ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {    left: auto; } ul.MenuBarHorizontal ul li {    width: 133px; } ul.MenuBarHorizontal ul ul {    position: absolute;    margin: -5% 0 0 95%; } ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {    left: auto;    top: 0; } ul.MenuBarHorizontal ul {    border: 0px solid #009bff; } ul.MenuBarHorizontal a {    display: block;    cursor: pointer;    padding: 0em;    color: #FFFF00;    text-decoration: none;    background-image: url(../slike_za_sajt/images/dugme_p.jpg);    height: 25px;    width: 133px;    font-style: normal;    font-weight: bold;    font-family: Georgia, "Times New Roman", Times, serif; } ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {    background-image: url(../slike_za_sajt/images/dugme_z.jpg);    font-size: 12px;    font-style: normal;    font-weight: bold;    font-family: Georgia, "Times New Roman", Times, serif;    text-align: center;    vertical-align: middle;    padding: 0px;    height: 25px;    width: 133px;    cursor: pointer;    text-decoration: none;    left: auto;    top: auto;    right: auto;    bottom: auto; } ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {    background-image: url(../slike_za_sajt/images/dugme_z.jpg);    color: #ffffff; } ul.MenuBarHorizontal a.MenuBarItemSubmenu {    background-image: url(../slike_za_sajt/images/dugme_p.jpg);    background-repeat: no-repeat;    background-position: center center;    font-family: Georgia, "Times New Roman", Times, serif;    font-size: 14px;    font-style: normal;    font-weight: bold;    text-decoration: none; } ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {    background-image: url(../slike_za_sajt/images/dugme_p.jpg);    background-repeat: no-repeat;    background-position: center center;    font-style: normal;    font-weight: bold;    text-decoration: none;    text-align: center;    vertical-align: middle;    height: 25px;    width: 133px;    font-size: 12px; } ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {    background-image: url(SpryMenuBarDownHover.gif);    background-repeat: no-repeat;    background-position: 95% 50%; } ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {    background-image: url(SpryMenuBarRightHover.gif);    background-repeat: no-repeat;    background-position: 95% 50%; } ul.MenuBarHorizontal iframe {    position: absolute;    z-index: 1010; } @media screen, projection {    ul.MenuBarHorizontal li.MenuBarItemIE    {       display: inline;       f\loat: left;       background: #FFF;    } }

Ko je trenutno na forumu
 

Ukupno su 1229 korisnika na forumu :: 65 registrovanih, 9 sakrivenih i 1155 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: alkatraz080, amaterSRB, Andrija357, bojcistv, ccoogg123, Danijel99, DejanSt, dekan.m, dencorr, Dimitrise93, djboj, DonRumataEstorski, DPera, Dragan1998, draganca, drazenm, dulleo, Faki-Valjevo, Georgius, goxin, h8propaganda, havoc995, hologram, hooraay, ILGromovnik, Istman, ivica976, jukeboxer, Klecaviks, kolle.the.kid, Krusarac, Krvava Devetka, Kubovac, kunktator, kybonacci, madza, Mercury, Mi lao shu, milenko crazy north, milimoj, moldway, mrav pesadinac, Nemanja.M, Ognjen D., oldtimer, panzerwaffe, Petarvu, raketaš, Recce, robert1979, sasa87, Singidunumac, slonic_tonic, Smajser, Srle993, tomigun, uruk, vathra, virked, VJ, voja64, wolverined4, yufighter, 125, 1107