402 Posted Topics
 | The css in your MQ should look something like this @media (min-width: 400px) and (max-width: 800px){ #small_box_r { float: none; width: auto; } }  |
 | That means there's nothing (except for a cgi-bin folder) in your public directory. You have to install WP on your server.  |
| | You can draw lines with `::before` and `::after` pseudo elements. Here's a little demo. It's not exactly your layout and I've used a fixed layout, but if yours is fluid (percentage based) then it's also doable. It's only a bit more tricky to do the math and some widths of … |
 | OMG... can someone please kill this thread??? :)  |
 | I thought I eplied on this yesterday, but I don't see it. Anyways... try adding `overflow: hidden` to `#searchbox` in your CSS. I see in inspector a weird overlap, so it might cover those links. It's a wild guess and I didn't check it in IE8 myself. On a side … |
| | For (multiple) media queries in javascript look into window.matchMedia() http://www.javascriptkit.com/javatutors/matchmediamultiple.shtml |
| | This thread smells like spam to me. It's pretty obvious that one would go to the play framework website itself to learn how to build their apps. |
| | No, you can't. Only if you inline your SVG you have quite some possibilities to style or animate its properties either through CSS or JS. |
| | Indeed! Bootstrap is an overkill for small or single page websites. There are some that even create simple coming soon pages with it... sigh! |
| | https://www.htmlcommentbox.com/ |
 | Try reinitialise waypoint with the `.done()` callback. https://api.jquery.com/jquery.post/ |
| | Don't double post with the same question! You've got already a good reply in your previous thread how to center elements. |
 | Add this to your stylesheet. html, body { width: 100% } |
| | If you use floats on the boxes you take them out of the normal document flow so they won't dictate the height of the parent anymore. The overflow trick is indeed a method to solve this, but use `overflow: hidden` instead to clear the floats and to avoid the scrollbar … |
 | Why do you want to do this with JS/jQuery? This could, and perhaps should, be done with CSS. Look into a tutorial '[buttons with CSS sprites](https://www.google.com/search?q=buttons+with+CSS+sprites&ie=utf-8&oe=utf-8&gws_rd=cr,ssl&ei=-2oqV7nSCYHw6AT73rvwBw)'. What you have now (only images and not real text for your links) is also not really SEO and screen reader friendly. |
| | |
 | The HTML of that `slicknav_menu` section gets added dynamically by `jquery.slicknav.min.js` (I think) and it's not in use by your theme, so you can just delete (or comment out first) the slicknav related js and css files from your HTML. |
| | You will have to define the animation name in the @keyframe: @keyframe er { /* do animations */ } And to erase your object, you will need another method then an inline SVG. Probably canvas, but I'm not sure so you will have to dive into that yourself. |
| | Don't save it in Photoshop as HTML. You'll get rubbish as you can see. Just recreate the the design with CSS and proper mark up. A lot of things you can do nowadays pure with CSS unless you need to support IE8 and below. http://learn.shayhowe.com/html-css/ |
| | Re: IE9 text-shadow? Who cares that IE9 doesn't get a text-shadow? Look into feature detection with [Modernizr](https://modernizr.com/) or the likes, create a decent fallback solution and move on! http://dowebsitesneedtolookexactlythesameineverybrowser.com/ |
| | Try using the Google web font loader. http://publishing-project.rivendellweb.net/loading-fonts/ When using web fonts it's recommended to use a web font loading strategy such as Google Web Font loader or Font Face Observer which also can be applied to Google Web Fonts. https://www.bramstein.com/writing/web-font-loading-patterns.html |
| | There's not a really a header tag used, but there's a div tag #header in the CSS & HTML. |
| | Override it with this in your child theme style.css * { margin: auto } This will bring back the browsers' default margin of your elements. |
| | You have to show the preloader with CSS and hide it with `$(window).load()`, when everything has been loaded. $(window).load(function(){ $("#Preloader").fadeOut(1000); }); |
| | Re: SVG Element Size hericles is right. Give the containing element in your CSS the same dimensions as the svg's viewBox size and sharing your code would be indeed handy.  |
| | This is how I approach any project: 1. Define the core functionality 2. Make that work without any bells & whistles (even if the UX sucks) 3. Enhance |
| | If you write `a.submenu ul li` you say that `ul` is a descendant of `a.submenu`, but that's not the case in that markup. That `ul` is an adjacent sibling of `a.submenu`, so if you want to select that `ul`, you'll use the adjacent sibling combinator (+), so like this `a.submenu … |
| | You can't transition the display property, so instead you could use `opacity: 0` in combination with `visibilty: hidden` or hide that div off-screen with `top: -100%` (for example) and on hover you set it to `top: 0` (or a bit more so that it will appear underneath). |
| | Looking at the source of your HTML, I don't see the sections with the ID you want to scroll to. If you have for example this: <a href="#featured"><i class="glyphicon glyphicon-list-alt"></i> Despre Mine</a> Then you should have further down the HTML an element with that ID like so: <section id="featured"> <p>Featured … |
| | |
| | With this `transform: rotateY` you rotate over the y-axis thus vertical. To flip horizontal you'll need to rotate over the x-axis; `transform: rotateX` |
| | @Avinash_7 - This thread is 8 years old and the OP hasn't been here since, so don't resurrect old threads from the death! |
 | Just let your content decide when you need a media query. Resize your browser window and if a piece of content or element start to look akward, then you need a mq to make it look decent again. To me all this predefined mq's based on pixel widths of certain … |
| | Re: web design By downloading and implementing Bootstrap you will not learn how to create responsive websites. It's a shortcut and you can create them, but without knowing the core concept of RWD (media queries, fluid grids and flexible media) you will allways be dependend on a framework like Bootstrap and its features, … |
 | You will need to add the 'label' element to your inputs aswell. <form> <div> <label for="name">Name</label> <input type="text" name="name" placeholder="Your Name" required> </div> <div> <label for="email">Email</label> <input type="email" name="email" placeholder="enter valid email address" required> </div> </form> And set your label and input to `display: block` in your CSS, so that … |
 | It really depends imo. Also about the escort agency. I've build some in the past back in Holland, but they were legitimate high class escort agencies (with an official license) and no dodgy businesses. If you want to do it to fill your portfolio with work, then I also think …  |
 | A bit off-topic, but instead of loading this massive jquery-ui files for just a bounce effect, you could also use a few lines of CSS to get the effect. .arrow { animation: bounce 2s infinite } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0) } 40% { … |
 | To get a scrollbar you give that section (probably a div tag) in your CSS a fixed height and the property, overflow: auto; But to get a scrollbar that fade-in on mouseover for example, you will need to resort to a custom scrollbar such as http://manos.malihu.gr/jquery-custom-content-scroller/ |
 | Re: width auto For starter, don't use fixed px widths on your `#container` (1024px) and your `#navigation` (1050px). Block-level elements such as a `div` will fill by default (auto) the full width of the window or it's containing element if you don't set a width in your CSS. By the way... you're still … |
| | > when it snaps to a different position, it isn't quite snapping to the top due to what I believe is to do with the width of the menu. Instead of the bottom of the menu snapping to the top of the section, the top of the navigation is appearing … |
 | Is there any reason why you want to do this with JS, because you can do it purely with a few lines of CSS. There are several ways, but here's one way you could do it. (And yes, you can't have more then one image in the src attribute) HTML: … |
| | > They are accustomed to change classes and ids . if they see there is an event in html they understand something is going on that item It's best practice to separating out any JavaScript behavior code from your markup and presentation. It's called unobstrusive JavaScript. If you work with … |
| | With jQuery it should be this: $('#value').val("1") http://api.jquery.com/val/  |
| | I have a shared hosting package at Namecheap and I can have up to 3 domains/websites on my server for 38 dollar per/year. https://www.namecheap.com/hosting/shared.aspx |
| | You've asked this already in a previous thread, so why the duplcate? https://www.daniweb.com/programming/web-development/threads/502693/display-particular-images-in-codeigniter And 'struggeling with this code' is too vague and doesn't address your issue at all. |
| | I checked in Mobile Safari (iPhone 5s with iOS 9.2.1) and to me it looks how it should look. |
 | Okay... and do we have to guess what the problem is? |
| | Why not making it easier for people to help and create a [fiddle](http://jsfiddle.net/) or [pen](http://codepen.io/) from your code, so they can experience too what you experience, because I asume no one knows what you're talking about. With a live example they might do and can even fork it with a … |
 | What do you have so far? |
| | There's a lot wrong and messy in your implementation. I don't know why you have so many functions and some of them don't make sense. Also you have stuff from the tutorial still in it, which you don't need and which makes it even harder for you to debug. You … |
The End.