Como poner un logo en css

Inicio » Como poner un logo en css

Como poner un logo en css

como obtener un logo en html

Mi cabecera está diseñada en css y el html es una imagen normal que será un logo, lo usaré porque no tendré demasiadas páginas (si hay una alternativa mejor por favor dilo gracias) ¿alguna buena forma de añadir un logo sobre la cabecera? gracias.

Me gustaría pedirte que publiques un poco más de código para que podamos saber lo que estás tratando de hacer. Hasta ahora, se ve todo mal. Las etiquetas <td> no están cerradas y una etiqueta <body> está dentro de una <td>? Tengo curiosidad por saber por qué parece que estás enmarcando la página con una tabla, también. Eso está en desuso desde hace un montón de años.

En ese ejemplo la propiedad float no es necesaria si el logo es lo único que hay en la cabecera, porque los elementos en línea (img) se situarán por defecto a la izquierda. Pero si usted estuviera añadiendo más a la cabecera, lo querría allí.

imagen del logo en css

Tengo un diseño de sitio con un diseño central (tiene unos 922px de ancho, centrado en la página)… Tengo un pequeño logo que está en la parte superior izquierda de este, pero sobresale unos 10 pixeles a la izquierda del diseño central. Si se imaginan, como que sobresale a la izquierda del diseño…

Ahora, me dijeron que el posicionamiento absoluto haría que esto suceda. Pero no puedo ver cómo el logo funcionaría con el posicionamiento absoluto si el diseño en sí está en el centro de la página. Creo que esto es para asegurarse de que funciona en IE6… He tratado de flotar el logotipo en el encabezado central, y luego aplicar un margen negativo de margin-left: -10px; que funciona, pero he leído que esto no funciona en IE6.

Sin un fragmento de código es difícil de decir, pero probablemente es un problema con el posicionamiento «absoluto» de su elemento. ‘Absoluto’ es un término erróneo. Realmente significa «absoluto… relativo al padre posicionado más cercano». Así que si en tu diseño, no tienes un elemento padre con el estilo css «position» en él, va a tomar su posición del elemento body (que puede tener algo de margen / relleno en él dependiendo de tu navegador).

css images

The correct way to display a Logo is with an <img> element. If you haven’t studied logos and logotype, you might not realize that a logo has its own semantics and is required to be presented in a very specific manner. It may also have a required interpretation, which is what should be used in the [alt] attribute.

To understand the semantics of a logo. If you’re referencing the Coca-cola company, the logo for the brand would not, and should not change if you swapped out, or removed a stylesheet. Most people understand that semantically,

logotipo en html

Hola chicos, he estado intentando añadir una imagen de logo sobre mi cabecera. Mi cabecera está diseñada en css y el html es una imagen normal que será un logo, lo usaré porque no tendré muchas páginas (si hay una alternativa mejor por favor díganlo gracias) ¿alguna buena forma de añadir un logo sobre la cabecera? gracias.

Me gustaría pedirte que publiques un poco más de código para que podamos saber lo que estás tratando de hacer. Hasta ahora, se ve todo mal. Las etiquetas <td> no están cerradas y una etiqueta <body> está dentro de una <td>? Tengo curiosidad por saber por qué parece que estás enmarcando la página con una tabla, también. Eso está en desuso desde hace un montón de años.

En lugar de publicar imágenes de tu código puedes copiar y pegar el código en tu post. Para formatear como código pon tres puntos suspensivos ( ` ) en una línea propia antes y después del bloque de código. De esta manera, si queremos recrear tu página, no tenemos que volver a escribirlo todo desde la imagen. O puedes hacer una maqueta de una página que funcione usando Codepen.

No hay problema, todos fuimos nuevos alguna vez. Entonces, ¿qué tipo de diseño estás tratando de lograr? Traté de hacer una conjetura basada en lo que publicaste, ¿es esto algo cercano? (No sé qué aspecto tienen las imágenes, pero he utilizado marcadores de posición) http://codepen.io/SamA74/pen/bewBGr

Scroll al inicio
Ir arriba