Mali CSS problem

1

Mali CSS problem

offline
  • 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.
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3673
  • 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...



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.

offline
  • 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 !

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3673
  • 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...

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.

offline
  • 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 Smile

cek jesi li ti mozda probao ovo kod tebe u IE ? Nije valjda da je kod tebe normalno !



@zxleka
tnx

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3673
  • 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 Smile 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...

offline
  • 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 Smile

U svakom slucaju hvala za text-indent, za to nisam znao... generalno tek ucim css, znam osnovno sam da iskucam, a ostatak ucim Smile

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3673
  • 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 Smile prevideo sam to, nespavanje cini svoje...

ajde pusti novi kod, pa da vidim gde se IE "buni"...

Ko je trenutno na forumu
 

Ukupno su 846 korisnika na forumu :: 19 registrovanih, 5 sakrivenih i 822 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., aleksmajstor, BlekMen, croato, Dimitrise93, djboj, HrcAk47, hyla, indja, Jovan Nenad, kovinacc, kvcali, lekso, madza, MB120mm, mercedesamg, VJ, vladancekicsrb, vladas87