|
Poslao: 24 Apr 2008 09:54
|
offline
- Crazy Wiking
- Legendarni građanin
- 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:
@charset "utf-8";
.menu {font-family: Verdana, Arial, Helvetica, sans-serif; width:100%; height:25px;
position:relative; font-size:12px; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#06509c;
width:129px; height:22px; text-align:center; color:#d4eaff;
background-image:url(../dugmad/157x25.png); line-height:20px;
font-size:12px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#06509c; background-image:url(../dugmad/157x25_p.png);}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background-image:url(../dugmad/153x25pad1.png); color:#d4eaff;}
.menu ul li:hover ul li:hover a.hide {background-image:url(../dugmad/153x25pad2.png);color:#06509c;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background-image:url(../dugmad/150x25pad1.png); color:#d4eaff;width:150px}
.menu ul li:hover ul li a:hover {background-image:url(../dugmad/150x25pad2.png); color:#06509c;width:150px;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.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??? 
|
|
|
|
|
Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
|
|
|
Poslao: 24 Apr 2008 15:42
|
offline
- Wraith
- Ugledni građanin
- Pridružio: 22 Jun 2006
- Poruke: 409
|
probaj da ubaciš ovo:
html, body, div, p, {
margin: 0;
padding: 0;
}
To bi trebali da sredi te piksele.
|
|
|
|
|
|
|
Poslao: 24 Apr 2008 18:31
|
offline
- Crazy Wiking
- Legendarni građanin
- 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:
.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
|
offline
- Rastafarii
- Moderator foruma
- 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
|
|
|
|
|
|
|
Poslao: 25 Apr 2008 17:36
|
offline
- Crazy Wiking
- Legendarni građanin
- 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!
Dopuna: 25 Apr 2008 16:33
Evo me skoro na kraju! 
Uspeo sam da napravim css MenuBar kakav mi odgovara i koji radi u IE, FF, Operi i Netscape, ali mi mali problem pravi Safari.
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; ? 
Dopuna: 25 Apr 2008 17:36
Rešeno bez hack-a!!!
Pozz......
|
|
|
|
|
|
|
Poslao: 26 Apr 2008 13:18
|
offline
- Bojan Denić
- Zaslužni građanin
- 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 
|
|
|
|
|
|
|
Poslao: 26 Apr 2008 16:42
|
offline
- Crazy Wiking
- Legendarni građanin
- 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!
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
|
offline
- Rastafarii
- Moderator foruma
- Pridružio: 22 Mar 2006
- Poruke: 3760
- Gde živiš: 127.0.0.1
|
<p>Glavni tekst</p>
<div style="margin-top: 10px; padding-left: 30px;">Tekst<br />
Tekst<br />
Tekst<br /></div>
Samo sto (naravno) ovaj CSS koji sam ja naveo inline definises kao neku klasu, vec sam ti pricao o tome 
|
|
|
|
|
|
|
Poslao: 07 Maj 2008 19:11
|
offline
- Crazy Wiking
- Legendarni građanin
- Pridružio: 13 Jan 2008
- Poruke: 3657
- Gde živiš: Stara Pazova
|
Da, da kao klasa mi i treba. Hvala ti puno, još jednom!
Dopuna: 07 Maj 2008 19:11
@charset "utf-8";
body {
font: 12px Verdana, Arial, Helvetica, sans-serif;
background: #0065a2;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
#container {
width:1003px;
background-color: #e6f3ff;
margin: 0px auto;
padding:0px;
min-height:100%;
}
#header {
width:1003px;
background-color: #e6f3ff;
height: 129px;
float:left;
}
#pozadina {
background-image: url(dugmad/167x25.png);
background-repeat:repeat-x;
height:25px;
width:1003px;
position: absolute;
top:129px;
z-index:500;
left: 0px;
}
#centar {
position: relative;
left:184;
padding:31px 10px 30px 10px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
background-color: #e6f3ff;
width:615px;
line-height:120%;
text-align:left;
}
*:lang(en) #centar {
position:absolute !important;
top:129px !important;
left:184px !important;
padding:31px 10px 30px 10px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
background-color: #e6f3ff;
width:615px;
line-height:120%;
}
#leva {
width: 170px;
background-color:#e6f3ff;
padding-top:31px;
padding-bottom:30px;
float:left;
margin-left:6px !important;
margin-left:4px;
}
#desna {
background-color:#e6f3ff;
width:170px;
padding-top:31px;
padding-bottom:30px;
float:right;
margin-right:7px !important;
margin-right:3px;
}
#footer {
position: relative;
bottom:0;
font:11px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
background-image: url(slike/footer.png);
height: 58px;
width: 1003px;
clear:both;
}
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!
|
|
|
|
|
|
|
|
