MyCity » Web dizajn / HTML » Dreamweaver konfuzija

Dreamweaver konfuzija

Napisano na dan: 11.2.2008

Dreamweaver konfuzija
Sledeća strana Pagination

Idi na vrh

Poslao: 11 Feb 2008 23:50
Idi na vrh
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.
Poslao: 12 Feb 2008 00:27
Idi na vrh
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3760
  • 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



Poslao: 12 Feb 2008 00:52
Idi na vrh
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.

Poslao: 12 Feb 2008 17:14
Idi na vrh
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

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
  4. <title>Opština Stara Pazova</title>
  5. <style type="text/css">
  6. body {
  7.    font: 100% Georgia,Verdana,Times New Roman, Arial, Helvetica;
  8.    background: #1e1a8f;
  9.    margin: 0;
  10.    padding: 0;
  11.    text-align: center;
  12.    color: #000000;
  13. }
  14. .oneColFixCtrHdr #container {
  15.    width: 798px;
  16.    background: #009bff;
  17.    margin: 0 auto;
  18.    border: 2px solid #000000;
  19.    text-align: left;
  20. }
  21. .oneColFixCtrHdr #header h1 {
  22.    margin: 0;
  23.    padding: 0px 0;
  24. }
  25. .oneColFixCtrHdr #mainContent {
  26.    padding: 0 0px;
  27.    background: #009bff;
  28. }
  29. .oneColFixCtrHdr #footer {
  30.    padding: 0 0px;
  31.    background:#ff0033;
  32. }
  33. .oneColFixCtrHdr #footer p {
  34.    margin: 0;
  35.    padding: 10px 0;
  36. }
  37. </style>
  38. <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
  39. <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
  40. </head>
  41. <body class="oneColFixCtrHdr">
  42. <div id="container">
  43.   <div id="header">
  44.     <h1><img src="slike_za_sajt/images/zaglavlje129x798.jpg" alt="zaglavlje798x129"></h1>
  45.   </div>
  46.   <ul id="MenuBar1" class="MenuBarHorizontal">
  47.     <li><a class="MenuBarItemSubmenu" href="#">Opština</a>
  48.         <ul>
  49.           <li><a href="#">O opštini</a></li>
  50.           <li><a href="#">Teritorija opštine</a></li>
  51.           <li><a href="#">Položaj u državi</a></li>
  52.         </ul>
  53.     </li>
  54.     <li><a href="#">Stara Pazova</a>
  55.         <ul>
  56.           <li><a href="#">Istorija</a></li>
  57.           <li><a href="#">O Staroj Pazovi</a></li>
  58.           <li><a href="#">Plan grada</a></li>
  59.         </ul>
  60.     </li>
  61.     <li><a class="MenuBarItemSubmenu" href="#">Naseljena mesta</a>
  62.         <ul>
  63.           <li><a href="#">Belegiš</a>
  64.               <ul>
  65.                 <li><a href="#">O Belegišu</a></li>
  66.                 <li><a href="#">Plan naselja</a></li>
  67.               </ul>
  68.           </li>
  69.           <li><a href="#">Golubinci</a>
  70.               <ul>
  71.                 <li><a href="#">O Golubincima</a></li>
  72.                 <li><a href="#">Plan naselja</a></li>
  73.               </ul>
  74.           </li>
  75.           <li><a href="#">Krnješevci</a>
  76.               <ul>
  77.                 <li><a href="#">O Krnješevcima</a></li>
  78.                 <li><a href="#">Plan naselja</a></li>
  79.               </ul>
  80.           </li>
  81.           <li><a href="#">Novi Banovci</a>
  82.               <ul>
  83.                 <li><a href="#">O Novim Banovcima</a></li>
  84.                 <li><a href="#">Plan naselja</a></li>
  85.               </ul>
  86.           </li>
  87.           <li><a href="#">Nova Pazova</a>
  88.               <ul>
  89.                 <li><a href="#">O Novoj Pazovi</a></li>
  90.                 <li><a href="#">Plan naselja</a></li>
  91.               </ul>
  92.           </li>
  93.           <li><a href="#">Stari Banovci</a>
  94.               <ul>
  95.                 <li><a href="#">O Starim Banovcima</a></li>
  96.                 <li><a href="#">Plan naselja</a></li>
  97.               </ul>
  98.           </li>
  99.           <li><a href="#">Surduk</a>
  100.               <ul>
  101.                 <li><a href="#">O Surduku</a></li>
  102.                 <li><a href="#">Plan naselja</a></li>
  103.               </ul>
  104.           </li>
  105.           <li><a href="#">Vojka</a>
  106.               <ul>
  107.                 <li><a href="#">O Vojki</a></li>
  108.                 <li><a href="#">Plan naselja</a></li>
  109.               </ul>
  110.           </li>
  111.         </ul>
  112.     </li>
  113.     <li><a class="MenuBarItemSubmenu" href="#">Poslovni adresar</a>
  114.         <ul>
  115.           <li><a href="#">Agencije</a>
  116.               <ul>
  117.                 <li><a href="#">Osiguranje</a></li>
  118.                 <li><a href="#">Knjigovodstvene</a></li>
  119.                 <li><a href="#">Turističke</a></li>
  120.               </ul>
  121.           </li>
  122.           <li><a href="#">Medicina</a>
  123.               <ul>
  124.                 <li><a href="#">Apoteke</a></li>
  125.                 <li><a href="#">Klinike</a></li>
  126.                 <li><a href="#">Ordinacije</a></li>
  127.               </ul>
  128.           </li>
  129.           <li><a href="#">Automobili</a>
  130.               <ul>
  131.                 <li><a href="#">Auto servisi</a></li>
  132.                 <li><a href="#">Auto delovi</a></li>
  133.               </ul>
  134.           </li>
  135.           <li><a href="#">Auto-škole</a></li>
  136.           <li><a href="#">Banke</a></li>
  137.           <li><a href="#">Benzinske pumpe</a></li>
  138.           <li><a href="#">Nega</a>
  139.               <ul>
  140.                 <li><a href="#">Frizerski saloni</a></li>
  141.                 <li><a href="#">Kozmetički saloni</a></li>
  142.                 <li><a href="#">Masaža</a></li>
  143.                 <li><a href="#">Parfimerije</a></li>
  144.               </ul>
  145.           </li>
  146.           <li><a href="#">Mašine i alati</a></li>
  147.           <li><a href="#">Plastičarske radnje</a></li>
  148.           <li><a href="#">Prehrana</a>
  149.               <ul>
  150.                 <li><a href="#">Mesare</a></li>
  151.                 <li><a href="#">Pekare</a></li>
  152.               </ul>
  153.           </li>
  154.           <li><a href="#">Ugostiteljstvo</a>
  155.               <ul>
  156.                 <li><a href="#">Kafići</a></li>
  157.                 <li><a href="#">Poslastičarnice</a></li>
  158.                 <li><a href="#">Restorani</a></li>
  159.                 <li><a href="#">Brza hrana</a></li>
  160.                 <li><a href="#">Noćni klubovi</a></li>
  161.               </ul>
  162.           </li>
  163.           <li><a href="#">Trgovina</a>
  164.               <ul>
  165.                 <li><a href="#">Butici</a></li>
  166.                 <li><a href="#">Bela tehnika</a></li>
  167.                 <li><a href="#">Cvećare</a></li>
  168.                 <li><a href="#">Knjižare</a></li>
  169.                 <li><a href="#">Prodavnice</a></li>
  170.                 <li><a href="#">Računari</a></li>
  171.                 <li><a href="#">Saloni nameštaja</a></li>
  172.                 <li><a href="#">Mobilni telefoni</a></li>
  173.                 <li><a href="#">Zlatare</a></li>
  174.               </ul>
  175.           </li>
  176.           <li><a href="#">Ostalo</a></li>
  177.        </ul>
  178.     </li>
  179.      
  180.     <li><a class="MenuBarItemSubmenu" href="#">Važni telefoni</a>
  181.         <ul>
  182.            <li><a href="#">JKP</a></li>
  183.            <li><a href="#">Javne službe</a></li>
  184.            <li><a href="#">Mesne zajednice</a></li>
  185.            <li><a href="#">Poštanska služba</a></li>
  186.            <li><a href="#">Pravosudni organi</a></li>
  187.            <li><a href="#">Saobraćaj</a></li>
  188.            <li><a href="#">Zdravstvena služba</a></li>
  189.          </ul>
  190.     </li>
  191.     <li><a class="MenuBarItemSubmenu" href="#">Foto galerija</a>
  192.         <ul>
  193.           <li><a href="#">?????</a></li>
  194.         </ul> 
  195.     </li>
  196.   </ul>
  197.   <div id="mainContent">
  198.     <h1> ST Pazova </h1>
  199.     <p>tekst
  200.     <br>tekst
  201.     <br>tekst
  202.     <br>tekst
  203.     <br>tekst
  204.     <br>tekst
  205.     <br>tekst
  206.     <h2>Bla Bla Bla</h2>
  207.     <p>tekst
  208.     <br>tekst
  209.     <br>tekst
  210.     <br>tekst
  211.     <br>tekst
  212.     <br>tekst
  213.     <br>tekst
  214.     </div>
  215.   <div id="footer">
  216.     <p>Ova boja je samo primer :)</p>
  217.  </div>
  218. </div>
  219. <script type="text/javascript">
  220. <!--
  221. var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
  222. //-->
  223. </script>
  224. </body>
  225. </html>


SpryMenuBarHorizontal.*css
  1. @charset "UTF-8";
  2.  
  3. ul.MenuBarHorizontal
  4. {
  5.    margin: 0;
  6.    padding: 0;
  7.    list-style-type: none;
  8.    font-size: 100%;
  9.    cursor: default;
  10.    width: auto;
  11.    background-image: none;
  12. }
  13. ul.MenuBarActive
  14. {
  15.    z-index: 1000;
  16. }
  17. ul.MenuBarHorizontal li
  18. {
  19.    margin: 0;
  20.    padding: 0;
  21.    list-style-type: none;
  22.    font-size: 12px;
  23.    position: relative;
  24.    text-align: center;
  25.    cursor: pointer;
  26.    width: 133px;
  27.    float: left;
  28.    vertical-align: middle;
  29.    background-image: url(../slike_za_sajt/images/dugme_z.jpg);
  30.    height: 25px;
  31.    font-family: Georgia, "Times New Roman", Times, serif;
  32.    font-style: italic;
  33.    font-weight: normal;
  34.    color: #FFFF00;
  35.    letter-spacing: normal;
  36. }
  37. ul.MenuBarHorizontal ul
  38. {
  39.    margin: 0;
  40.    padding: 0;
  41.    list-style-type: none;
  42.    font-size: 12%;
  43.    z-index: 1020;
  44.    cursor: pointer;
  45.    width: auto;
  46.    position: absolute;
  47.    left: -1000em;
  48.    background-image: url(../slike_za_sajt/images/dugme_z.jpg);
  49.    font-style: normal;
  50.    font-weight: bold;
  51. }
  52. ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
  53. {
  54.    left: auto;
  55. }
  56. ul.MenuBarHorizontal ul li
  57. {
  58.    width: 133px;
  59. }
  60. ul.MenuBarHorizontal ul ul
  61. {
  62.    position: absolute;
  63.    margin: -5% 0 0 95%;
  64. }
  65. ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
  66. {
  67.    left: auto;
  68.    top: 0;
  69. }
  70. ul.MenuBarHorizontal ul
  71. {
  72.    border: 0px solid #009bff;
  73. }
  74. ul.MenuBarHorizontal a
  75. {
  76.    display: block;
  77.    cursor: pointer;
  78.    padding: 0em;
  79.    color: #FFFF00;
  80.    text-decoration: none;
  81.    background-image: url(../slike_za_sajt/images/dugme_p.jpg);
  82.    height: 25px;
  83.    width: 133px;
  84.    font-style: normal;
  85.    font-weight: bold;
  86.    font-family: Georgia, "Times New Roman", Times, serif;
  87. }
  88. ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
  89. {
  90.    background-image: url(../slike_za_sajt/images/dugme_z.jpg);
  91.    font-size: 12px;
  92.    font-style: normal;
  93.    font-weight: bold;
  94.    font-family: Georgia, "Times New Roman", Times, serif;
  95.    text-align: center;
  96.    vertical-align: middle;
  97.    padding: 0px;
  98.    height: 25px;
  99.    width: 133px;
  100.    cursor: pointer;
  101.    text-decoration: none;
  102.    left: auto;
  103.    top: auto;
  104.    right: auto;
  105.    bottom: auto;
  106. }
  107. ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
  108. {
  109.    background-image: url(../slike_za_sajt/images/dugme_z.jpg);
  110.    color: #ffffff;
  111. }
  112. ul.MenuBarHorizontal a.MenuBarItemSubmenu
  113. {
  114.    background-image: url(../slike_za_sajt/images/dugme_p.jpg);
  115.    background-repeat: no-repeat;
  116.    background-position: center center;
  117.    font-family: Georgia, "Times New Roman", Times, serif;
  118.    font-size: 14px;
  119.    font-style: normal;
  120.    font-weight: bold;
  121.    text-decoration: none;
  122. }
  123. ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
  124. {
  125.    background-image: url(../slike_za_sajt/images/dugme_p.jpg);
  126.    background-repeat: no-repeat;
  127.    background-position: center center;
  128.    font-style: normal;
  129.    font-weight: bold;
  130.    text-decoration: none;
  131.    text-align: center;
  132.    vertical-align: middle;
  133.    height: 25px;
  134.    width: 133px;
  135.    font-size: 12px;
  136. }
  137. ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
  138. {
  139.    background-image: url(SpryMenuBarDownHover.gif);
  140.    background-repeat: no-repeat;
  141.    background-position: 95% 50%;
  142. }
  143. ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
  144. {
  145.    background-image: url(SpryMenuBarRightHover.gif);
  146.    background-repeat: no-repeat;
  147.    background-position: 95% 50%;
  148. }
  149. ul.MenuBarHorizontal iframe
  150. {
  151.    position: absolute;
  152.    z-index: 1010;
  153. }
  154. @media screen, projection
  155. {
  156.    ul.MenuBarHorizontal li.MenuBarItemIE
  157.    {
  158.       display: inline;
  159.       f\loat: left;
  160.       background: #FFF;
  161.    }
  162. }

MyCity » Web dizajn / HTML » Dreamweaver konfuzija

Ko je trenutno na forumu
 

Ukupno su 1207 korisnika na forumu :: 111 registrovanih, 8 sakrivenih i 1088 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: 8u47, AleksSE, Alen1987, AndrejPetar, Andy, Ares12356, Avalon015, Ba4e, bbogdan, Ben Roj, Bojan198527, bojanstros9, Botovac, BOXRR, bpvl, brkan1, brundo65, Bubimir, bukefal, cemix, Chainsaw, Cicumile, Clouseau, Coabelgrade, Dambi, darkangel, DavidA, Dimitrise93, Djuro2000, Dzoni70, EXIT78, Frunze, g_g, gasha, Glavni Oružni, gomago, GveX, Inner-Cell, Insan, Ivan Campo, ivan1973, ivan979, ivanb, jalos, Japidson, Jerry Drake, Jomini, Jozo74, Još malo pa deda, Kanader, kenny74, Kepinger, kokodakalo, Kole1975, koom0001, Kruger, Kubovac, Kuroje, larix, lcc, Limeni91, ljuba, lucko1, luka35, Marko Marković, Marko1238, MarkoD, mean_machine, mercedesamg, metallac777, MiGac, milanovic, milenko crazy north, MILJEVINAC, mm1811, N.e.m.a.nj.a., nemkea71, niksa517, Nmr, Nobunaga, omen, opt1, pfc74, Prašinar, precan, Prečanin30, probisic, Pururin, Raso75, Ratnik84, RJ, royst33, samo opusteno, samoulogovankorisnik, sap, savuni, Shinobi, sickmouse, silikon, sixpac, stefanmpurtic, Tas011, Troja, TRZH92, tuja, Velički, vidra1, VJ, voja64, zax22r, 223223