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
u guyz can see that my sign in button is weird
Carlos
@CarlosFerrerCeldran
Hello, I have a question of image sizing and positioning into bootstrap columns. I have 3 images with different sizes, that I want to place in a 3-column row, one on each, and wish that images stay in the center of each box, how can I adjust the images to be plaed in the center of the box?
Marc M
@Marc-Moeller
I have a small question for menu text staying underlined even when user clicks somewhere else.
d1sr3
@d1sr3
@sorinr ok thanks, hopefully I'll do it myself
CamperBot
@camperbot
d1sr3 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 505 | @sorinr |http://www.freecodecamp.com/sorinr
NixonRichard
@NixonRichard
  <button type="submit" class="pure-button pure-input-1-2 pure-button-primary">Sign in</button>
Marc M
@Marc-Moeller
-->>> http://businessdemo1.xyz how do I keep the menu text underlined for as long as the user is on that page ?
NixonRichard
@NixonRichard
@flyyyperth u have to show us the code , man
Marc M
@Marc-Moeller
@NixonRichard sure thing, one sec
Sorin Ruse
@sorinr
@NixonRichard .bt{float:right;} ?
NixonRichard
@NixonRichard
that s for the buttons that i deleted
Marc M
@Marc-Moeller

```<a class="current hvr-underline-from-center" href="#0"> Home </a>

.hvr-underline-from-center {

  1. display: inline-block;
  2. vertical-align: middle;
  3. -webkit-transform: translateZ(0);
  4. transform: translateZ(0);
  5. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  6. -webkit-backface-visibility: hidden;
  7. backface-visibility: hidden;
  8. -moz-osx-font-smoothing: grayscale;
  9. position: relative;
  10. overflow: hidden;```
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