Poslao: 25 Nov 2006 02:37
|
offline
- Svemirko
- Legendarni građanin
- Pridružio: 24 Mar 2004
- Poruke: 3962
- Gde živiš: Zemun
|
Kada odradim slececi kod javi mi se problem....
I FF-u imam prostor na vrhu i ispod a u IS imam samo ispod !?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>U cemu je stos ?</title>
<style type="text/css">
body {
background-color: #006666;
}
.meni {
width: 150px;
border: 1px solid black;
border-bottom-width: 0;
}
.meni p {
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
a {
display: block;
width: 130px;
padding-left: 20px;
padding-top: 0px;
background-color: #0066CC;
font: Tahoma;
font-size: 14px;
text-decoration: none;
color: white;
border-bottom: 1px solid black;
}
a:hover {
display: block;
width: 140px;
padding-left: 10px;
background-color: #0088FF;
font: Tahoma;
font-size: 14px;
text-decoration: none;
color: white;
border-bottom: 1px solid black;
}
</style>
</head>
<body>
<div class="meni">
<p>Naslov</p>
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
<a href="#">Link 4</a>
<a href="#">Link 5</a>
<a href="#">Link 6</a>
<a href="#">Link 7</a>
</div>
</body>
</html>
Ne zelim nikakav prostor kod naslova.....
Inace kod je kucan u notpadu pa je moguce da je prosla i neka greska, ali je jednostavno ne vidim.... hvala
|
|
|
Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
|
|
Poslao: 25 Nov 2006 06:45
|
offline
- Rastafarii
- Moderator foruma
- Pridružio: 22 Mar 2006
- Poruke: 3760
- Gde živiš: 127.0.0.1
|
Koliko ja vidim u 6:46 AM ovo bi mozda moglo da bude resenje... ali nisam siguran jer nisam spavao celu noc (problemi sa JS)...
Umesto <p>Naslov</p>
stavi <div>Naslov</div>
i uz izmenu CSS-a (tu mislim da mozes sam da se snadjes cim radis u NP) trebalo bi da radi...
|
|
|
|
Poslao: 25 Nov 2006 14:03
|
offline
- Pridružio: 26 Jul 2006
- Poruke: 48
- Gde živiš: Novi Sad
|
Da, dobro kaze rastafari samo div umesto p i resen posao...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<title>U cemu je stos ?</title>
<style type="text/css">
body {
background-color: #006666;
}
.meni {
width: 150px;
border: 1px solid black;
border-bottom-width: 0;
}
.meni div {
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial,
sans-serif;
}
a {
display: block;
width: 130px;
padding-left: 20px;
padding-top: 0px;
background-color: #0066CC;
font: Tahoma;
font-size: 14px;
text-decoration: none;
color: white;
border-bottom: 1px solid black;
}
a:hover {
display: block;
width: 140px;
padding-left: 10px;
background-color: #0088FF;
font: Tahoma;
font-size: 14px;
text-decoration: none;
color: white;
border-bottom: 1px solid black;
}
</style>
</head>
<body>
<div class="meni">
<div>Naslov</div>
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
<a href="#">Link 4</a>
<a href="#">Link 5</a>
<a href="#">Link 6</a>
<a href="#">Link 7</a>
</div>
</body>
</html>
Cudi me da padding nije skinuo razmak sa paragrafa,ako bas hoces sa p probaj da margin stavis na 0 mozda to skine razmak sa paragrafa.
|
|
|
|
Poslao: 25 Nov 2006 19:48
|
offline
- Svemirko
- Legendarni građanin
- Pridružio: 24 Mar 2004
- Poruke: 3962
- Gde živiš: Zemun
|
ok, ali sa ovim kodom se degenski ponasa u IE... u FF-u je ok !
hmm sta znaci ovo
padding: 1px 0;
znam sta je padding a sta je 1px i ova 0 ?
tnx !
|
|
|
|
Poslao: 25 Nov 2006 23:57
|
offline
- Rastafarii
- Moderator foruma
- Pridružio: 22 Mar 2006
- Poruke: 3760
- Gde živiš: 127.0.0.1
|
Svemirko ::Inace kod je kucan u notpadu pa je moguce da je prosla i neka greska, ali je jednostavno ne vidim.... hvala
Kako si otkucao nesto a da ne znas cemu sluzi?
Ajde pusti screenshot tog "degenskog" ponasanja u IE, ovako mi nista ne pada na pamet...
|
|
|
|
Poslao: 26 Nov 2006 02:06
|
offline
- Pridružio: 26 Jul 2006
- Poruke: 48
- Gde živiš: Novi Sad
|
Svemirko ::znam sta je padding a sta je 1px i ova 0 ?
w3schools.com/css/pr_padding.asp
Poz.
|
|
|
|
Poslao: 26 Nov 2006 02:38
|
offline
- Svemirko
- Legendarni građanin
- Pridružio: 24 Mar 2004
- Poruke: 3962
- Gde živiš: Zemun
|
@Rastafarii
LoL, pa to nisam ni video... tek sad vidim da imam to i ja ! ! !
Dakle, to je onda bila moja greska...... a sad vidim da to i postoji
cek jesi li ti mozda probao ovo kod tebe u IE ? Nije valjda da je kod tebe normalno !
@zxleka
tnx
|
|
|
|
Poslao: 26 Nov 2006 07:42
|
offline
- Rastafarii
- Moderator foruma
- Pridružio: 22 Mar 2006
- Poruke: 3760
- Gde živiš: 127.0.0.1
|
@Svemirko: sad sam se setio da sam i ja muku mucio sa padding-om koji IE i FF ne interpretiraju isto... probaj ovako:
a {
display: block;
width: 130px;
text-indent: 20px; //ovo ti je isto u FF i IE, za razliku od padding
padding-top: 0px;
background-color: #0066CC;
font: Tahoma;
font-size: 14px;
text-decoration: none;
color: white;
border-bottom: 1px solid black;
}
a:hover {
display: block;
width: 140px;
text-indent: 10px; //ovo ti je isto u FF i IE, za razliku od padding
background-color: #0088FF;
font: Tahoma;
font-size: 14px;
text-decoration: none;
color: white;
border-bottom: 1px solid black;
}
Ajde probaj pa javi meni je ovo uvek resavalo takve probleme...
Dopuna: 26 Nov 2006 7:42
Svemirko ::cek jesi li ti mozda probao ovo kod tebe u IE ? Nije valjda da je kod tebe normalno !
u IE generalno nista nije normalno... nije greska kod tebe ili mene...
|
|
|
|
Poslao: 26 Nov 2006 18:03
|
offline
- Svemirko
- Legendarni građanin
- Pridružio: 24 Mar 2004
- Poruke: 3962
- Gde živiš: Zemun
|
e probao sam sa text-indent: ali onda moram verovatno i sirinu da stavim kao i div od 150px.... generalno ovo radi samo onda width mora biti isti kao i kod div-a
Nego sto sad opet IE pravi problem cinimi se od 1px... bas kod naslova...
crna pozadina je kraca za 1-2px.... opet nesto zeza.... bem ti IE
U svakom slucaju hvala za text-indent, za to nisam znao... generalno tek ucim css, znam osnovno sam da iskucam, a ostatak ucim
|
|
|
|
Poslao: 26 Nov 2006 20:30
|
offline
- Rastafarii
- Moderator foruma
- Pridružio: 22 Mar 2006
- Poruke: 3760
- Gde živiš: 127.0.0.1
|
Svemirko ::e probao sam sa text-indent: ali onda moram verovatno i sirinu da stavim kao i div od 150px.... generalno ovo radi samo onda width mora biti isti kao i kod div-a
width: Bas tako prevideo sam to, nespavanje cini svoje...
ajde pusti novi kod, pa da vidim gde se IE "buni"...
|
|
|
|