gentlemedia

It's caused by a typo. In your HTML you have `meal-showcase` and in your css `meals-showcase`. And on a side note; if you float an inline element, it turns automatically into a block element, so declaring it is not needed.

If you use jQuery you can use the .text() method to change 'log In' to whatever you want. The following will change 'Log In' to 'New text'. $(function() { $(".wpb_wrapper").text("New text"); }); With vanilla JavaScript you could do something like this: var text = document.getElementsByClassName("wpb_wrapper"); text.innerHTML = "New text";

The lowscr attribute has been deprecated for a while now and is obsolete in HTML5. There is now also the new srcset attribute to handle different resolutions of the image.

The white background color is in the image, right? Open up your photo editor and remove the white background.

As far as I can see some inputs that are still white has no `class="field"` and on others you have `type="field"` which should be then `class="field"`. I also see that you have a `type="grey"` attribute on some labels, but that's also a mistake I asume. The label element has only …

It would be helpfull to mention in which browser you see this, because in Chrome on the Mac it looks okay.

I like [Pearch CMS](http://grabaperch.com/), because I'm a web designer with little PHP skills and I want something easy for myself and my clients (mainly small businesses that don't need a huge CMS). I can create what I normally would create with HTML, CSS & jQuery (pligins) and attach Pearch to …

Since you have all width and height values, it's easy to do some little math and position `#box` with some top and left margins in the middle of `#main`. No need for `display: table`, `display: table-cell` and `vertical-align: middle` #main { margin: 0 auto; background-color: lightgreen; overflow: auto; height:400px; width:400px; …

Like JorgeM pointed out you will need wrappers around the City and State elements (label + input) together in order to line them up next to each other. But not a table > tr > td... just a div > div tag. Demo: http://cssdeck.com/labs/full/4cznbjai HTML: <form> <div> <div> <label for="city">City:</label> …

You should have not a `=` but a `:` in your `.picture-center` CSS block and the height should be `auto`. Perhaps `width` should be `max-width` as well, but I don't know your situation. .picture-center { width:100%; height:auto; }

In which browser (version) you have this issue? I checked in Chrome on the Mac and I can scroll down on the work page. Edit: I do see that the scroll area is taller then the page so I don't get all the work items in view, so that's a …

In the CSS snippet here on line 19 there's a z-index set to '1'. Change this to a higher value... for example 1000 to see if will stay on top of your other content.

You can't change it through your markup. You need a hacked solution. There are quites some workarounds either through CSS or JS, but each with their own pros and cons... Google it and you shall find.

You can try these links: https://medium.com/@dustin/stock-photos-that-dont-suck-62ae4bcbe01b http://bootstrapbay.com/blog/free-stock-photos/ http://mediamilitia.com/250-free-stock-photography-sites/ And of course flickr creative commons section.

Modernizr is only for feature detection and does not add for example rounded corners to your element in browsers that doesn't support this CSS3 property. If you want rounded corners in those browsers, you will have to use a (javascript) polyfill, such as CSS3pie. What you do with Modernizr is …

To add styling to XML tags, you would use an external CSS file which you call at the top of your XML document like so: <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet type="text/css" href="list.css"?> But... as far as I know you can't style those attributes seperatly as in your example. You can style …

Better to use the Google Maps JavaScript API to include your maps on the page? https://developers.google.com/maps/documentation/javascript/ Your maps gets then drawn with canvas instead of images. Makes zooming in/out much faster and you can do then all kinds of nice things with your maps, such as changing the colours; https://snazzymaps.com/

@michael.james.90475 - No, that's called inline CSS. Nested CSS is at the moment only possible with a CSS preprocessor, but it might be in the future eventually possible within pure CSS. http://tabatkins.github.io/specs/css-nesting/

With free hostings I can assure you will have limitations such as no PHP/MySQL installed or conflicting scripts from their ads that are scattered around your website. Better to spend a few bucks per month IMO. Good and reliable hosting doesn't cost much these days.

It's hard to say from an image why it doesn't line up next to each other, but as far as I can see what happens is that the page nav is marked-up with an unordered list, but is unstyled (or has still the default styling... hence the vertical alignment and …

Hi, This will do the job, but it's ugly, so how to do this more elegant? $('ul').prepend('<li></li><li></li><li></li><li></li><li></li>'); $('ul').append('<li></li><li></li><li></li><li></li><li></li>'); Thanks in advance!

Are these sections in the element with the class 'wrapper'? Do you load all the files that are needed? https://github.com/alvarotrigo/fullPage.js#including-files Can't tell much with only those pieces of HTML and jQuery you've posted here. Can you put the page online somewhere?

In responsive websites normally we would use `%` for layout dimensions and `em` (or even `rem` units depending on your targeted browsers) for the fontsizes. `em` or `rem` is handy bacause it's easy to scale down or bump up fontsizes in elements relative to their parent(s). It's also recommended to …

There's a download button at the top, which reveals a sub menu with the CSS files (a bootstrap.css for development and bootstrap.min.css for production). If you're familliar with CSS preprocessors then you can choose the others in the submenu, but I assume you don't use a preprocessor, so you need …

You will need AJAX/jQuery for this. I did a quick google and found a tut for you that query a database to display text in a tooltip. Not exactly what you want, but at least you have a starting point. http://www.jacobtomlinson.co.uk/2012/09/11/ajax-database-tooltip/

Not sure what you want to make orange, but you have on line 18 a CSS block in another CSS block. That is not going to work. Take it out of that CSS block. .nstyle { backgroud-color: black; color: orange; margin:20px; padding:20px; } .nstyle nav a:link { color: orange; }

Hi peeps, Not sure if this is the right forum to ask, but I've been asked to look into a situation for a client. They have a .com domain for their website and they registered also their name as .nl, .eu, .be and a couple more. I know how to …

I have several pages that has the following mark-up in it, but the value of the datetime attribute is on each page different. <a class="index" href="#"> <time datetime="2015-W01"> <strong>week</strong> <strong>01</strong> <strong>2015</strong> </time> </a> On each page I include with PHP at the bottom a page with the following mark-up: <ul …

That CSS should center the navigation, so there's a conflict with some other rules you've set. If I see the CSS selectors in this bit here and if lots of styles in your stylesheet are like this, it's more likely that you suffer from [CSS specificity](http://www.htmldog.com/guides/css/intermediate/specificity/). Anyway, we really need …

A click handler would highlight them once and forever and that's what you mean with point 2, right?. These are radio buttons which gets a checked state if checked, so you should use that to select your elements. With this if you check another radio button, the one that's checked …

Hard to say without a link to the page, but for starter add the background image only to the body tag instead of to both the html and body tag. Out of curiosoty, why does your html and body needs to be 120% high?

You could also use the object element to include HTML content. <object data="incl/foo.html">Warning: foo.html could not be included!</object> W3C even recommends this over an iframe: http://www.w3.org/TR/WD-html40-970708/struct/includes.html#h-7.7.4

Have you tried the new reCaptcha from Google yet? https://www.google.com/recaptcha/intro/index.html

It's because you're logo has a fixed positioning, so it's taking out of the normal document flow and has therefore no effect to other elements of that page.

What text? What website? What image? What background? Is the page online somewhere? Also not really sure what you want exactly. We need to see at least also the HTML and you have to point out which elements you're talking about.

I can't check easily in IE9, but it has probably to do with the `display: inline` you've set on `.navigationlink ul`. I see you did that to center the menu items (incl. the `span`) vertically, but I guess you will have to find another way to do this. Paddings and …

I stumbled on this today... https://ind.ie/pulse/ Perhaps it's something you can use for your file repository.

It's not really clear to me what you exactly want, but my guess is you want to open an image or a video not on a seperate page, but in some kind of a modal/pop-up window. Am I right?

Apologies for such a vage title, but I seriously don't know where the two issues I have are related to. My JavaScript/jQuery skill is on a noob level, so bare with me please :) I'm working on a AJAX/HTML5 History website which is a pet project of mine. It will …

As mentioned by @JorgeM... it really depends what kind of content you put in the slides and what purpose it should fulfill. Here's a great read about sliders: http://conversionxl.com/dont-use-automatic-image-sliders-or-carousels-ignore-the-fad/

A semicolon is only necessary if there will be another declaration after the other. If there is only one declaration, or if it's the last declaration in a CSS block, then you can leave the semicolon out if you want.

If you use a (X)HTML strict doctype then you will have to use a closing backslash, but with HTML5 doctype for example you can use the second as well.

The trick is not to put text ontop of it :) If you want to use these patterns, then use a solid background color for your text areas.

If you don't have/want yet a webserver (for whatever reason), you can use Dropbox as a server to show your static page(s) and its assets and thus code to us. http://www.creativepro.com/article/how-to-use-dropbox-a-web-server-3-easy-steps

Well... I can use a little challenge, so I'll see if I can pull it off. My goal is to use no fixed widths or heights. Content should dictate these. Also I might use a nested definition list (dl) for this.

You mean as text on the page in DW design view and/or live view, or just in the browser on your local machine? You will need to have a server environment on your local machine installed in order to execute PHP files. Look into WAMP for Windows or MAMP for …

That's just how it works I'm afraid. Hover is not a gesture for touch screen devices, so it will become a 'click'. There is also unfortunately not a 100% reliable way of detecting if a device is a touch or a non-touch device. Especislly with the fast rise of PC's …

Optimzing your layout with CSS media querries to adapt for different screen sizes/resolutions is the way to go, but if you're HTML is created following best practices, then it shouldn't be that more work.

You will need to wrap "HALLO" in an element (paragraph or so) and give that element a width in order to force a scrollbar. You probably also need to make that div wider then 15px... It's too narrow for a scrollbar anyway and you might need more content Example: <div …

Hello I'm Ralph and I'm a web designer which knows his way around HTML and CSS pretty good, but when it comes to real scripting languages then I could use all the help that I can get. I know how to write simple functions with jQuery and can get any …