Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
NixonRichard
@NixonRichard
so it s kind of useless now
Sorin Ruse
@sorinr
@NixonRichard delete it. its confusing. but where are this classes : "pure-button pure-input-1-2 pure-button-primary"
NixonRichard
@NixonRichard
they r purecss s classes
<form class="pure-form">
    <fieldset class="pure-group">
        <input type="text" class="pure-input-1-2" placeholder="Username">
        <input type="text" class="pure-input-1-2" placeholder="Password">
        <input type="email" class="pure-input-1-2" placeholder="Email">
    </fieldset>

    <fieldset class="pure-group">
        <input type="text" class="pure-input-1-2" placeholder="A title">
        <textarea class="pure-input-1-2" placeholder="Textareas work too"></textarea>
    </fieldset>

    <button type="submit" class="pure-button pure-input-1-2 pure-button-primary">Sign in</button>
</form>
these r the full codes
Sorin Ruse
@sorinr
@NixonRichard do you have a pure.css library that define those pure- classes because i see in your pen you have uploaded bootstrap and i haven't heard of a pure-... class definition ?
Carlos
@CarlosFerrerCeldran
can I vertically align an image in html?
NixonRichard
@NixonRichard
here @sorinr
Sorin Ruse
@sorinr
@NixonRichard ok then where do you load it in your pen to be recognised?
Kevin
@KevinBruland
@CarlosFerrerCeldran still trying to vertically align an image?
NixonRichard
@NixonRichard
<head>

  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
i added the link here
Carlos
@CarlosFerrerCeldran
yes, used center to adjust horizontally but can't seem to do it vertically
NixonRichard
@NixonRichard
Sorin Ruse
@sorinr
@NixonRichard put it after bootstrap.css
Kevin
@KevinBruland
@CarlosFerrerCeldran do you want it centered vertically, or like snapped to the top / bottom?
Erklik
@Erklik
Hey guys,
Carlos
@CarlosFerrerCeldran
centered vertically please
NixonRichard
@NixonRichard
<head>

  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
   <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
like this ? @sorinr
Erklik
@Erklik
Quick Question / Seeking Advice, Does anyone know a good tutorial or source of info on how i would go about creating a Vertical Accordion like Navigation?
Kevin
@KevinBruland
@CarlosFerrerCeldran I strongly advise checking out https://css-tricks.com/centering-css-complete-guide/
Sorin Ruse
@sorinr
@NixonRichard yes but not twice. get rid of that above bootstrap
Kevin
@KevinBruland
@CarlosFerrerCeldran I usually use flexbox, but that page is extremely useful... and will be useful in the future for helping to center things
d1sr3
@d1sr3
@sorinr solved it you don't have to bother with it anymore
NixonRichard
@NixonRichard
<head>

  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
   <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
it remained the same
d1sr3
@d1sr3
@sorinr $.ajax() does asynchronous calls by default and it messed up everything
Carlos
@CarlosFerrerCeldran
if I use flexbox, will that affect bootstrap's grid layout?
Kevin
@KevinBruland
@CarlosFerrerCeldran it shouldn't, no
Sorin Ruse
@sorinr
@d1sr3 yes. it does make calls async
Kevin
@KevinBruland
@CarlosFerrerCeldran I frequently use flexbox and bootstrap together
Carlos
@CarlosFerrerCeldran
ok, I'll try introducing flexbox and see what happens, thanks!
d1sr3
@d1sr3
@CarlosFerrerCeldran I used margin-top/bottom:x vh when I needed to move something vertically
kirbyedy
@kirbyedy
+1 for the flexbox :thumbsup:
very easy to work with
Sorin Ruse
@sorinr
@d1sr3 use async: false in ajax call if you want it sync
NixonRichard
@NixonRichard
hmm
@sorinr hey can u fix it ?
d1sr3
@d1sr3
@sorinr yes I just googled it and .responseText at the end
Sorin Ruse
@sorinr
@d1sr3 yep. i forgot to mention that :)
@NixonRichard yep. load your pen over http not https like: http://codepen.io/Ayanami_Rei/pen/zBRYdB
NixonRichard
@NixonRichard
why did that happen ?
http and https
Sorin Ruse
@sorinr
@NixonRichard because over https it does not load you pure.css
NixonRichard
@NixonRichard
weirddd
...
do u think this pure.css s a good framework ?