Bueno de alguna forma me presento porque empece hace muy poco.. Tengo 13 años, y hace poco empece con el Dreamweaver y HTML a tratar de hacer una pagina de basket.. voy aprendiendo poco a poco, tambien aprendi lo basico de CSS, aunque algunas cosas mas detalladas me faltan.. Este ultimo mes estuve viendo el diseño (pero no con el HTML, sino el diseño de como se veria) y hace unos dias empece a hacerla..
Pero me surgieron varios problemas.. Si pueden, por favor respondan todos, sino, lo que sea, sera agradecido.. Lo malo es que no me dejan poner las fotos..
1- Hice como una especie de cuadro, que tiene un titulo, abajo la foto, y abajo una descripcion.. este es el codigo CSS:
Código HTML:
#tituloNoticiaUno {
margin-top:15px;
padding-top:5px;
padding-bottom:5px;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
background-color: #E5E5E5;
text-align:left;
padding-left:5px;
padding-right:5px;
width:240px; }
#textoNoticiaUno {
font-size:11px;
width:244px;
background-color: #E5E5E5;
margin-top:0px;
text-align:left;
padding-left:3px;
padding-right:3px;
padding-bottom:3px; }
#leerMas {
color: #000000;
font-weight:bold;
text-decoration:none }
#autor {
font-weight:bold;
color:#FF0000;
padding-bottom: 5px;
border-bottom: 1px solid #8D8D8D; }
Y este es el codigo del cuadro donde esta la noticia..
Código HTML:
<div id="tituloNoticiaUno"><a href="link de la noticia">Shelden Williams se va a Boston</a></div>
<img src="link de la foto" width="250" height="150" />
<div id="textoNoticiaUno">
<div id="autor">03/08/09 - Santiago Sabene</div>
Shelden Williams viene a reforzar el juego interior verde, e intentará demostrar de una vez por todas que tiene un sitio en profesionales. <a href="link de la noticia" id="leerMas">Leer completo</a></div>
El problema es que al verlo en el preview del Dreamweaver.. entre la foto, y el texto donde esta la descripcion y el autor, me aparece una linea blanca de unos 3 o 4 pixeles.. hay algun problema con el CSS?
2- Bueno, de esos cuadros, son dos identicos.. miren, aqui se los pongo de vuelta ambos por las dudas.. el CSS:
Código HTML:
#noticiaUno {
float:left; }
#tituloNoticiaUno {
margin-top:15px;
padding-top:5px;
padding-bottom:5px;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
background-color: #E5E5E5;
text-align:left;
padding-left:5px;
padding-right:5px;
width:240px; }
#textoNoticiaUno {
font-size:11px;
width:244px;
background-color: #E5E5E5;
margin-top:0px;
text-align:left;
padding-left:3px;
padding-right:3px;
padding-bottom:3px; }
#tituloNoticiaDos {
margin-top:15px;
padding-top:5px;
padding-bottom:5px;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
background-color: #E5E5E5;
text-align:left;
padding-left:5px;
padding-right:5px;
width:240px;
vertical-align:middle }
#textoNoticiaDos {
font-size:11px;
width:244px;
background-color: #E5E5E5;
margin-top:0px;
text-align:left;
padding-left:3px;
padding-right:3px;
padding-bottom:3px; }
#leerMas {
color: #000000;
font-weight:bold;
text-decoration:none }
#autor {
font-weight:bold;
color:#FF0000;
padding-bottom: 5px;
border-bottom: 1px solid #8D8D8D; }
Y el codigo de ambos cuadros..
Código HTML:
<div id="noticiaUno"><div id="tituloNoticiaUno"><a href="link de la noticia">Shelden Williams se va a Boston</a></div>
<img src="link de la foto" width="250" height="150" />
<div id="textoNoticiaUno">
<div id="autor">03/08/09 - Santiago Sabene</div>
Shelden Williams viene a reforzar el juego interior verde, e intentará demostrar de una vez por todas que tiene un sitio en profesionales. <a href="link de la noticia" id="leerMas">Leer completo</a></div></div>
<div id="tituloNoticiaDos"><a href="link de la noticia">Ryan Hollins es casi Timberwolve</a></div>
<img src="link de la foto" width="250" height="150" />
<div id="textoNoticiaDos">
<div id="autor">03/08/09 - Esteban Mon</div>
Ryan Hollins ha firmado con los Minnesota Timberwolves, pero Dallas tiene 7 dias para igualar la oferta, lo cual no parece posible. <a href="link de la noticia" id="leerMas">Leer completo</a></div>
La cosa es que me salen uno a la izquierda, y el otro casi a la derecha... pero quiero que esten al medio y casi pegados.. si le pongo un div align center, queda igual.. si al de la izquierda le pongo un margin left mas o menos de 30, sale mas al medio.. pero el otro tambien se corre.. y entre ambos queda una separacion bastante grande, y quiero que esten a lo sumo con una separacion de 10 px.. la solucion sera hacerlo en una tabla?
Bueno pues eso.. si me surge algo mas.. pregunto..