HTML5 anchor name & target

An named anchor, so you could target section of the page, like jump to content, used to be

<a name="content"></a>
notice no href.
You could access it in a link prefixing the name with a '#' like
<a href="#content">Jump to content</a>
This is still supported by browsers but no longer valid HTML5.

"http://validator.w3.org/" wrote:

The name attribute is obsolete. Consider putting an id attribute on the nearest container instead.

Or you could add '#content' without the quotes to the end of the url in the browsers address bar.

Problems positioning an image with the pseudo class :after|:before

Hi guys,

Well I don't know what I'm doing wrong. I have tried a lot of things and just doesn't work... I don't know where to start from but here is the link of the school project I am working on:
Ferreteria
Here is the "design" (if you can call it that) ... The thing is I want to put the Red thingies but I don't know how! I was trying with the :after but I couldn't ...

Any IDEAS?
Thanks!

Problem with ID's and grouping / nesting

Hello.
I am new to CSS and have been reading quite a few tutorials over the last few weeks to try to it but I have hit a problem that I can't quite get my head around.

I use Chrome, but don't believe my issue is a platform specific thing.

Here is a simplified version of what I have:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<link rel="stylesheet" type="text/css" href="style/bugtest.css"/>
</head>
<body>
	<div id="test">
		<a href="testlink1.html">Test Link 1</a>

Class not applying to multiple elements in Firefox

Hey, I'm creating a website for the first time since frames and tables went out of fashion, and am using CSS to style my html.

I am running into a funny browser compatibility problem that I haven't been able to find an answer to online:

In my style sheet, I made a psuedo-class to use on links that I wanted to look different from the others on the site:

a.s:link {
 font-size: .8em;
}

I then apply it like this:

<a class="s" href="url.html">LINK</a>

Syndicate content