Hola a todos
veran.. Tengo un problema con mi codigo CSS, actualmente se ve bien pero quiero cambiar el orden de los textos en el html y para ello tengo que modificar mi CSS
html5
Código:
<!DOCTYPE HTML>
<html lang="es">
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="/css/styles.css" />
</head>
<body>
<header>
<h1></h1>
<p></p>
<h2></h2>
<p></p>
</header>
<nav>
</nav>
<aside>
AQUI EL TEXTO A LA DERECHA
</aside>
<section>
<article>
AQUI EL TEXTO A LA IZQUIERDA
</article>
</section>
</body>
</html>
y como quiero dejarlo
Código:
<!DOCTYPE HTML>
<html lang="es">
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="/css/styles.css" />
</head>
<body>
<header>
<h1></h1>
<p></p>
<h2></h2>
<p></p>
</header>
<nav>
</nav>
<section>
<article>
AQUI EL TEXTO A LA IZQUIERDA
</article>
</section>
<aside>
AQUI EL TEXTO A LA DERECHA
</aside>
</body>
</html>
El motivo de cambiar asi es por que la parte <aside> no es interesante para los buscadores, asi que paso de que este arriba del todo.
EL CSS3 actual
Código:
article {
width : 550px;
padding : 10px;
margin-left : 0px;
}
aside {
width : 249px;
padding-right : 30px;
padding-top : 10px;
float : right;
}
no consigo modificar el CSS para que funcione con la segunda opcion del html5, si algun almaaa caritativa me hecha una mano y explica un poco el asunto de las columnas estaria genial :(
un saludo y gracias a todos.