+ Problemas CSS
Hola a todos!
Estoy empezando con CSS y hay una cosilla que en explorer no me funciona pero no se si lo estoy haciendo bien...
En un archivo css externo tengo esta declaración
#titulonoticia {
height: 30px;
width: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
font-weight: bold;
background-color: #007d69;
}
Por otro lado en página tengo lo siguiente
<div id="titulonoticia" style="position:absolute; left:188; top:71">prueba
</div>
<div id="titulonoticia" style="position:absolute; left:400; top:71 ">prueba
</div>
Quiero declarar el aspecto de los titulares en el css y la posición se la doy en el .php (en mi caso)...
Esto en la vista diseño de Dreamweaver me lo hace bien pero al mistrarlo en IE me deja los div en la esquina superior izquierda.
¿que estoy haciendo mal?
un saludete
txuma Plus
A su servicio.... ;)
gandalias
ya lontiendo!!!
thks de nuevo
gandalias
Pefect!! muchas veces... digoooo muchas gracias ;)
Ahora me los explique... si pue ser... lo entendería salieran unos al lado de otros pero no se porque al hacer el tercero le planta abajo... :(
txuma Plus
Gandalias, has probado el ejemplo de código que te he puesto??
gandalias
Me confundÍ CUADRO DE 100X100 en cuatro cuadrantes de 50x50 2 arriba y 2 abajo...
tnkhs
txuma Plus
Por cierto, el display:block dentro de la definición del P sobra, evidentemente :oops:
gandalias
No tengo aqui como colgarlo... Esto es para una Intranet y mi server no sale pa'fuera ni tengo espacio por ahi... Si alguien me da un mail se lo mando y que lo cuelque alquien por aqui...
txuma Plus
No se si te he pillado, pero puedes intentar algo así:
CSS
#contenedor {
width: 500px;
}
#contenedor p {
width: 200px;
height: 200px;
border: 1px solid #000;
display:block;
float: left;
margin: 5px;
}
HTML
<div id="contenedor">
<p></p>
<p></p>
<p></p>
<p></p>
</div>
Y después, dentro de cada bloque defines la apariencia de los elemento como quieras
salu2
meddle
pasanos una captura.
gandalias
Juer
Se ha desmaquetao al escribirlo
Imaginar un cuadrado de 100x100 en cuatro cuadrantes de 25x25 (cada noticia en un cuadrante...
ea
meddle
yo lo uso <em>a veces</em> cuando genero codigo con javascript (me refiero al css inline). creo que es necesario, pero sabiendo cuando usarlo y cuando no.
gandalias, ¿pq no nos pasas una captura de lo que quieres hacer?
gandalias
xDDDD
A ver en la pagina principal (no he usado marcos)... El titulo arriba... el menu a la derecha y en la parte izquierda van COMO MAXIMO los 4 titulares de un gestor de noticias. Estos 4 titulares NORMALMENTE serán las 4 últimas noticias publicadas pero no irá en función del tiempo sino que se quieren dejar solo las que seleccionen. Si solo se quieren 2 noticias pues 2... y sin son las 4 pues las 4. La distribución sería en una distribución de 2x2
Fecha Noticia 1 Fecha Noticia 2
Titulo Noticia 1 Titulo Noticia 2
Principio Texto 1 Principio Texto 2
Leer + Leer +
Fecha Noticia 3 Fecha Noticia 4
Titulo Noticia 3 Titulo Noticia 4
Principio Texto 3 Principio Texto 4
Leer + Leer +
Todos los marcos de las noticias han de ser exactamente iguales. No puede hacer titulares que ocupen 2 lineas y todo tiene que hacer "caja". Me tengo que ceñir casi al pixel en el diseño porque no os imaginais como son por estos lares...
A mi se me habia ocurrido definir el estilo de 1 caja sin espeficiar la posición que se la doy yo con el inline...
Supongo que habrá formulas más sencillas no se si con tablas o como... y para eso entrais vosotros :)...
Si que me gusta esto del CSS pero como vea que me complica mucho la vida le dan por culo :) :) :) y lo dejo con posiciones absolutas aunque venga Conan con los magos del W3C a sodomizarme...
Gracias de nuevo por vuestro interés.
dirarck
eso por supuesto, aun me estoy preguntando porqué inventaron ese atributo, desde mi punto de vista va en contra de lo que css es. Yo nunca lo uso, eso no es reutilizable, aumenta el tamaño de la página, y creo que es casi tan malo como las tablas.
meddle
merefiero a usar css en el html. como aqui:
<code><div id="titulonoticia" style="position:absolute; left:188; top:71">prueba</div> </code>
dirarck
joeeee no me pegues :'(. :P
Casi siempre hay maneras de evitar las posiciones absolutas, los inline te refieres al display?, porque para mi es primordial en algunos menu. un saludo
meddle
que no joeeé, que eso ya se ha entendido y arreglado. ahora estamos en que deberia eliminar el uso de CSS inline y limitar al maximo el uso de position:absolute
dirarck
Tener dos elementos identificados por el mismo nombre no es correcto, porque esa es la finalidad de ID, tener elementos identificados unequívocamente (como las tuplas en SQL), para poder aplicarles script's css o futuras tecnologías.
txuma Plus
A ver, viendo tu código creo que el problema está en que no especificas unidades. Cuando indicas una posición, o tamaño distinto de 0 tienes que indicar el tipo de unidad (pixels, em, cm....). Pruebalo y verás cómo funciona ;)
De todos modos no sé exactamente qué es lo que quieres conseguir, pero apoyo las mociones de meddle de intentar evitar posicionamiento absoluto y CSS en linea. Explica un poco mejor lo que te interesa y seguro que podemos echarte una mano.
Y en cuanto a tener dos elemento en la página con un mismo id, siguiendo las indicaciones del maestro, creo que no es correcto :(
Salu2
cbp
¿el WC son los que fijan los estándares del lenguaje en los lavabos? :?
gandalias
Naaaa... ¡¡¡Pues no la aumente hombre!!! :) A ver ¿Para que vas a aumentar el tamaño de la fuente si se va a ver mal? :)
No se chico. Ya te digo que estoy empezando con esto... Le daré alguna vuelta a ver si me quito el absolute entonces... pero pocas vueltas eh? con lo contento que estaba yo y ahora me llegan unos del WC no se que... :)
gracias de nuevo
meddle
1. por limpieza de codigo. creo recordar que incluso la W3C desaconseja el uso de estilos inline.
2. porque no es bueno posicionar todo en absolute. me juego una mano a que en mozilla me cargo tu layout aumentando el tañano de la fuente :)
gandalias
De todas formas esa parte CSS inline se generará dinamicamente. Se gererarán tantos como titulares haya y los posiciono con el CSS inline
Si con eso funciona me doy con un canto en los morros :)
¿por que evitar meddle? Supongo que habrá algún thread sobre ello...
salú!!!
meddle
probablemente esté usando un doctype estricto...
otra cosa, intenta evitar el uso de CSS inline. Suelen haber opciones para evitarlo, solo hay que pensar un poco mas ;)
cbp
¿era por los px? pues yo juraría que IE no era tan pijo, a veces se traga el left y el top sin poner "px"... :?
gandalias
Eso que he puesto pero con class en lugar de con id...
No se si con id funcionaría pero con el class chuta bien
Muchas gracias a los 2 de nuevo!!!
gandalias
creo que ya esta
<div id="titulonoticia" style="position:absolute; left:188 px; top:71 px">prueba
</div>
faltaban los puñeteros px
cbp
black
<div class="quote">
gandalias
<blockquote>
No. No me refiero a declararlo dos veces sino a hacer 2 div con un mismo id
<div id="titulonoticia">prueba</div>
<div id="titulonoticia">prueba2</div>
¿eso es correcto?</blockquote>
</div>
eso si es correcto! lo puedes utilizar todas las veces que quieras... no? lo que me parece raro es lo de #nombre .nombre...
yo creo que no es correcto, si utilizas dos veces el mimo id el navegador se arma un lío cuando quieras acceder a él, porque no sabe a cual de los dos te refieres
gandalias
no hombre... no lo he declarado dos veces...
Es que habia probado primero con
a)
#titulonoticia.. y <div id="titulonoticia">....
y
b)
.titulonoticia.. y <div class="titulonoticia">....
Pero por separado para ver si era esa la cuestión pero nunca declarando 2 veces titulonoticia
Juer estoy mas perdido que que que que...
black
gandalias
No. No me refiero a declararlo dos veces sino a hacer 2 div con un mismo id
<div id="titulonoticia">prueba</div>
<div id="titulonoticia">prueba2</div>
¿eso es correcto?
eso si es correcto! lo puedes utilizar todas las veces que quieras... no? lo que me parece raro es lo de #nombre .nombre...
gandalias
Version Explorer: 6
No. No me refiero a declararlo dos veces sino a hacer 2 div con un mismo id
<div id="titulonoticia">prueba</div>
<div id="titulonoticia">prueba2</div>
¿eso es correcto?
A ver.
<div id="titulonoticia" style="position:absolute; left:188; top:71">prueba
</div>
De ahi me respeta el #titulonoticia (tipos, colores y tamaño) pero lo referente a style="position:absolute; left:188; top:71 no me lo hace. Es como si al tener declarado en el css "titulonoticia" pasará del style añadido que he puesto y al mostrarlo en explorer me planta el div en la posicion 0,0. Yo lo que quiero es tener declarado el tamaño y las tipos de los titulares, pero la posición quiero asignarsela fuera del css ya que voy a tener varios titulares.
gracias a los dos de nuevo!!!