Problema con las alineaciones

hola a todos.

ya estoy de nuevo por aqui preguntando jeje.

tengo un problema (de momento): tengo un menú lateral y luego al lado una lista con imágenes y anotaciones. El problema es que esta lista no me sale justo al lado del menú lateral, sino al lado pero justo debajo de el.

No se si me explico bien, pero he copiado el diseño de una web que tiene lo que busco pero no me queda igual (el tiene el menu en la parte superior).

la web que estoy haciendo no se si la podreis ver porque me he quedado a la mitad del curso de Kit HTML jeje.

por si acaso la indico.

gracias

perepuentemassip.onlinewebshop.net

Hey! te está quedando muy bien!

Me imagino el fallo. Seguramente el ancho del menu (mas sus margenes) más el ancho de la tabla donde colocas los contenidos (mas sus margenes) ocupan más que el hueco disponible y por eso la tabla de contenidos pasa abajo.

Prueba a hacer un poco más estrecha la capa del contenido desde la hoja de estilo, o la tabla del contenido..
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center">

Y nos dices. Si no se arregla, nos avisas y miro a fondo tus codigos por si es por otra cuestión, oki?

Muy bien, es la primera que veo mas o menos completa usando el ejemplo del curso de html kit, y me gusta!

Un abrazo Fracto! :wink:

gracias jorgens

estoy probando de modificar el tamaño de la tabla que me has marcado y si, se va modificando el ancho. Pero, por ejemplo, para que me salga justo al lado me queda mucho espacio entre los "botones" y esta lista.

puede que tenga que modificar otros aspectos. Te escribo aqui la hoja de estilos a ver si ves el problema.

gracias de nuevo!!


body {text-align: center}

#cabecera {background-color: white; border-left: black 1px solid ; border-right: black 1px solid }

#logo {background-image: url(objetos/logo.jpg); border-left: black 1px solid ; border-right: black 1px solid; align: left }

#navegacion {background-color: white; border-left: black 1px solid ; border-right: black 1px solid }

#barra {background-image: url(objetos/barranavegacion.jpg); background-repeat: no-repeat; width: 785px; height: 100px }
#barra li {list-style: none }

#contenido {background-color: white; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {margin: 5px 0px 0px 10px; text-indent: 15px }

#lletra-minusc {color: black; font-weight: bold }
#lletra-majusc {color: green; font-weight: bold }

#global {width:800px ; margin: 4xp auto }

#seccions {color: black; font-weight: bold; font class: arial11 }

#menu { color: black; font-weight: bold; background-color: white; width: 50px ; float:left; text-align:left; margin: 15px 3px 3px 3px }
#menu li {list-style:none; margin: 4px 0px 4px 6px }
* {margin:0px ; padding:0px ; border: 10px}

#boton {background-image: url(objetos/boton3.jpg); background-repeat: no-repeat; width: 150px; height: 27px; margin: 2px 0px 2px 0px }

#imatgeportada {background-image: url(objetos/imatge1.jpg); background-repeat: no-repeat; width: 500px; height: 350px; margin: 0px 0px 5px 0px}

a {color: black; text-decoration: none; display:block }
a:link {}
a:visited {}
a:hover {color:red; text-decoration: none; background-color: none }
a:active {}

p {text-align: justify}

h1 {font-size: 0.9em; color:#8FBC8F; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:black; font-weight: bold ; text-decoration: none ; text-align: right; margin: 0px 10px}

#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px;
height: 12px;
overflow : hidden }

#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px;
height: 12px;
overflow : hidden }

#pie {background-color: white; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 2px solid; text-align: left; padding: 0px 0px 0px 10px; font-size: 0.6em}

Vaya! Quería copiarme tu web en mi disco duro para verla a fondo, pero parece que estás haciendo cosas en ella, pues ahora mismo no veo la tabla del contenido....

Avisa cuando la tengas como antes, pues lo que me interesa es ver el codigo html que tienes, pero con la versión anterior, con el contenido.

Te espero!

ai vaya perdona.

es que mientras iba cambiando cosillas.

nada ahora me quedo quietecito un rato jejej.

comentarte tambien que en la pagina portada hay una imagen que no me aparece. A ver si ves tambien el fallo.

gracias

Si quieres, crea una página más que se llame plantilla2.html y así puedes seguir haciendo experimentos..

Para acceder a ella solo tendrías que escribir la dirección normal completa seguida de /plantilla2.html :wink:

Parece que Razy se ha caido por un ratillo... no puedo acceder. Luego lo intento otra vez. Me interesa ver el codigo de la que vi esta mañana, con el contenido, oki?

Luego te digo cosas y miro lo de la imagen tambien.

Ta luego!

vaya, perdona pero supongo que la inexperiencia hace que no guarde uno el original antes de modificar cosas.

he subido al razy lo que tengo (de lo comentado no he cambiado nada).

ahora me he hecho una copia de lo que tengo para ir trasteando por ahi ejejej.

Supongo que me saldran mas dudas asi que seguiremos en contacto!

gracias! :lol:

hola jorgens,

ya he podido incorporar al lado las imagenes que tenia. Probando de aqui y allá... fijate!

ahora me surge uno nuevo (como no!!! jejej). He pensado que podria quedar mejor poner una lista de dos columnas. Lo he conseguido! pero el texto que me aparece al lado me sale en varias lineas.

No sabria si es mejor disminuir la letra o poner el texto bajo la imagen. A ver que te parece a ti y me informas de como hago una o otra cosa.

Lo he subido al razy para que puedas mirarlo a tu gusto.

gracias de nuevo!!!!

Estoy intentando entrar

pero no me deja :cry:

saludos

hola yaneth,

tranquila que yo tampoco puedo acceder.

ademas, he hecho varios cambios para que quede mejor y he podido arreglar bastante la cosa.

si quieres darle un vistazo a ver como lo ves.

mersi!!

pues no me deja entrar

y lo malo es que a ninguna de las páginas

saludos