402 Posted Topics
Re: Here are some solutions that deal with tables on small screens, but each with its own pros and cons. Pick 'n choose! https://bradfrost.github.io/this-is-responsive/patterns.html#tables | |
Re: Here's another method which works all the way down to IE8 (in case you need to for some obscure reason) :) body, html { height: 100%; } body { position: relative; background: white } body:before, body:after { content: " "; position: absolute; width: 33%; height: 100%; } body:before { background: … | |
Re: > Is <center> element obsolete? This has been told to you numerous times here on Daniweb, but you don't listen! | |
Re: Here's another one which polyfills all the way down to IE6 (as hashbang URLs) if you want. https://github.com/devote/HTML5-History-API Demo: http://docs.spb-piksel.ru/demos/history/ ![]() | |
Re: Do you mean the 'sliding in' icons on hover? If so, then this can be done with css transitions, css anmations ([animate.css](http://daneden.github.io/animate.css/)) or if you need to support IE9- with the same effects you need jQuery `.animate()` method or something more robust ([greensock](http://greensock.com/) or [velocity.js](julian.com/research/velocity/)) as fallback solution. It looks … | |
Re: Not sure what you're really after, but here's a blank HTML page :) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Blank Page</title> </head> <body> </body> </html> | |
Re: Stefan, everybody here wants to help you with issues you have while developing or designing your site and will be happy if they can guide you in the right direction, but I don't think you will find someone here that will just layout/develop your website for nothing or take the … | |
Re: I did the following with the browsers' developer tools and got the submenu centered. Delete in your CSS `position: relative` on `#main-nav .vnav__item` and on `.vnav__item`. The other thing to do is to change in the CSS on `#main-nav .vnav--horizontal .vnav__subnav` the property `left: 370px` to `left: 0`. If you … ![]() | |
Re: div `#icons` can never reach the full width of the browser window, because it's placed in a div that has a width of 1000px, so div `#icons` will also get a maximun width of 1000px. You use bootstrap, so stick with [the way bootstrap advices you how to handle the … ![]() | |
Re: Why would you want to edit your HTML in a photo editor? It's not possible by the way, but how did you edit your HTML before then? Web designers do design website comps/mock-ups or assets in Photoshop and you could in the old days export your design to (bloated) HTML … | |
Re: It has to do with the way you implemented it. ![]() | |
Re: The problem lies in the fact that you dropped in what is supposed to be your layout created with HTML tags & styled with CSS as a backgroud image. You will have to convert that first to HTML & CSS before you want to add your content (navigation, logo, etc.) … | |
Re: There's a module to block bad bots. You might want to try something like this: Options All -Indexes RewriteEngine on <IfModule mod_setenvif.c> SetEnvIfNoCase User-Agent "^bot.*" bad_bot <Limit GET POST PUT> Order Allow,Deny Allow from all Deny from env=bad_bot </Limit> </IfModule> Here's some info and a huge list of bad bots: … | |
Re: You're using bootstrap responsive, but you drop in divisions (divs) with fixed (pixel based) widths and heights (with inline styles, which is also a terrible thing to do). One of the fundamental principals of Responsive Web Design is fluid (percentage based) widths. | |
Re: It's a tutorial with step by step explanation how to create that and you can download the demo files. What don't you get? | |
I'm trying by clicking on a `button` to toggle a class on a parent element which is 5 levels higher, so I though that this would do the trick: $('.btn-list').click(function() { $(this).parents('.mix-serie').toggleClass('animate') }); But unfortunately it didn't, but if I just add a class, $('.btn-list').click(function() { $(this).parents('.mix-serie').addClass('animate') }); it does! … | |
Re: It depends... like with a lot of things :) If you still need to get your name out there, in other words if your unknown to the mass, then your brandname is more likely the route to take. | |
Re: If you use the HTML5 video tag instead of loading a youtube vid into an iframe you can have your own control buttons placed ontop of the video, especially the volume control in your case :). This might get you started: http://demosthenes.info/blog/777/Create-Fullscreen-HTML5-Page-Background-Video Other options (js/html5 video based): http://dfcb.github.io/BigVideo.js/ or http://syddev.com/jquery.videoBG/ | |
Re: So if I'm right then in the HTML output/source order the `label` element is before the `input` tag? Like that you can't select the label with CSS. Either place the `label` after the `input` or use JS/jQuery to select the `label`. jQuery: $(function() { $('input:radio[name="sex"]').change(function() { if (this.checked) { $(this).prev('label').addClass('active').siblings('label').removeClass('active') … | |
Re: The question is what do you want to load with an include. A menu/navigation I can understand, so that you don't have to add a menu item on every page if you need to, but you say you want also what's in between the head tag in that include. Are … | |
Re: The HTML alone doesn't tell anything. We need to see at least the CSS with it, but I (can't speak for others) prefer to see the whole page pnline somewhere. It saves a lot of time with debugging. Do you have a link to the webpage? | |
Re: It's called parallax scrolling effect. Google and you will find lots of tutorials/scripts, but be aware most of them suck on touch screen devices. | |
![]() | Re: When do you want the active (hovered) image stay on top? I mean if you take of the cursor of the image, it will go back to it's original state and that's how hover works. The `:active` pseudo class can't help you with this either. You can't do this with … |
Re: All your audio files are mp3's, but Firefox needs ogg hence `type="audio/ogg"`, so you have to convert your mp3 to ogg for Firefox. And for the others you have to load also your audio as a wav file and a mp4 file. | |
Re: > U wrote too much. btw i ddint find anything about traffic You could also respect his time and say: "Thank you!" | |
Re: Looki into CSS media queries. | |
Re: You could also use a tracking tool to track or monitor Google algo updates. http://www.suvaance.com/how-to-track-or-monitor-google-algorithm-updates/ | |
Re: Someone else told you already that you can only have one unique ID on a page, but you still have 5 here. Multiple classes is okay, so you should have something like this instead: <span id="Maxi" class="frnd">Maxi</span> <span id="John" class="frnd">John</span> <span id="Henry" class="frnd">Henry</span> <span id="Max" class="frnd">Max</span> <span id="Simon" class="frnd">Simon</span> | |
Hi, I'm thinking of purchasing the SEO Powersuite (all 4 apps) from link-assistant.com. Does anyone on Daniweb has experience with this suite? Good or bad? I downloaded and played with the limitated version myself and it seems to me a handy suite to have in my arsenal. A little downside … | |
Re: **EDIT: Actually... ignore the below, I was too quick with my answer, because I see now you're totally after something else :)** But @JerrimePatient pointed you in the right direction, because we don't need JavaScript anymore for this. Actually already for a loooong time. We can do this 'on mouseover … | |
Re: You can't use `.slideToggle()` for CSS properties. You'll need `.animate()` to do so. Something like this: $('#windowhead').click(function(){ $('#fullwindow').animate({ height: "20px" }, 300 ); // duration }); http://api.jquery.com/animate/ | |
Re: I don't think we have to worry much about bad links to our sites, because we simply can't have control about this fully. Everybody, and therefore also your competitors, can post your web address on shitty low quality websites, so that it might hurt your ranking. Google must know this … | |
Re: Use CSS or JS first (on page load) to hide it, but which method or properties depends on how you want to show it on click. What do you have so far? | |
Re: I see your #innerWrapper div start's in your #logo div, which breaks your layout and causes this unwanted scrollbar in #logo div and **not** in #outerWrapper div. Tip: Issues like this you spot in seconds with the browser developer tools. | |
Re: It is pretty active, but how on earth can people debug from an image. Can't you place your page and assets online somewhere? I do notice that your `href=#` misses double quotes `href="#"` and you'll need to block the default behavior of the link with `e.preventDefault()` | |
Re: There are heaps of [free thumbnail image sliders](https://www.google.com/search?q=thumnail+image+slider&ie=utf-8&oe=utf-8&gws_rd=cr,ssl&ei=Q3g3VbuxE4OksAGp0oCICA#q=thumbnail+image+slider&spell=1) (JS and/or CSS3). Why not pick one of those? Style them the way you want them to look and add your back-end code to it. | |
Re: Via a .htaccess file: `Redirect 301 /oldpage.html http://www.example.com/newpage.html` I've used 301 in this example. but this can also be 302. The difference is that a 301 redirect means that the page has moved to a new location, permanently. A 302 redirect means that the move is temporary. | |
Re: What do you mean with 'textboxes'? For example a `div` tag, `section` or `article`? If you give it a class `center`, then every element/tag inside will be centered and red (they inherit the styles if you don't override them). | |
Re: Probably because there's nothing to tell at the moment about the hack.summit() and they don't want you to know about previous ones, but who know? Freelancer.com might have the answer for you. | |
Re: That space is caused by the default top/bottom margin of the `p` tag, so you might want to add something like this: #pic p { margin: 0 } | |
Re: Do you have a link to the webpage or some code for people to look at? | |
Re: If you want to keep the player playing while users navigating the site you'll need to resort to AJAX or even better to the [HTML5 History API (with AJAX hashbanging as fallback)](http://docs.spb-piksel.ru/demos/history/). | |
Re: Or load your pages dynamically via AJAX (plus HTML5 History API) in a container (div) and place the counter oustide this container. Look at this demo. Audio player keeps on playing and URL changes while navigating between content. This library really rocks! http://docs.spb-piksel.ru/demos/history/ | |
Re: You're juggeling a bit with html tags in 'units', but the spacing is caused by the browser default styling (margin-bottom) of the paragraph tag. To get rid of it, set it to '0'. | |
Re: Indeed! Text-align: center will only center the chess piece inages horizontally. If you want them vertically in the middle as well, you could use this neat trick, but it doesn't work in IE8 and below. You don't need `text-align: center` with this either by the way. And the square (#a1, … | |
Re: It's obvious **newbi11** is after all not interested in an answer or help, so better stop wasting your time and efforts on this thread. |
The End.