Ir para conteúdo

Arquivado

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

sr.silva

Cantos Arredondados

Por , em Desenvolvimento frontend

Recommended Posts

sr.silva    1

sr.silva
Postado

Olá!!

 

Estou fazendo alguns testes com os artigos do pa_bruno

e estou meio parado! :blink: no seguinte....

 

Posicionamento e Layouts (Parte 03)

 

nao estou conseguindo fazer com que a imagem apareca para completar o desenho...

 

Segue o codigo!!

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><link rel=stylesheet href="css/arredondado.css" TYPE="text/css"></head><body><div id="geral">		<div id="topo">topo</div>		<div id="conteudo">conteúdo</div>		<div id="rodape"></div></div></body></html>
CSS

/* CSS Document */body { text-align: center; } #geral {width: 530px; margin: auto; background: #FFF url("imagens/central.jpg") repeat-y; }#topo {background: #FFF url("imagens/central.jpg") no-repeat; height: 35px; }#conteudo {padding: 0 20px; font: 8pt Verdana; text-align: left; }#rodape {background: #FFF url("/imagens/central.jpg") no-repeat; height: 35px; clear: both; }
Aproveitando o tópico, gostaria de deixar aqui o que estou tentando fazer...

inicio do inicio

 

Se alguem interessar em saber como estou indo nesse etapa, e so responder.!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

simples meu caro http://forum.imasters.com.br/public/style_emoticons/default/devil.gifvocê errou aqui

#rodape {background: #FFF url("/imagens/central.jpg") no-repeat;<--AQUIheight: 35px;clear: both;}

tira essa barrinha antes de 'images' e resolve a parada http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

erro básico... barras soh funcionam em servidores web... localmente naum funcionam... a naum ser q você instale um apache e rode localmente... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

e tire as aspas no background tb... eh desnecessário e naum recomendado pela W3C

Compartilhar este post

Link para o post
Compartilhar em outros sites

sr.silva    1

sr.silva
Postado

Será que para eu fazer alguns botoes estilos arredondados terei que diminuir a imagensde TOPO e RODAPE!?!?!?!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maujor    144

Maujor
Postado

Duas são as maneiras de se indicar um caminho para um endereço:

 

1-) Caminho absoluto:

Você escreve o endereço completo do link.

Por exemplo: http://www.maujor.com/w3c/introwac.html

 

2-) Caminho relativo:

Você escreve o endereço do link levando em conta onde está o documento que contém o link.

 

Links entre documentos no mesmo diretório basta escrever o nome do documento.

Por exemplo: endereco.html

 

Link de um documento para outro localizado em um diretório a um nível acima, use: ../

Por exemplo: ../endereco.html

 

Link de um documento para outro localizado em um diretório a dois níveis acima, use: ../../

Por exemplo: ../../endereco.html (e assim por diante)

 

Para diretórios localizados a níveis abaixo, use o nome do diretório, sem barra inicial

Por exemplo: diretorio-um/endereco.html para descer um nível

diretorio-dois/diretorio-um/endereco.html para descer dois níveis.

e assim por diante.

 

---------------------------------------------------------------------------------------

 

Você pode e deve substituir o endereço do domínio por uma barra "/". Neste caso a barra significa o diretório raiz.

O endereço lá em cima fica assim: /w3c/introwac.html

Compartilhar este post

Link para o post
Compartilhar em outros sites

sr.silva    1

sr.silva
Postado

Seguinte, Estou usando o seu artigo como base para fazer alguns botoes com cantos arrendandos...A minha duvida entao consiste nisso, como faco para criar botoes dessa maneira.Ja que o topo eu consegui fazer, agora quero fazer alguns botoes...!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

depende do programa q você usa pra criar... photoshop, fireworks, etc... ae você pergunta pra eles lah... ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

sr.silva    1

sr.silva
Postado

Ainda nao e bem isso!!!Estou querendo saber se no caso, do seu artigo se eu fosse fazer alguns botoes arredondados eu teria que diminuir o tamanho da imagem, ou apenas teria que fazer isso no CSS?

Compartilhar este post

Link para o post
Compartilhar em outros sites

sr.silva    1

sr.silva
Postado

Pelo que entendi, o raciocionio e o mesmo!!Tanto para cantos arredondados, quanto para botões!!???

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