hola tengo un pequeño problema ya que cuando pongo un enlace en un parrafo este(enlace) siempre se coloca en una linea estando sola
Hola Mr,
puedes poner un ejemplo???
manmanu
problema con enlace
MrPatata escribió:hola tengo un pequeño problema ya que cuando pongo un enlace en un parrafo este(enlace) siempre se coloca en una linea estando sola
Hola:
adelantandome un poquito a la sugerencia de manamanu, depende de donde quiere poner los párrafos.
Ejemplo:
Como en el grupo de las a o de los enlaces por norma general se utiliza en este curso el display:block, eso hace que un enlace, que es una "caja", tal como es una "caja" la etiqueta párrafo, sean al final de cuentas "cajas" diferentes, y al ser "cajas" diferentes cada una ocupa una línea diferente, por eso la palabra que utiliza como enlace en un párrafolo lo lógico es que el se vaya y se ponga en otra línea.
Una de las soluciones:
Si es en la capa contenido donde usted escribe los párrafos y también pone algún enlace, entonces en su hoja de estilo-general podría crear un grupo de aes (enlaces para esa capa contenido), y poner por ejemplo:
Esto es solo un ejemplo:
#contenido a{color:blue;text-decoration:none;display:normal;}
#contenido a:link{}
#contenido a:visited{}
#contenido a:hover{color:yellow;text-decoration:none;}
#contenido a:active{}
O sea, que el display no sea block, si no que sea normal, así cada vez que en un párrafo usted quiera utilizar una palabra como enlace, esta palabra se mantendrá en esa misma línea del párrafo.
Quizás también puede utilizar allí en ese grupo en vez de normal un display:inline, pero yo me decanto por utilizar el display normal
Ya le comentará manmanu otras formas
Saludos
hola
compañero Raul, hay display:normal ???????
hasta donde sabia, lo contrario a display:bolck
es display:inline
saludos
compañero Raul, hay display:normal ???????
hasta donde sabia, lo contrario a display:bolck
es display:inline
saludos
Hola Raúl,
Hola de nuevo Mr.
Cro que has estado acertado Raúl, yo tambien pienso lo mismo que tu, que el que genera su salto de linea (aunque no lo dice asÍ) lo genera de nuevo ;
display:block
Por que tendrá es sus estilos ;
a{display:block}
y claro, ya conocemos el resultado.
Jorgens en el curso lo indica, pero para el menu, y posiblemente se olvida quitar esa propiedad display para las demas anclas, o aislarla mediante estilos.
Para que no suceda eso mr, Raúl te expone una alternativa.
__________________________________________
Yaneth, creo que escribiamos al mismo tiempo,
a tu pregunta, por lo menos el dreamw. no lo muestra y genera un error.
Definitivamente debería haber escrito lo que pensaba desde el principio,
fuera display, si no es necesario.
__________________________________________
Que opinas Raúl.??
manmanu
Hola de nuevo Mr.
Cro que has estado acertado Raúl, yo tambien pienso lo mismo que tu, que el que genera su salto de linea (aunque no lo dice asÍ) lo genera de nuevo ;
display:block
Por que tendrá es sus estilos ;
a{display:block}
y claro, ya conocemos el resultado.
Jorgens en el curso lo indica, pero para el menu, y posiblemente se olvida quitar esa propiedad display para las demas anclas, o aislarla mediante estilos.
Para que no suceda eso mr, Raúl te expone una alternativa.
__________________________________________
Yaneth, creo que escribiamos al mismo tiempo,
a tu pregunta, por lo menos el dreamw. no lo muestra y genera un error.
Definitivamente debería haber escrito lo que pensaba desde el principio,
fuera display, si no es necesario.
__________________________________________
Que opinas Raúl.??
manmanu
manmanu escribió:Hola Raúl,
Hola de nuevo Mr.
Cro que has estado acertado Raúl, yo tambien pienso lo mismo que tu, que el que genera su salto de linea (aunque no lo dice asÍ) lo genera de nuevo ;
display:block
Por que tendrá es sus estilos ;
a{display:block}
y claro, ya conocemos el resultado.
Jorgens en el curso lo indica, pero para el menu, y posiblemente se olvida quitar esa propiedad display para las demas anclas, o aislarla mediante estilos.
Para que no suceda eso mr, Raúl te expone una alternativa.
__________________________________________
Yaneth, creo que escribiamos al mismo tiempo,
a tu pregunta, por lo menos el dreamw. no lo muestra y genera un error.
Definitivamente debería haber escrito lo que pensaba desde el principio,
fuera display, si no es necesario.
__________________________________________
Que opinas Raúl.??
manmanu
Hola:
Os voy a dar, no las razones "legales", quiero decir que no me pondré a daros ejemplos detallados de herencia, ni de que las "cajas de bloque" corresponden a los elementos a "nivel de bloque", pero las cajas de bloque suelen ser entre otras
BODY
DIV
P
UL
OL
LI
H1
H2
H3, H4, H5 ETC.
HR
FORM
FIELDSET
COL
TABLE
TD
LEGEND
IFRAME ETC. ETC.
Las cajas en línea corresponden a elementos a "nivel de línea", o sea los inline, y estos no pueden generar un bloque de contenido, solo pueden contener otros elementos a nivel de linea y contenido, por ejemplo
A
ABBR
B
BIG
BR
CITE
CODE
EM
FONT
I
IMG
INPUT
SPAN
STRONG
TEXTAREA ETC. ETC. ETC.
Ahora a exponer mi lógica, (no muy razonable quizás, pero vosotros diréis, ya que a mi me funciona)
cuando en el curso ponemos en el grupo de las aes
Le estamos diciéndo manmanu que todo enlace que haya en la pagina web se comporte como display:block, ¿Porqué?
Porque se lo estamos diciéndo al grupo general de enlaces que sería este:
a {color:brown;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver;}
a:active{}
Estas directivas que hemos puesto no son solo para la capa menu, si no que también son para la capa cabecera, la capa pie y fijaros en una cosa, también son para la capa navegacion, y para ponerle la guinda al pastel, también afecta a la capa contenido.
O sea, ese grupo le da una orden a toda la página, por tanto, toda la página es un (por decirlo así) display:block.
Recuerdo que es algo que también tienen los enlaces de la capa navegacion.
Por tanto, como yo no quiero que la capa navegacion cambie a un display:inline, lo dejo todo como está
Pero tampoco quiero que los párrafos y todo lo que hay dentro de la capa contenido se me comporte como display:inline, porque me generaría futuros problemas cuando quiera en la capa contenido poner alguna cosa en display:block, ya que los inline, no pueden generar block.
Recordemos lo que dije antes en la lista, que los párrafos por defecto se generan en display:block.
Lo lógico, sería poner en las hojas de estilo, los display (sean block o inline) a cada div en particular, digamos que es lo lógico y aceptable.
Pero como a mi, me suele traer de cabeza tanto inline y tanto block, y que algunas veces cuando al grupo de las aes de la capa contenido, le he puesto un display:inline, no me ha respetado ese inline.
Pues utilizo un display:none o un display:normal, que para los efectos (según yo) sería lo mismo.
Por eso manmanu, si a los enlaces de la capa contenido, no le indicas un display, tomará el que tiene por defecto.
En este caso llamémosle por defecto al del grupo de las aes general.
En paginas web más complicadas que las nuestras, los inline y los block toman una importancia considerable, por ello hay que estar muy seguro de qué clase de display quiere uno para tal o cual capa, o si solo desea cierta clase de display para algo en particular de dicha capa, o si no desea ninguno, o tomar el que está por defecto en el navegador
Yaneth, no todo es block o inline, también está el ninguno de los dos, y otros más que ahora no recuerdo.
Y hay navegadores que soportan un normal, y otros que soportan un none.
En todo caso, si me pedís más razones, no sabría por ahora darlas, pero si podría contestar como cierto señor de hace unos cientos de años atrás, (aunque solo es una leyenda urbana)
"Y sin embargo.... funciona". ¿O no era funciona? je je je
Saludos
Raulyure escribió:manmanu escribió:Hola Raúl,
Hola de nuevo Mr.
Cro que has estado acertado Raúl, yo tambien pienso lo mismo que tu, que el que genera su salto de linea (aunque no lo dice asÍ) lo genera de nuevo ;
display:block
Por que tendrá es sus estilos ;
a{display:block}
y claro, ya conocemos el resultado.
Jorgens en el curso lo indica, pero para el menu, y posiblemente se olvida quitar esa propiedad display para las demas anclas, o aislarla mediante estilos.
Para que no suceda eso mr, Raúl te expone una alternativa.
__________________________________________
Yaneth, creo que escribiamos al mismo tiempo,
a tu pregunta, por lo menos el dreamw. no lo muestra y genera un error.
Definitivamente debería haber escrito lo que pensaba desde el principio,
fuera display, si no es necesario.
__________________________________________
Que opinas Raúl.??
manmanu
Hola:
Os voy a dar, no las razones "legales", quiero decir que no me pondré a daros ejemplos detallados de herencia, ni de que las "cajas de bloque" corresponden a los elementos a "nivel de bloque", pero las cajas de bloque suelen ser entre otras
BODY
DIV
P
UL
OL
LI
H1
H2
H3, H4, H5 ETC.
HR
FORM
FIELDSET
COL
TABLE
TD
LEGEND
IFRAME ETC. ETC.
Las cajas en línea corresponden a elementos a "nivel de línea", o sea los inline, y estos no pueden generar un bloque de contenido, solo pueden contener otros elementos a nivel de linea y contenido, por ejemplo
A
ABBR
B
BIG
BR
CITE
CODE
EM
FONT
I
IMG
INPUT
SPAN
STRONG
TEXTAREA ETC. ETC. ETC.
Ahora a exponer mi lógica, (no muy razonable quizás, pero vosotros diréis, ya que a mi me funciona)
cuando en el curso ponemos en el grupo de las aes
Le estamos diciéndo manmanu que todo enlace que haya en la pagina web se comporte como display:block, ¿Porqué?
Porque se lo estamos diciéndo al grupo general de enlaces que sería este:
a {color:brown;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver;}
a:active{}
Estas directivas que hemos puesto no son solo para la capa menu, si no que también son para la capa cabecera, la capa pie y fijaros en una cosa, también son para la capa navegacion, y para ponerle la guinda al pastel, también afecta a la capa contenido.
O sea, ese grupo le da una orden a toda la página, por tanto, toda la página es un (por decirlo así) display:block.
Recuerdo que es algo que también tienen los enlaces de la capa navegacion.
Por tanto, como yo no quiero que la capa navegacion cambie a un display:inline, lo dejo todo como está
Pero tampoco quiero que los párrafos y todo lo que hay dentro de la capa contenido se me comporte como display:inline, porque me generaría futuros problemas cuando quiera en la capa contenido poner alguna cosa en display:block, ya que los inline, no pueden generar block.
Recordemos lo que dije antes en la lista, que los párrafos por defecto se generan en display:block.
Lo lógico, sería poner en las hojas de estilo, los display (sean block o inline) a cada div en particular, digamos que es lo lógico y aceptable.
Pero como a mi, me suele traer de cabeza tanto inline y tanto block, y que algunas veces cuando al grupo de las aes de la capa contenido, le he puesto un display:inline, no me ha respetado ese inline.
Pues utilizo un display:none o un display:normal, que para los efectos (según yo) sería lo mismo.
Por eso manmanu, si a los enlaces de la capa contenido, no le indicas un display, tomará el que tiene por defecto.
En este caso llamémosle por defecto al del grupo de las aes general.
En paginas web más complicadas que las nuestras, los inline y los block toman una importancia considerable, por ello hay que estar muy seguro de qué clase de display quiere uno para tal o cual capa, o si solo desea cierta clase de display para algo en particular de dicha capa, o si no desea ninguno, o tomar el que está por defecto en el navegador
Yaneth, no todo es block o inline, también está el ninguno de los dos, y otros más que ahora no recuerdo.
Y hay navegadores que soportan un normal, y otros que soportan un none.
En todo caso, si me pedís más razones, no sabría por ahora darlas, pero si podría contestar como cierto señor de hace unos cientos de años atrás, (aunque solo es una leyenda urbana)
"Y sin embargo.... funciona". ¿O era funciona? je je je
En todo caso, se me olvidaba que también puede crear un grupo de aes con display block a la capa menu que es la que lleva la lista, y crear un grupo de aes para la capa contenido con un display:inline
O en el grupo general de las aes ponerle un display:normal
y crear un grupo de aes para la capa menu con display:block
En tres web los tengo así y funcionan
En otras dos las tengo de otra manera y funcionan
Si uno crea un grupo de aes para una capa en particular con display:none, dependiendo de como esté la pagina en términso generales esos enlaces puede que no se visualicen.
Resumiendo:
Pienso que lo mejor es ponerle al grupo de las aes general un display:normal
y crear un grupo de aes para la capa menu con display:block.
En todo caso manmanu y Yaneth
yo solo me adelanté a responder según mi criterio de como hago las cosas nada más, tampoco son cosas totalmente seguras, ya que dependen de más cosas en la página, lo que yo hago es combinar posibilidades de códigos nada más.
Saludos manmanu y Yaneth y Mr
Saludos
valla pisto que me habeis liado, tanto que no me e aclarado
MrPatata escribió:valla pisto que me habeis liado, tanto que no me e aclarado
Hola:
Si usted se siente liado, imagínese nosotros.
Si quiere, pruebe haciéndolo así:
Si no le da resultado , probamos de otra manera
en el grupo de las aes allí en su hoja de estilo-general, pruebe poniendo los códigos así, por ahora
.............................................................................................
En el grupo de las aes
a {color:brown;text-decoration:none;display:normal}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:none;}
a:active{}
...................................
Y crear un grupo de aes para la capa menu Así
#menu a {color:blue;text-decoration:none;display:block}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:black;text-decoration:none;}
#menu a:active {color:black}
..........................................................................................
Si eso no le da resultado, pruebe poniendolos así:
Este es el grupo de las aes
a {color:brown;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:none;}
a:active{}
...............................
Y en vez de crear un grupo de aes para la capa menu, cree un grupo de aes para la capa contenido
#contenido a {color:blue;text-decoration:none;display:inline}
#contenido a:link {}
#contenido a:visited {}
#contenido a:hover {color:black;text-decoration:none;}
#contenido a:active {color:black}
.......................................................................................
Saludos, y no se lie tanto, que a veces (y solo a veces) es más sencillo de lo que parece
Estoy de acuerdo que todos los caminos llegan a roma
jeje
siempre y cuando vallamos en direccion correcta no??
o si?????
jajajjjaja
aqui dejo un enlace que me parece muuy bueno
http://www.librosweb.es/referencia/css/display.html
saludos y un abrazo
jeje
siempre y cuando vallamos en direccion correcta no??
o si?????
jajajjjaja
aqui dejo un enlace que me parece muuy bueno
http://www.librosweb.es/referencia/css/display.html
saludos y un abrazo