¡Saludos!
Pues tengo un problemilla, absurdo para muchos de los aquí presentes, pero que me está costando lo indecible solucionar xD
Lo he intentado por activa y por pasiva, pero no consigo hacer más estrecho el espacio en el que tienen que ir las letras del contenido de la página, tanto por el margen izquierdo como por el derecho
Lo primero:
Aquí va el cógido que uso para el .html, muy básico como vereis xD
Cita: <html>
<head>
<title>Página de prueba</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="estilos.css" type="text/css" />
</head>
<body>
<div id="sidebar">
<br><br><br><br><br><br><br><br>
<h1>Menú</h1>
<br>
<div id="menu">
<a class="active" href="index.html">Submenú 1</a>
<a href="#">Submenú 1</a>
<a href="#">Submenú 1</a>
<a href="#">Submenú 1</a>
<a href="#">Submenú 1</a>
</div>
<h3>Más info:</h3>
<p>Información que sea</p>
</div>
<div id="content">
<br><br>
<h1><img src="img/logo.png" width="703" height="200" /></h1>
<h2>Título de la página</h2>
<h3>¡Bienvenido!</h3>
<p>Blablabla blabla blabla blabla blabla blabla blabla blabla blablablabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blablablablabla blablablabla blabla blabla blabla blabla blabla blabla blabla blabla</p>
<h3>Prueba de alineación de puntos:</h3>
<ul>
<li>Aquí iría la primera</li>
<li>Y aquí la segunda</li>
</ul>
<br><br>
</div>
</body>
</html>
Lo segundo:
La hoja de estilos que tengo para la página, que he toqueado por todas partes y que no consigo apañar
Cita: body
{margin:0; padding:0; color:#000000; background:#FFFFFF top left repeat-y; font:70% Verdana,Tahoma,sans-serif;}
ul
{list-style:circle; margin:15px 0 20px 0; font-size:1.0em;}
li
{margin:8 0 8px 25px;}
a
{color:#3f3f3f; font-weight:bold; text-decoration:none;}
a:hover
{color:#3f3f3f; text-decoration:underline;}
img
{float:center; margin:0 15px 15px 0; padding:1px; border:0px solid #3f3f3f;}
a img
{border-color:#3f3f3f;}
a img:hover
{background:#3f3f3f; border-color:#3f3f3f;}
/**************** Estilos del área de la barra lateral ****************/
#sidebar
{position:absolute; top:0; left:0; width:220px; height:100%; overflow:auto; top right repeat-y; text-align:right;}
body > #sidebar
{position:fixed;}
#sidebar h1
{margin:20px 18px 0 5px; color:#3f3f3f; font-size:1.6em; letter-spacing:-2px; text-align:right;}
#sidebar h2, #sidebar h3
{margin:0 20px 18px 5px; color:#FFFFFF; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}
#sidebar h3
{margin:20px 18px 4px 5px; color:#3f3f3f;}
#sidebar p
{margin:0 20px 18px 5px; color:#3f3f3f; font-size:0.8em;}
#sidebar a
{color:#3f3f3f}
/**************** Estilos del menú de navegación ****************/
#menu a
{display:block; width:202px; padding:5px 15px 5px 0; color:#a77038; top right repeat-y; font-size:1.5em; font-weight:normal; text-decoration:none; letter-spacing:-2px;}
#menu a:hover
{color:#a77038;}
#menu a.active
{padding:5px 18px 5px 0;}
#menu a.active:hover
{color:#523d22;}
/**************** Estilos del área de contenido ****************/
#content
{width:900px; margin: 0 0 0 240px; padding:0px 0; background:url(img/bg_header.png) top left repeat-y;}
#content p
{margin:0 0 20px 0; line-height:1.5em;}
#content h1
{margin:0; color:#FFFFFF; font-size:4em; letter-spacing:-5px; text-align:center;}
#content h2
{margin:0; color:#3f3f3f; font-weight:bold; font-size:2.5em; letter-spacing:-2px; text-align:center;}
#content h3
{clear:both; margin:30px 0 10px 0; color:#3f3f3f; font-weight:bold; font-size: 2em; letter-spacing:-2px;}
Lo tercero:
Una captura de pantalla para que veais del problema del que os hablo
Así que ahí está. Si hay algún conocedor del tema o alma caritativa dispuesto a echarme una mano, pues se lo agradecería muchísimo. La cosa es hacer que las letras no sobresalgan por ambos lados de la imagen, pero claro, si reduzco se me reduce también el espacio completo del contenido, y el problema sigue pasando..