ugrás a tartalomhoz

Archívum - Jan 2, 2010

CSS öröklési hiba

Viper · 2010. Jan. 2. (Szo), 20.52
Sziasztok!

Eddig úgy éreztem, hogy a css öröklési alapjait tudom, de most elbizonytalanodtam. Itt egy "félig" teszt oldal:

CSS Teszt

Probléma no. 1.: a "Felhaszn. név" és "jelszó" fontmérete. Ezt honnan veszi és miért? ( a css-ben szándékosan elcseszett pici fontméret van )

Probléma no. 2.: IE-ben miért nincs középen a div?

Illetve egy általános kérdés: hogyan is megy a css-ben az öröklés ( törölheti valami az öröklést? ), illetve ha egy adott elemen van "style" attribútum is és "class" is, akkor az hogyan kerül összeféslülésre?ű

Előre is köszi,

Tom
 ■

AJAX Collection

Anonymous · 2010. Jan. 2. (Szo), 16.15
Hasznos jQuery és MooTools szkriptek kategóriák szerinti gyűjteménye
 ■

GIMP 2.7 for Linux has a single windowed mode

Török Gábor · 2010. Jan. 2. (Szo), 12.40
SVN trönkben az egyablakos üzemmódot támogató GIMP
 ■

CSS div függőleges kitöltés

larryhughes · 2010. Jan. 2. (Szo), 12.36
Üdv!
Erősen ismerkedőben a CSS-el, egy olyan problémába ütköztem, amit jónéhány napi guglizás után sem sikerült megoldanom.
Van egy egyszerű honlap struktúra:
  1. <div id="header">valami</div>  
  2. <div id="content">valami</div>  
  3. <div id="footer">valami</div>  
A header és a footer 50px. Hogyan lehet megcsinálni azt, hogy a content div kitöltse a böngészőben a rendelkezésére álló függőleges teret úgy, hogy a footer a böngésző aljához illeszkedjen? A content tartalma esetenként csak néhány szó, ezért az nem mindig tudja biztosítani, hogy a honlap alja elérje a böngésző alját (különösen nagyobb felbontások esetén).
Néhány leírás alapján én ezzel próbálkoztam:
  1. html {  
  2. height: 100%;  
  3. }  
  4. body {  
  5. height: 100%;  
  6. margin: 0px;  
  7. padding: 0px;  
  8. }  
  9. #header {  
  10. width: 850px;  
  11. height: 50px;  
  12. margin: auto;  
  13. }  
  14. #content {  
  15. width: 850px;  
  16. min-height: 100%;   
  17. margin: auto;  
  18. }  
  19. #footer {  
  20. width: 850px;  
  21. height: 50px;  
  22. margin: auto;  
  23. }  
Sajnos ez sem igazán megfelelő, mert ekkor viszont már megjelenik a görgetősáv, és a footert csak legörgetve lehet elérni.
 ■

Javascript szülő osztály hívásának továbbörökítése

inf · 2010. Jan. 2. (Szo), 04.24
Üdv.

Van egy kis gondom, amire nem találtam semmilyen megoldást.
A lényeg, hogy származtatni szeretnék osztályokat egymásból, és a szülő osztály függvényeit elérni. A gondom az, hogy a szülő osztályból hívott függvényben a this.parent nem a nagyszülőre, hanem a szülőre vonatkozik, és így végtelen ciklusba kerül. Ez persze logikus, viszont kíváncsi vagyok létezik e megoldás ennek kikerülésére.

Itt egy példa:
  1. Object.prototype.extend=function (source)  
  2. {  
  3.     if (source)  
  4.     {  
  5.         for (var property in source)  
  6.         {  
  7.             if  
  8.             (  
  9.                 (property in Object.prototype)  
  10.                 ?  
  11.                     source[property]!==Object.prototype[property]  
  12.                 &&  
  13.                     this[property]===Object.prototype[property]  
  14.                 :  
  15.                     !(property in this)  
  16.             )  
  17.             {  
  18.                 this[property]=source[property];  
  19.             }  
  20.         }  
  21.     }  
  22.     return this;  
  23. };  
  24.   
  25. Object.prototype.implement=function (source)  
  26. {  
  27.     if (source)  
  28.     {  
  29.         for (var property in source)  
  30.         {  
  31.             if  
  32.             (  
  33.                 !(property in Object.prototype)  
  34.             ||  
  35.                 source[property]!==Object.prototype[property]  
  36.             )  
  37.             {  
  38.                 this[property]=source[property];  
  39.             }  
  40.         }  
  41.     }  
  42.     return this;  
  43. };  
  44.       
  45. Class=function (source)  
  46. {  
  47.     return function ()  
  48.     {  
  49.         if (this.initialize instanceof Function)  
  50.         {  
  51.             this.initialize.apply(this,arguments);  
  52.         }  
  53.     }.implement(source);  
  54. };  
  55.   
  56. Function.prototype.extend(  
  57. {  
  58.     extend: function (source)  
  59.     {  
  60.         this.prototype.extend(source.prototype);  
  61.         this.prototype.parent=source.prototype;  
  62.         return this;  
  63.     },  
  64.     implement: function (source)  
  65.     {  
  66.         this.prototype.implement(source);  
  67.         return this;  
  68.     }  
  69. });  
  70.       
  71. var a=new Class(  
  72. {  
  73.     initialize: function ()  
  74.     {  
  75.         this.a=1;  
  76.     }  
  77. });  
  78.   
  79. var b=new Class(  
  80. {  
  81.     initialize: function ()  
  82.     {  
  83.         this.parent.initialize.apply(this,arguments);  
  84.         this.b=1;  
  85.     }  
  86. }).extend(a);  
  87.   
  88. var c=new Class(  
  89. {  
  90.     initialize: function ()  
  91.     {  
  92.         this.parent.initialize.apply(this,arguments);  
  93.         this.c=1;  
  94.     }  
  95. }).extend(b);  
  96.   
  97. var d=new c;  
  98. alert(d.a && d.b && d.c);  
 ■