MyCity » Web dizajn / HTML » Može li pomoć oko css-a?

Može li pomoć oko css-a?

Napisano na dan: 23.4.2008
1

Može li pomoć oko css-a?
Sledeća strana Pagination

Idi na vrh

Poslao: 24 Apr 2008 09:54
Idi na vrh
offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Evo napravio sam nekako MenuBar u css-u, ali imam probleme koje nikako ne mogu da rešim, evo koda:

  1. @charset "utf-8";
  2. .menu {font-family: Verdana, Arial, Helvetica, sans-serif; width:100%; height:25px;
  3.        position:relative; font-size:12px; z-index:100;}
  4. .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#06509c;
  5.                                       width:129px; height:22px; text-align:center; color:#d4eaff;
  6.                              background-image:url(../dugmad/157x25.png); line-height:20px;
  7.                              font-size:12px; overflow:hidden;}
  8. .menu ul {padding:0; margin:0; list-style: none;}
  9. .menu ul li {float:left; position:relative;}
  10. .menu ul li ul {display: none;}
  11. .menu ul li:hover a {color:#06509c; background-image:url(../dugmad/157x25_p.png);}
  12. .menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
  13. .menu ul li:hover ul li a.hide {background-image:url(../dugmad/153x25pad1.png); color:#d4eaff;}
  14. .menu ul li:hover ul li:hover a.hide {background-image:url(../dugmad/153x25pad2.png);color:#06509c;}
  15. .menu ul li:hover ul li ul {display: none;}
  16. .menu ul li:hover ul li a {display:block; background-image:url(../dugmad/150x25pad1.png); color:#d4eaff;width:150px}
  17. .menu ul li:hover ul li a:hover {background-image:url(../dugmad/150x25pad2.png); color:#06509c;width:150px;}
  18. .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
  19. .menu ul li:hover ul li:hover ul.left {left:-150px;}


Treba da ga prilagodim u IE pošto ne radi, da podesim da mi u glavnom meniju svako dugme ima svoju širinu i da mi MenuBar bude širok preko cele stranice. Stavio sam mu širinu 100%, ali mi hvali 3-4 piksela! Ako je neko voljan da pokuša.......

Dopuna: 24 Apr 2008 9:54

Zar niko nije voljan??? Sad



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 24 Apr 2008 15:42
Idi na vrh
offline
  • Pridružio: 22 Jun 2006
  • Poruke: 409

probaj da ubaciš ovo:

  1. html, body, div, p, {
  2.    margin: 0;
  3.    padding: 0;
  4. }


To bi trebali da sredi te piksele.



Poslao: 24 Apr 2008 18:31
Idi na vrh
offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Ne, ipak nije to!
To mi je pomerio kada sam dodao u ovaj red širinu 150px:

  1. .menu ul li:hover ul li a {display:block; background-image:url(../dugmad/150x25pad1.png); color:#d4eaff;width:150px}
a treba mi baš određena širina!

Poslao: 24 Apr 2008 18:45
Idi na vrh
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3760
  • Gde živiš: 127.0.0.1

@Crazy Wiking: da li ti <div> u kome se nalazi <div class="menu">, kao i body, ima sirinu 100%?

Probaj da u podesavanje menu klase dodas display: block; - to ce verovatno da sredi tvoj problem, za sirinu dugmeta si "provalio" kako ide, a u IE6 99.99% ovo nece da radi bez pomoci dodatne JS Sad

Poslao: 25 Apr 2008 17:36
Idi na vrh
offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Ma to znam i ja da neće da šljaka, barem ne u 7. Neki problem ili usmerenje?

Dopuna: 24 Apr 2008 21:39

u body nemam jer mi je sajt ograničen na 778px, a blok mi ne rešava problem! Sad

Dopuna: 25 Apr 2008 16:33

Evo me skoro na kraju! Mr. Green
Uspeo sam da napravim css MenuBar kakav mi odgovara i koji radi u IE, FF, Operi i Netscape, ali mi mali problem pravi Safari. Sad

Naime, sve lepo šljaka, ali Safari za razliku od drugih prikazuje deblji font i samim time mi raširi nekoliko px MenuBar, dovoljno da mi jedno dugme prebaci u drugi red, pa mi treba hack za Safari da mu zadam manji padding koji bi samo on video! Time bi smanjio širinu MenuBara i vratio ga u normalu.

Dakle imam ovo:
padding: 0 16px; i to je ekstra za sve sem za Safaria, a za njega mi treba
padding: 0 14px;

Kojim hackom da zadam da samo Safari vidi padding: 0 14px; ? Question

Dopuna: 25 Apr 2008 17:36

Rešeno bez hack-a!!! Mr. Green
Pozz......

Poslao: 26 Apr 2008 13:18
Idi na vrh
offline
  • Pridružio: 01 Apr 2006
  • Poruke: 658
  • Gde živiš: Kruševac

pa reci ovde kako si resio problem da bi i drugi posle mogli da rese takav problem Wink

Poslao: 26 Apr 2008 16:42
Idi na vrh
offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

To je rešenje za moj css fajl, ne može se primeniti na sve, ali ako te baš zanima, stavio sam padding: 0 14px; pa sam u html-u dodavao prazna mesta kako bi ga raširio, po jedan znak za svako dugme. Time sam dobio idealnu širinu za Safari i 4-5px kraći MenuBar za ostale browsere, a da se to ne vidi ubacio sam MenuBar div u još jedan div koji ima za pozadinu sliku MenuBara koja se ponavlja po x osi!

Valjda si me razumeo! Mr. Green

Dopuna: 26 Apr 2008 16:42

Kako da zadam u css da mi se u određenom tagu, recimo x, tekst prebacuje u novi red i uvuče recimo za 10px?

Znači ovako da kucam:
<p>Glavni texst</p><x>Tekst</x><x>Tekst</x><x>Tekst</x>

a da mi prikaže:

Glavni tekst
Tekst
Tekst
Tekst

Poslao: 26 Apr 2008 17:21
Idi na vrh
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3760
  • Gde živiš: 127.0.0.1

  1. <p>Glavni tekst</p>
  2. <div style="margin-top: 10px; padding-left: 30px;">Tekst<br />
  3. Tekst<br />
  4. Tekst<br /></div>


Samo sto (naravno) ovaj CSS koji sam ja naveo inline definises kao neku klasu, vec sam ti pricao o tome Smile

Poslao: 07 Maj 2008 19:11
Idi na vrh
offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Da, da kao klasa mi i treba. Hvala ti puno, još jednom! Wink

Dopuna: 07 Maj 2008 19:11

  1. @charset "utf-8";
  2. body {
  3.    font: 12px Verdana, Arial, Helvetica, sans-serif;
  4.    background: #0065a2;
  5.    margin: 0;
  6.    padding: 0;
  7.    text-align: center;
  8.    color: #000000;
  9. }
  10. #container {
  11.    width:1003px;
  12.    background-color: #e6f3ff;
  13.    margin: 0px auto;
  14.    padding:0px;
  15.    min-height:100%;
  16. }
  17. #header {
  18.    width:1003px;
  19.    background-color: #e6f3ff;
  20.    height: 129px;
  21.    float:left;
  22. }
  23. #pozadina {
  24.    background-image: url(dugmad/167x25.png);
  25.    background-repeat:repeat-x;
  26.    height:25px;
  27.    width:1003px;
  28.    position: absolute;
  29.    top:129px;
  30.    z-index:500;
  31.    left: 0px;
  32. }
  33. #centar {
  34.    position: relative;
  35.    left:184;
  36.    padding:31px 10px 30px 10px;
  37.    font: 12px Verdana, Arial, Helvetica, sans-serif;
  38.    background-color: #e6f3ff;
  39.    width:615px;
  40.    line-height:120%;
  41.    text-align:left;
  42. }
  43. *:lang(en) #centar {
  44.    position:absolute !important;
  45.    top:129px !important;
  46.    left:184px !important;
  47.    padding:31px 10px 30px 10px;
  48.    font: 12px Verdana, Arial, Helvetica, sans-serif;
  49.    background-color: #e6f3ff;
  50.    width:615px;
  51.    line-height:120%;
  52. }
  53. #leva {
  54.    width: 170px;
  55.     background-color:#e6f3ff;
  56.    padding-top:31px;
  57.    padding-bottom:30px;
  58.    float:left;
  59.    margin-left:6px !important;
  60.    margin-left:4px;
  61. }
  62. #desna {
  63.     background-color:#e6f3ff;
  64.    width:170px;
  65.    padding-top:31px;
  66.    padding-bottom:30px;
  67.    float:right;
  68.    margin-right:7px !important;
  69.    margin-right:3px;
  70. }
  71. #footer {
  72.    position: relative;
  73.    bottom:0;
  74.    font:11px Verdana, Arial, Helvetica, sans-serif;
  75.    color: #ffffff;
  76.    text-align: center;
  77.    background-image: url(slike/footer.png);
  78.    height: 58px;
  79.    width: 1003px;
  80.    clear:both;
  81. }


Gde grešim?
Kako da podesim da mi u svim Browserima footer bude na dnu i da ga bilo koja od tri kolone (leva, desna centar) guraju dole. Nikako da ga navatam, a sa ovim kodom samu uspeo da dobijem sve to, ali samo za IE!

Poslao: 07 Maj 2008 23:26
Idi na vrh
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3760
  • Gde živiš: 127.0.0.1

Imas 2 potpuno nepotrebna podesavanja, position i bottom Smile dok ti za dobijanje definisane visine treba jedno koje nemas, display Smile

  1. #footer {
  2.    font:11px Verdana, Arial, Helvetica, sans-serif;
  3.    color: #ffffff;
  4.    text-align: center;
  5.    background-image: url(slike/footer.png);
  6.    height: 58px;
  7.    width: 1003px;
  8.    clear:both;
  9.    display: block;
  10. }

MyCity » Web dizajn / HTML » Može li pomoć oko css-a?

Ko je trenutno na forumu
 

Ukupno su 1219 korisnika na forumu :: 101 registrovanih, 7 sakrivenih i 1111 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: A.R.Chafee.Jr., Aleksej, Arahne, armor, Avalon015, Baba_Yagi_Antena, bbelic, Bickoooo, Black Luster Soldier, bobomicek, bojan581, bokisha253, boromir, brundo65, Car89, ccoogg123, Cicumile, cvrle312, d.arsenal321, dacanaldo, DalmatinacMF, damirZR, DavidA, debeli, Dejan_vw, dekan.m, Dimitrise93, djordje92sm, Djota1, dmrdc, Dzoni2412, eagle.rs, Electron, EXIT78, Feller, Flanker-G, Glavni Oružni, gomago, goran.vvv, GORDI, ivan_8282, ivran064, jalos, Jaz, kn19, Kobrim, Lester Freamon, Limeni91, Litostroton, ljuba, luka1978, MarkoD, Martin543, maxim_von_burdengate, mercedesamg, Mercury, metallac777, Milan Miscevic, milbos, moldway, Mrav Obrad, nebojsag, Nemanja Opalić, nemkea71, Novakomp, Ognjen27, omen, OtacMakarije, Pale2025, Pancevac, Panzer88, Pilence, Polemarchoi, Prašinar, Prečanin30, probisic, proka89, radionica1, raptorsi, rednap, repac, samoulogovankorisnik, sap, savuni, sekretar, Sir Budimir, Slingshot, sluga, Srki94, tmanda323, UAV operator, virked, voja64, Volkcho, VP6919, Wrangler, Yellow Pinky, Zimbabwe, Zoran1959, Zorge, šumar bk2