Buenas peña, una consulta, a ver si me podeis orientar un poco.
Estoy haciendo una web, en la ke tengo una marco arriba para el titulo, y otro a la izkierda para la botonera.
En el marco del titulo, necesito ke la imagen ke inserto kede pegada a la parte de abajo, pues tengo una especie de degradado, y tiene ke kedar solapado con el color del main, me gustaria saber komo hacerlo...
Bueno y ya ke estamos, me gustaria saber como hacer para ke abra kien abra la web, esta tenga un mismo tamaño, 1024 x 768, par ke asi no se me descuadren los marcos. espero haberme explicado bien, grazias!
No me entero mu bien de lo ke me dices... estoy un poko torpe, sorry.
A mi me enseñaron hacer webs con marcos,simpre te advierten ke algunos navegadores no los soportan, pero es lo ke se hacer.
Me gustaria poder blokear el tamaño de los marcos ke tengo creados, para meterles una imagen de fondo y kitarme de lios, y en el kaso de ser abierta la web con una resolucion mu alta, rellenar con un color uniforme el sobrante.
De todas formas, hq, me gustaria saber cual es la alternativa a los marcos, tablas? si es asi decirme donde tengo ke mirar para informarme.
He solucionado la cosa como he podido, pero ahora me viene otro problema...
Tengo un dibujo dentro de un marco ke yo llamo main, ke es como cuadrado, y kiero ke el fondo del marco este fijo, y la barra de desplazamiento se limite al cuadrado, es decir, ke kiero ke las letras solo se vean dentro de determinada zona.
Bueno, por si no me explico bien, voy a intentar poner una imagen ke ya se sabe ke vale mas ke mil palabras....
[contenido no disponible]
pues eso, ke las rayas son textos y los cuadrados fotos, y kiero tener una barra de navegacion dentro de la zona amarilla, seguro ke es una tonteria, pero me he acostumbrado a ke el marco me lo haga automatico.... grazias de new
Tengo una solucion sencillita para tí, ojalá alguien me hubiese dado esta facilidad cuando comencé en esto de las web´s...Ojalá te sirva y... Saludos, johnpeterjp. :wink:
Pega esto dentro de una celda y previsualiza, debes crear un documento html y llamarlo como quieras con ese nombre sustituir por "aviso.html" ,.......ok.
<script language=JavaScript> var browser = navigator.appName; var version = navigator.appVersion; if (browser=="Microsoft Internet Explorer" && version>="4") { document.write('<iframe name="window" src="aviso.html" width="400" height="146" marginwidth="0" scrolling="yes" frameborder="0"></iframe>'); } </script>
Menú Ventana y escoge la opción Marcos. Abajo a la derecha saldrá la estructura de marcos de tu web, haz clic en el marco que quieras poner la barra y en propiedades donde pone desplazamiento ponle automático y entonces te saldra la barra si la necesitas :wink:
Puedes definir toda la parte amarilla como un div y ponerle "overflow: scroll" y sólo tendrás que tener cuidado de no pasarte de ancho (para que no te aparezca un scroll horizontal), así por ejemplo:
A ver... teneis todos mu buenas intenciones, pero yo estoy mu justo de conocimientos, se hacer marcos, botoneras, y lo ke sea con el photoshop, eso si, luego a la hora de usar el DW tiene ke ser todo muy sencillito.
No se usar los div hq, pero me imagino ke la ntencion era buena...
La solucion de brujitadesigns no es valida, pues el marco es grande y haria ke las letras estuviesen por todos los lados...
Lo ke necesito es crear un area con un scroll dentro de un marco.
La idea de Hq sobre los DIVs me parece muy acertada. No le tengas tanto miedo a los DIVs pues realmente basta con colocar lo que Hq te ha comentado en su respuesta anterior, el resto es igual que lo que haces ahora. Es decir, insertas ese código dentro de la hoja de estilos (si la tienes, sino nos lo dices y te ayudamos, que tampoco es nada dificil) y después pones la segunda línea de código de Hq en el lugar donde deseas poner el elemento con el scroll (imagino que dentro del marco main).
Después basta con escribir el texto y las imágenes entre esas dos líneas y listo. Eso es todo. No hay que saber mucho de DIVs para conseguir eso y encima te sirve de iniciación a los mismos. Yo que tu lo intentaba, pues siempre puedes pegar el código completo de tu página en uno de estos mensajes para que lo revisemos si algo no te funciona. Al final todo sale.
os parecera sencillo, pero suguro ke yo estoy haciendo alguna burrada tocando los css, divs y demas...
Kiza se pueda tener una solucion mas sencilla, lo ke kiero es tener una tabla con scroll de altura y con el fondo fijo, parece sencillo pero no encuentro la solucion.
El código que nos has colocado es de una página má o méno en blanco, no sirve mucho para un ejemplo, creo. Lo mejor sería que nos enviaras en código de la web dela foto verde de arriba, para poder colocar en ella el código de lo que quieres, en el lugar adecuado, para que lo vieras bien. Imagino que esto no es para la web de tu firma, sino para otra...
Bueno, mientras tanto y pa que no se diga, te adjunto un ejemplo basado en el ejemplo del curso paso a paso de comocreartuweb. Te pego el código de la página web y luego el de la hoja de estilos e intentaré colorear el código importante, es decir, el relaccionado con lo que deseas.
Si lo copias y creas un archivo HTML para la weby una hoja de estilo en tu pc, podrás ver el resultado.
Un saludo y sigue preguntando hasta que lo consigas!
Página web:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <html> <head> <title>Titulo de tu pagina : PONER SECCION</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> <link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css"> </head> <body bgcolor="#FFFFFF">
faelj fljrea fljrea fljaerljf earlj faljre fljea frljea rfljrealjfa eflj aelrfljrea f a fda sdf asdf as fd as fd sad f asf a s fdas fd as fd as fd sa f saf sa fdsadf sadf a sdf a sfd as fd as f sa
fd saf sadf dsa fsa fd sa fd sad f safd saf a sfd sa df as f sa f asfd a sdf sa f asd fa sdf a sdf as f as fas
f sa fd saf a sf sa df sa f safd as fd sa fd sad fsa df sa f a fas </div>
td.d1{ background-color: green ; width: 50px ; } td.d2{ background-color: green ; } td.d3{ background-color: green ; width: 50px ; }
td.e1{ background-color: white ; width: 150px ; } td.e2{ background-color: white ; } td.e3{ background-color: white ; width: 150px ; }
Fijate donde pone overflow: auto . Esto significa que el DIV o capa llamada contenido, ha de mostrar la barra de desplazamiento vertical u horizontal si y solo si es necesario. Es decir, si el texto es corto y no lo necesita, no se mostrará dicha barra.
Si no lo ponemos una altura a la web, las barras de desplazamiento vertical no aparecerán nunca, pues la web iria creciendo junto con el contenido. Si deseas que aparezca una barra de desplazamiento vertical es porque tienes una altura definida para la web. Esta altura definida la hemos puesto con esto: height: 100px Lo puedes ver en la misma línea de la hoja de estilos. Puedes cambiar su valor para ajustarlo a tu gusto.
La movida es ke yo hago la web por frames y vosotros la haceis con tablas.
Cada frame es un html independiente, yo te pase el main frame, donde kiero poner el scroll, pues el resto carece de importancia...
No se mu bien crear una hoja de estilos, yo se ke cuando pongo un texto a determinado tamaño, y con una letra tal, se crea una hoja de estilo.
Pero me gustaria saber donde tiene ke estar ubicada la hoja de estilo, en la ke debo meter el codigo para el main, pues yo lo hago y me da ke no se aplican la cosas, kiza por ser marcos, o a saber...
La web ke estoy haciendo esta recien iniciada, realmente por ahora son 3 marcos con un fondo cada uno y una botonera.
Bueno, a ver.... quizás si en la página HTML que va en ese marco pones este código....
Dinos si sale lo que deseas, oki?
<html> <head> <STYLE> #contenido { background-color:orange ; width: 600px ; height:100px ; overflow: auto; } </STYLE> </head> <body> <div id="contenido"> ... asd asd asd asd sa das d asd as d as da sd aasdf asf asfd as adsf ads f as df asd f a sf d saf sd f sadf saf
sa f sa f as df ads fas f asdf asd f asd fas f sad f sad dsa f saf a f ds af dsa fsadf sad f sad f sad f dsa
f dsa f sa df sa df a sd fa sf as df asd f sa f as df as df asdfasdf sadfsad fdsaf a dsf dsaf sa f as f sa </div> </body> </html>
Mas o menos si funciona, de todas maneras me tengo ke ir a kurrar y no le pude aplicar mutxo time... mil gracias, ya os comento algo esta notxe, aaaadios
Pero ten en cuenta que con pocas neuronas más trabajando en esto, puedes pasar de los marcos y hacerlo todo con capas o DIVs..... je je. Aqui estamos para cuando lo quieras hacer.
me dijeron ke las capas daban mas problemas ke los marcos en distintos navegadores..., pero si me decis ke no es asi me pondre a mirar los cursos paso a paso, e intentar meterle mano, por ahora, me kedo en los frames :) mas vale malo conocido...
buenas de nuevo... la web se ve perfecta en mozilla firefox, pero en internet explorer no sale la web como debe, se ven las barras de desplazamiento donde no deben y las ke se deben ver no salen...ke lio! juzgar vosotros mismos
Parece ke lo consegui arreglar un poko... pero no entiendo porke en el explorer entra mas texto en el hueco ke en el mozzila, se ke son dos navegadores diferentes, pero los estilos deberian ser los mismos no?
Para ke sirva de ejemplo lo ke pasa con el mozzilla, os dejo una imagen para ke veais como veo yo CCTW.com Saludos peña!
[contenido no disponible]
Cookies
Usamos cookies necesarias y, si lo autorizas, Google Analytics. Puedes cambiar tu elección cuando quieras.
