Új hozzászólás Aktív témák

• #2208 DNReNTi őstag pckownz #2207

  Új Válasz 2016-01-14 16:57:38 #2208

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  DNReNTi

  őstag

  válasz pckownz #2207 üzenetére

  DeveloperToolban látod hogy melyik tulajdonság melyik CSS szabályból jön, így hamar kiderül, honnan származik.

• #2206 fordfairlane veterán pckownz #2205

  Új Válasz 2016-01-13 15:31:36 #2206

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  fordfairlane

  veterán

  válasz pckownz #2205 üzenetére

  Ez nem oldja meg?

  <style>
  .pager.nocf::before {
  display: none;
  }
  </style>
  <ul class="pager nocf">
  </ul>

  Illetve most nem tudom, hogy végül is a paginationt vagy a pagert használod.

• #2204 CSorBA őstag pckownz #2203

  Új Válasz 2016-01-13 13:53:08 #2204

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  CSorBA

  őstag

  válasz pckownz #2203 üzenetére

  Ez így elég tág azért

  Meg kellene nézni, hogy milyen selector rakja rá neked azokat az after és before elementeket, és pontosan mit csinálnak. Nem a clrearfix véletlenül?

• #2202 CSorBA őstag pckownz #2201

  Új Válasz 2016-01-12 16:26:33 #2202

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  CSorBA

  őstag

  válasz pckownz #2201 üzenetére

  Specifikustól az általánosig tartó felsorolásos megadási mód. Mit töltsön be a böngésző az elérhető font készletből.

  Ez első konkrét betűtípus (Helvetica Neue),
  majd betűtípus család (Helvetica vagy Arial),
  végül talpas (serif) vagy talpatlant (sans-serif).

• #2198 fordfairlane veterán pckownz #2196

  Új Válasz 2016-01-07 13:55:38 #2198

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  fordfairlane

  veterán

  válasz pckownz #2196 üzenetére

  Alapból anchorral ellátott képekre szoktak rakni bordert a böngészők.
  Ez megoldja:
  a img {
  border: 0;
  }

• #2197 Zedz addikt pckownz #2196

  Új Válasz 2016-01-07 13:50:50 #2197

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Zedz

  addikt

  válasz pckownz #2196 üzenetére

  Margin, padding, fontok megjelenése, általában a méretek azok amik képesek máshogy megjelenni az egyes böngészőkben. Aztán ha reszponzívra is csinálod az oldalt, képbe jönnek a mobil böngészők, amik néha képesek furcsa dolgokra.

  De ha már mobil böngészők, nemrég fedeztem fel ezt a debug módszert.

• #2194 Sk8erPeter nagyúr pckownz #2193

  Új Válasz 2016-01-07 12:01:56 #2194

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Sk8erPeter

  nagyúr

  válasz pckownz #2193 üzenetére

  Ez a trükk oldja meg, tehát hogy a selectornál használod a [style] attribútum-meghatározást is (ezzel jelzed, hogy az adott elem rendelkezik a style attribútummal, és még specifikusabbá teszed a selectort), jelen esetben pl. span[style] lesz a jó megoldás:

  #fb_like_bottom > span[style], fb\:like > span[style] {
  vertical-align: top !important;
  }
  (igazából ugyanarra az elemre vonatkozik elvileg, csak több esetet is lefedtem, hátha máshol másképp jelenik meg)

• #2191 Sk8erPeter nagyúr pckownz #2190

  Új Válasz 2016-01-05 19:56:14 #2191

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Sk8erPeter

  nagyúr

  válasz pckownz #2190 üzenetére

  Relatív pozíciót adsz a fő szülőelemnek, majd a "fixen" pozicionálni kívánt elemeknek adsz egy közös osztályt, az az osztály pedig abszolút pozíciót kap, aztán meghatározod, hogy pontosan hol is jelenik meg (left, top, ilyesmi tulajdonságok). Lesd el pl. az általad belinkelt oldalról, esetleg keress Gugliban, tuti lesz erre is Stack Overflow-találat.

• #2189 Sk8erPeter nagyúr pckownz #2188

  Új Válasz 2016-01-05 16:53:18 #2189

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Sk8erPeter

  nagyúr

  válasz pckownz #2188 üzenetére

  Ott, ahol jelenleg is van. Hozzáadtam egy collapsed osztályt, és kicsit bénácska példával megmutatom, hogy mi történik (béna, mert setTimeouttal buzerálom a collapsed osztályt, hogy lásd, de most jó az vidékre a normális megoldásig):
  https://jsfiddle.net/6sjnj1g7/5/

• #2186 Sk8erPeter nagyúr pckownz #2184

  Új Válasz 2016-01-05 15:13:31 #2186

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Sk8erPeter

  nagyúr

  válasz pckownz #2184 üzenetére

  Gondolom arra a részre gondolsz, ami lenyílik a fölső, horizontálisan rendezett menünél, amelynek a gyerekeleme (egy dima <div>) már több, vertikálisan megjelenő (mivel fölülről lefelé vannak ott már az elemek), de horizontálisan egymás mellé rendezett listából áll.
  A példád nem jó ebben a formában, persze ez egyértelmű, de mondjuk olyan nagyon nem vágom, mit szerettél volna kihozni ebből.

  A lényeg: semmi mágia nincs benne, ilyesmi szerkezet:

  <ul>
  <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  <li>
  <a href="#">Aliquam tincidunt mauris eu risus.</a>
  <div class="ez_lesz_a_lenyilo_gyerekelem">
  <ul class="float_lefttel_egymas_melle_rendezve">
  <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  <li>Aliquam tincidunt mauris eu risus.</li>
  </ul>
  <ul class="float_lefttel_egymas_melle_rendezve">
  <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  <li>Aliquam tincidunt mauris eu risus.</li>
  </ul>
  <ul class="float_lefttel_egymas_melle_rendezve">
  <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  <li>Aliquam tincidunt mauris eu risus.</li>
  </ul>
  </div>
  </li>
  <li>Vestibulum auctor dapibus neque.</li>
  </ul>

  Gondolom értelemszerű, hogy itt a példában a float_lefttel_egymas_melle_rendezve el lesz látva egy float: left; tulajdonsággal. Az ez_lesz_a_lenyilo_gyerekelem osztállyal ellátott divet meg hoverre kéne előhozni, ez elvileg CSS-sel is megoldható, keress utána a dropdown menu CSS keresőszavakkal. (Természetesen sose legyen ilyen hülye nevű osztályaid, főleg ne magyarul, csak hogy érthető legyen a kód, itt azért alkalmaztam.)

• #2185 pckownz őstag pckownz #2184

  Új Válasz 2016-01-04 15:01:44 #2185

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  pckownz

  őstag

  válasz pckownz #2184 üzenetére

  [link]
  Ennel tovabb nem igazan jutok.
  Sajnos barmit csinalok, szettolja a "folso sort".

• #2183 martonx veterán pckownz #2182

  Új Válasz 2016-01-04 13:50:38 #2183

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  martonx

  veterán

  válasz pckownz #2182 üzenetére

  Akkor írd jobban körül, lehetőleg jsfiddle példával együtt

• #2180 Sk8erPeter nagyúr pckownz #2179

  Új Válasz 2016-01-03 01:35:34 #2180

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Sk8erPeter

  nagyúr

  válasz pckownz #2179 üzenetére

  Attól lesz "csúnya", hogy több a hátránya, mint az előnye.
  Az !important kulcsszó igazából arra való, hogy kierőszakold a Te stílus-meghatározásodat, hogy az legyen érvényes az adott elemre, ha a fene fenét eszik is. Téged nem érdekel, hogy más milyen stílust határozott meg valahol, legyen az a Te fájlod előtt vagy után, akkor is azt akarod, hogy az adott szöveg zöld legyen, és ne piros. (Igaz, ez egy másik !important szabállyal, ami ugyanerre az elemre vonatkozik, még így is felülbírálható.)
  Na ezzel csak az a baj, hogy ennek nem így kellene működnie. A sorrendben legutóbb megjelenő (esetleg specifikusabb) stílus-meghatározásnak kellene érvényesülnie (amennyiben nem a szintén ocsmány style-attribútum segítségével bedrótozott megoldásokról van szó), hogy több fejlesztő is tudjon egymástól függetlenül is dolgozni, ne feltétlenül legyen szükséges mások fájljába belekontárkodni ahhoz, hogy a Te stílus-meghatározásod érvényesüljön. Bosszantó tud lenni, amikor kiderül, hogy bár Te jól definiáltad a stílust, kiderül, hogy valaki elintézte, hogy a tiéd ne legyen érvényes, mert ott az !important kulcsszó. Na és akkor ott a harc, hogy de Te pedig akkor is, és akkor Te is odacsapod az !important kulcsszót. Szóval ez így gázos.
  Vannak esetek viszont, amikor nem tudsz jobbat - például épp az utóbb említett esetben, akár a Bootstrap alapvető szarait felülbírálva, vagy amikor böngésző-bővítményt fejlesztve szeretnél ráerőszakolni egy adott stílust valamilyen elemre (és mondjuk akár az oldalon alapból injektálódik később egy stíluslap, ami felülcsapná ezt a beállításodat, vagy bármi hasonló).

Új hozzászólás Aktív témák