HTML / CSS / WebDesign

This room is now defunct. RIP.
Jan 17, 2018 08:10
@TylerH In other words .. as you can see .label is overlapping .text. But even if I click on .label it's still triggering the .label animation while a "focus" condition has only been applied on .text
Jan 17, 2018 08:08
@TylerH This is what I don't get. (btw I am not trying to achieve something different - this is the outcome that I want. I am just trying to understand why "focus" works on both .text and .label triggering the animation while it has been only applied on text)
Jan 17, 2018 08:08
@TylerH Thank you for your feedback. This is not my code. This is just a code I used for inspiration for the layout. The thing is that of course I know that "+" implies next sibling but in this example it's the focus that confuses me. The style has been applied on "label". The "focus" though has only been applied in the .text. How is it possible taken the example as it is for the label to trigger if I focus on it.
Jan 16, 2018 20:09
There is no way that if you click on "label" to trigger the above condition and yet it's happening. The focus is only on "input-text"
Jan 16, 2018 20:08
I really don't get it.
.contact-form .input-text:focus + .label, .contact-form .input-text.not-empty + .label {
  -webkit-transform: translateY(-24px);
          transform: translateY(-24px);
}
Jan 16, 2018 20:08
Hello guys. Please someone explain to me how the heck is "label" triggering the "text-input" event since the "focus" has only applied on everything else but label.
https://codepen.io/ainarela/pen/XXZymN?editors=0100
Jul 7, 2017 10:25
Sometimes I visit websites that have for example "counter time" html animated text which runs without having to load the page. What kind of asset this is? I know that JS code and CSS and other stuff in order to work they need you to load the page first. How a website can run a code all the time in the background even if the page is not loaded..
Jul 7, 2017 10:18
Hello. Is anyone here? I need to ask a general question regarding backend code of a website.
Jun 13, 2016 19:32
I will only apply the the rule to .child8 ... not the rest :/
Jun 13, 2016 19:32
.child1, .child2, .child3, .child4, .child5, .child6, .child7, .child8 ul li:nth-child(2) {margin-top: 10px;}
Jun 13, 2016 19:32
Why I can't use this syntax?
Dec 8, 2015 14:14
Please take a look again at my question . I've updated my code. The thing is that the htaccess for hotlinking works only the second time I load the direct link. For example from google search results I can see the www.mydomain.com/images/dog.png and select view image. It will show me the image and I will be able to download it too.. It will be not visible only if I reload that same link.
http://stackoverflow.com/questions/34155094/how-to-prevent-image-listing-in-google-search-results
Dec 8, 2015 13:01
outlook doesn't read css. It only reads inline styles but again it's very limited.
Dec 8, 2015 13:00
the worst!!!!
Dec 8, 2015 12:55
I think you can't use percentages this way
Dec 8, 2015 12:50
Floats are more flexible :)
Dec 8, 2015 12:49
.container div {
  display: inline-block;
}
Dec 8, 2015 12:49
or
Dec 8, 2015 12:48
If you want to use percentages I guess you have to use float
Dec 8, 2015 12:48
but then you have to use fixed width .
Dec 8, 2015 12:47
instead of div use span
Dec 8, 2015 12:45
so what's the problem?
Dec 8, 2015 12:45
.inside {
  float: left;
  width:33.3%;
}
Dec 8, 2015 12:45
@FrankLee
<div>
  <div class="inside">test</div>
  <div class="inside">test</div>
  <div class="inside">test</div>
</div>
Dec 8, 2015 12:42
float left
Dec 8, 2015 12:41
ok. So I add the .htaccess code too? btw I used a generator for this and that's why I got http(s).
Dec 8, 2015 12:38
(to prevent image hotlinking)
Dec 8, 2015 12:37
Do you guys believe that a robot.txt file should be sufficient?
Dec 8, 2015 12:34
@crypticツ No it should be http(s) because it's not always a https .. it could be just http
Dec 8, 2015 12:30
@crypticツ my coding knowledge is limited since I am a graphic designer. I do mistakes from time to time :)
Dec 8, 2015 12:29
@Duikboot I've designed newsletters and I can only tell that emails behave differently on each device. So you have to test it. Foe example Your email won't look the same in a android device with a gmail client with an iphone device :)
Dec 8, 2015 12:27
oh that was a mistake :(
Dec 8, 2015 12:19
I don't understand the downvote. Was my question bad?
Dec 8, 2015 12:03
0
Q: How to prevent image listing in google search results

MdermezMy website is all about images. Even though I've disabled some features that would allow the average user to download my images I want to prevent them from being indexed in Google search results (I guess this is the same with preventing hotlinking?) . I don't know if I have to do this using .htac...

Dec 2, 2015 15:16
check my answer
Dec 2, 2015 15:16
@Muhammet I think I found it :)
Dec 2, 2015 15:12
@Muhammet Check if my answer works for you .
Dec 2, 2015 14:53
if you have a highlighted result then that's it. if you lose the focus then you have to "find" it again :/ I guess ..
Dec 2, 2015 14:52
I read your question but I am not sure what do you want to do .. :/
Dec 2, 2015 14:51
@Muhammet alt+enter?
Dec 2, 2015 14:49
@Muhammet shift+f3 ?
Dec 2, 2015 14:44
well in the end it's SEO... isn't it ? :) websites are for the users .. and rankings depend on the visits from the users.. am I so wrong ? :)
Dec 2, 2015 14:42
So designing for the user it's SEO. if one day users change their mind and decide that they like mypage##1.thme.com (that's just an example) then everyone will try to convert their urls to look like this. So then it won't be just designing for the user. It will be SEO :)
Dec 2, 2015 14:39
it's a part of SEO in my opinion. Because it's the user that defines what will be on the top of results :)
 

Trash can

Like the recycle bin, but trashier.
Jan 2, 2017 20:15
then you should be more kind and just tell me which room is more appropriate .
Jan 2, 2017 20:14
Hello everyone. I will ask for your patience as I am not sure where to make the following question and from what I see all chat rooms are empty. I want to make a google analytics question. Does this forum accept google analytics related questions ?
 

JavaScript

Topic: Anything JavaScript, ECMAScript including Node, React, ...
Sep 2, 2016 10:06
@towc ? I don't understand
Sep 2, 2016 10:04
Hello everyone. This season I am trying to learn how to make preloaders. There so many articles about this in the web so I started looking for websites that have nice preloaders and learn from them on how to make one.
So I found this very nice website with a very well made preloader.

https://www.weblounge.be/

I am trying to find which script is making this preloader to work so nice. Any help would be more than welcome. I used the developers tools but I couldn't find much on how the preolader is activated and waits until the page is loaded.
 

CSS & SVG Shapes and Designs

Here we're all about making the most out of CSS, SVG, creating...
Apr 24, 2016 15:25
1
Q: Can't compress SVG with GZip

MdermezI am trying to use gzip in order to compress svg files and other data. The code that I've used is the following: <IfModule mod_mime.c> AddEncoding gzip svgz </IfModule> <IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE image/svg+...

Apr 24, 2016 15:25
Hello everyone. I need your help