Entrar

Problemas con las Reglas CSS

Doodleo · · Solicitar retirada
Hola,

Así le estás aplicando el CSS al div, no a su contenido. Deja tu CSS así:
[COLOR=#0000FF]body{background-image:url("Imagenes/bg.jpg") ; color: #FFFFFF}[/COLOR]

[COLOR=#0000FF].lanza img{width: 1000x ; height: 230px ; alt: Grua menu ;}[/COLOR]

[COLOR=#0000FF].menuinicio img{width: 76px ; height: 38px ; alt: Gruas inicio ;}[/COLOR]
[COLOR=#0000FF].menuprodutos img{width: 100px ; height: 38px ; alt: Grua produtos ;}[/COLOR]
[COLOR=#0000FF].menuempresa img{width: 87px ; height: 38px ; alt: Grua empresa ;}[/COLOR]
[COLOR=#0000FF].menucontato img{width: 87px ; height: 38px ; alt: Grua contato ;}[/COLOR]
alex222en · · Solicitar retirada
Vale muchas gracias, la otra pregunta que tengo es. El codigo tal y como lo tenia me modifica el <div>, ¿para modificar el span con el css como lo hago?; esa es la otra duda que tengo.
Doodleo · · Solicitar retirada
Depende de lo que quieras hacer. Si le das un ID o una clase a un elemento (da igual cual: div, span, p, h1...) llega con declararlo en los CSS:
#id {
  ...estilos para el elemento con ese id...
}

.clase {
  ...estilos para los elementos con esa clase...
}

Si quieres darle unos estilos en general a todos los span sin tener que declararle un id o una clase:
span {
  ...estilos para todos los span de la página...
}
alex222en · · Solicitar retirada
Muchas gracias por la información anterior. Ahora tengo un texto que he usado como menú de navegación, lo abrí con las etiquetas <b></b>, y les di el nombre de class="menuinicio". mi codigo quedo asi:

<a href="index.html"><b class="menuinicio">Inicio</b></a>

y en la hoja de estilos tengo definido el siguiente codigo>

.menuinicio {alt: Gruas inicio ; color: #BDBDBD ; text-decoration: none ;}

El problema es que el texto me aparece subrayado, me gustaria saber si el comando que coloque para retirar el subrayado es correcto (text-decoration: none ;), y tambien como cambiar el color del subrayado, asi en caso de no ser capaz de quitarlo puedo ponerlo del color del texto.

Doy gracias por adelantado.
alex222en · · Solicitar retirada
aqui os dejo mis codigos:

1.css:

body{background-image:url("Imagenes/bg.jpg") ; color: #FFFFFF}

.lanza img{width: 1250px ; height: 230px ; alt: Grua menu ;}

.menuinicio {alt: Gruas inicio ; color: #BDBDBD ; text-decoration: none ;}
.menuprodutos {alt: Grua produtos ; color: #BDBDBD ;}
.menuempresa {alt: Grua empresa ; color: #BDBDBD ;}
.menucontato {alt: Grua contato ; color: #BDBDBD ;}

2.index:

<html lang="pt">
<head>
<title>Gruas</title>
<link rel="StyleSheet" media="screen" type="text/css" href="estilo.css">
<script src="http://modernizr.com/downloads/modernizr.js"></script>
</head>
<body>
<center><span class="lanza"><img src="Imagenes/lanza 3.png"></span></center>
<header>
<center>
<a href="index.html"><b class="menuinicio">Inicio</b></a>
<a href="produtos/produtos.html"><b class="menuprodutos">Produtos</b></a>
<a href="Empresa/empresa.html"><b class="menuempresa">Empresa</b></a>
<a href="Contato/contato.html"><b class="menucontato">Contatos</b></a>
</center>
</header>
<section>
<center><span class="parrafo"><p>Copas Brasil tem uma grande variedade de gruas torre para locaçao. Os equipamentos disponiveis são muitos.</p></center>
</section>
</body>
</html>
alex222en · · Solicitar retirada
he encontrado la solucion, igualmente me gustaria saber como puedo cambiar el color de un subrayado porfavor.
Doodleo · · Solicitar retirada
En vez de utilizar la etiqueta <b>texto</b> utiliza <strong>texto</strong>, el resultado será igual pero si utilizas <strong> el texto dentro de la etiqueta será más importante para los buscadores que lo definirán como una especie de palabras clave para ayudar a posicionar tu sitio.
Ahora bien, si quieres darle un estilo con esa letra a un enlace, puedes hacerlo directamente sobre él:
<a href="index.html" alt="Grúas inicio" class="menu">Inicio</a>
<a href="produtos/produtos.html" alt="Grúa productos" class="menu">Productos</a>
<a href="Empresa/empresa.html" alt="Grúa empresa" class="menu">Empresa</a>
<a href="Contato/contato.html" alt="Grúa contacto" class="menu">Contactos</a>
El alt se debe definir en el enlace, no en el CSS. Ahora cambia tu CSS por este:
.menu {
  font-weight: bold; [COLOR=#00ff00]/* Ponemos el texto en negrita (y da el mismo resultado que utilizar la etiqueta <b> o <strong> */[/COLOR]
  color: #BDBDBD; [COLOR=#00ff00]/* Color del texto */[/COLOR]
}

.activo {
  text-decoration: none; [COLOR=#00ff00]/* No añadimos ninguna decoración al enlace (ni subrayados ni nada) */[/COLOR]
}

Luego en el enlace que quieras que no tenga subrayado, añades la clase activo a parte de la de menu, quedando por ejempló así:
<a href="index.html" alt="Grúas inicio" class="menu activo">Inicio</a>

Si lo que quieres es cambiar el color del subrayado nada más, no hay una opción específica para eso pero podrías hacer algo parecido añadiéndole un borde por debajo del enlace, de manera que .activo quedaría así:
.activo {
  text-decoration: none; [COLOR=#00FF00]/* No añadimos ninguna decoración al enlace (ni subrayados ni nada) */[/COLOR]
  border-bottom: 1px solid [B][COLOR=#ff0000]red[/COLOR][/B]; [COLOR=#00FF00]/* Cambia red por el código del color del "subrayado" */[/COLOR]
}