Comunidad de diseño web y desarrollo en internet online

formato de texto

Citar            
MensajeEscrito el 09 Nov 2006 02:52 pm
Hola de nuevo, este foro es genial, ya casi tengo mi primera pagina con css lista :)

http://www.sosfactory.net/sosblog/

Tengo un par de problemas de nuevo:

1º El estado "over" de los links (underline) funciona solo en IE, en Firefox solo funciona para los enlaces ya visitados (Solucionado: poner definir el estilo "a" en lugar de "a:link").

2º Estoy intentando dar formato donde pone:
October 3, 2006
Welcome to the site
by Sergio 2:22 pm in Editorials
Como hago para que me salga las lineas mas juntas? Me gustaria que la fecha y los detalles del posteo salieran pegaditos al titulo.

3º Me gustaria que mi barra de navegacion (la verde) fuera de este estilo: http://www.alistapart.com/, es decir, que se quede marcado el estado "over" en la pagina en la que nos encontramos, asi la gente tiene referencia de donde se encuentra.

A ver si hay suerte ;)
Saludos y gracias.

Por sosfactory

135 de clabLevel

1 tutorial

 



Ultima edición por sosfactory el 09 Nov 2006 03:20 pm, editado 1 vez

msie
Citar            
MensajeEscrito el 09 Nov 2006 03:12 pm
He estado probando y cre que es porque:

En la hoja de estilos tienes

Código :

a:link {text-decoration:none;}
a:hover {text-decoration:underline;} 

pero cuando li quitas el :link el :hover funciona

Código :

a {text-decoration:none;}
a:hover {text-decoration:underline;}

Por ryuz

350 de clabLevel

2 tutoriales

 

firefox
Citar            
MensajeEscrito el 09 Nov 2006 03:17 pm
Buenas Ryuz, parece que era eso :)

Ahora... los enlaces visitados no cambian de color, no es que me moleste demasiado... pero ya por curiosidad.

(AH! q tonteria, defino el color para los visitados y listo... PROBLEMA RESUELTO!!!)

Gracias :)

Ya solo quedan 2 problemillas.

Por sosfactory

135 de clabLevel

1 tutorial

 

msie
Citar            
MensajeEscrito el 09 Nov 2006 03:48 pm
A ver, prueba con esto:

Código :

#lastupdate p {margin:-16px 7px;}

Por ryuz

350 de clabLevel

2 tutoriales

 

firefox
Citar            
MensajeEscrito el 09 Nov 2006 03:49 pm
Hola

Para lo de los links, si quieres usar todos los estados, debes asignarles estilo a todos los estados (en este orden especifico):

Código :

a:link {}
a:visited {}
a:hover {}
a:active {}

En cuanto a la 2da, los <p> y los <h1> tienen margen arriba y abajo, si quieres que se junten más, debes quitar ese margen. Lo que te recomiendo es que hagas una clase para fecha y una para el autor/categoria y ahí les quitas el margen con CSS.

En la 3ra, es más complejo porque eso no es CSS. O sea, suele agregarse una clase al elemento que quieres resaltar, y lo puedes hacer manualmente o dinamicamente. Lo más óptimo es dinámico, pero es medio complicado saber en que sección te encuentras para agregar la clase al boton requerido segun la sección. Una función en PHP es una buena opción.

Saludos.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 11 Nov 2006 03:50 am
Ok, muchas gracias, hecho un vistazo a ver si me sale todo ok.

Por sosfactory

135 de clabLevel

1 tutorial

 

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.