MyCity » Web dizajn / HTML » Mali CSS problem

Mali CSS problem

Napisano na dan: 25.11.2006
1

Mali CSS problem
Sledeća strana Pagination

Idi na vrh

Poslao: 25 Nov 2006 02:37
Idi na vrh
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.
Poslao: 25 Nov 2006 06:45
Idi na vrh
offline
  • PHP developer
  • 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
Idi na vrh
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
Idi na vrh
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 !

Poslao: 25 Nov 2006 23:57
Idi na vrh
offline
  • PHP developer
  • 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
Idi na vrh
offline
  • Pridružio: 26 Jul 2006
  • Poruke: 48
  • Gde živiš: Novi Sad

Svemirko ::znam sta je padding a sta je 1px i ova 0 ?

[Link mogu videti samo ulogovani korisnici]

Poz.

Poslao: 26 Nov 2006 02:38
Idi na vrh
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

Poslao: 26 Nov 2006 07:42
Idi na vrh
offline
  • PHP developer
  • 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 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...

Poslao: 26 Nov 2006 18:03
Idi na vrh
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

Poslao: 26 Nov 2006 20:30
Idi na vrh
offline
  • PHP developer
  • 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 Smile prevideo sam to, nespavanje cini svoje...

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

MyCity » Web dizajn / HTML » Mali CSS problem

Ko je trenutno na forumu
 

Ukupno su 1207 korisnika na forumu :: 101 registrovanih, 10 sakrivenih i 1096 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 15694 - dana 01 Feb 2026 12:23

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: 33 bren, 8u47, A.R.Chafee.Jr., ALEKSICMILE, aleph_one, Aska, Asteker, AudioTehnica, Bobrock1, bojcistv, Borski1977, Bubimir, BZ, Chainsaw, Cicumile, Crazzer, darcaud, dearg, Dimitrise93, Dorijan Grej, draganl, DrMrPr, DS01, dule10savic, Džekson, Fabius, Fliper, Futurama, Gaga_89, Goran_, Grochow, Igor Antonic, igorkozar83, IQ116, ivran064, Jan, Jomini, Jozo74, Kobrim, kokodakalo, koneks, kybonacci, ljuba, Ljusa, luka35, Marko Marković, marsi, mercedesamg, MGBRBG, Michellefromrezistance, mikrimaus, Mikulino, Miletić Zoran, milimoj, Mićko, nebojsag, nightwish, nnnnnnnnnn, nsharambasa, opt1, orfanel, Oscar, Pale2025, Papadubi, pavle_pzs, Pekman, Pero Petković, Povratak1912, raptorsi, raster12, RD84, renvoi, Ripanjac, sajorg, sap, Sevatar, simicnenadbg, Singidunumac, Sićko, Stefan M, stefan95, Stevan Visoki, tmanda323, tritonus, Tumansky, Utd4ce, vathra, Vatreni Zmaj, Vica1958, VJ, vojnik švejk, volimpivuvolimrakiju, vuksa72, wolf1, wolf431, xAlex2, yrraf, zicko.spacek, zmajbre, šumar bk2, 1324