Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Dieguinhu Web

Menu em cima de imagem

Por , em Desenvolvimento frontend

Recommended Posts

webflex    0

webflex
Postado

Olá,

 

Basta você adicionar no seu CSS uma imagem de background nessa respectiva div..

div.teste { background: url(imagem.jpg); }

Tipo uma cena dessas.

Leia alguns artigos sobre o assunto no nosso amigo Maujor.

 

Cumps [*]

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rodrigo1    0

Rodrigo1
Postado

a div deve ter height e width do tamanho da imagem ou ela ira se repetir!

você faz essa classe igual a do webphlex

 

e atribui a sua div 

<style>.teste { background: url(imagem.jpg); Width: 770; Height: 100; display: inline;}teste a {	font-family: Arial, Helvetica, sans-serif;	color: #009900;	border: thin outset #999999;	padding-right: 5px;	padding-left: 5px;	font-size: 14px;	padding-top: 1px;	padding-bottom: 1px;	text-decoration: none;		display: inline;}</style><div class="teste">	<a href="x.htm">link</a>	<a href="x.htm">link</a>	<a href="x.htm">link</a></div>
so nao lembro se o display:inline é no 'teste' ou no 'teste a'

 

qq coisa post

 

Abx

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dieguinhu Web    0

Dieguinhu Web
Postado

Galera meu codigo é esse quero imagens cambiaveis em cima da figura barra 01 todos em sequencia um embaixo do outro:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Documento sem título</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style>

.teste {

background: url(imagem.jpg);

Width: 770;

Height: 100;

display: inline;

}

teste a {

font-family: Arial, Helvetica, sans-serif;

color: #009900;

border: thin outset #999999;

padding-right: 5px;

padding-left: 5px;

font-size: 14px;

padding-top: 1px;

padding-bottom: 1px;

text-decoration: none;

display: inline;

 

}

</style>

</head>

<body bgcolor="#999999">

<div align="center">

<p align="center"><img src="topo01.png" width="750" height="140">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="748" height="40">

<param name="movie" value="menu.swf">

<param name="quality" value="high">

<embed src="menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="748" height="40"></embed></object>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="280" height="350">

<param name="movie" value="direita_head.swf">

<param name="quality" value="high">

<embed src="direita_head.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="280" height="350"></embed></object>

<img src="barra01.png" width="234" height="356">

<p> </p>

</div>

</body>

</html>

 

 

 

 

Alguem sabe como posso fazer isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito