Ir para conteúdo

POWERED BY:

Arquivado

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

André do Vale

Iniciar nas CSS

Por , em Desenvolvimento frontend

Recommended Posts

André do Vale    76

André do Vale
Postado

http://www.vianetbrasil.com.br/teste/faca4/

 

Bem, esse site é um desafio pra mim... é o primeiro que faço o layout e exporto sozinho...

 

Comecei nele tentando exportar em tabela, foi aí que descobri os problemas do firefox...

 

Pesquisando descobri o uso do Tableless... lendo um pouquinho ali, um tikinho aqui, e blablabla,

eu dei conta de fazer a estrutura dele MAIS OU MENOS...

 

Gostaria que vocês vizualizassem este site no IE6, IE7 e FF2...

E pudessem me ajudar no que for possivel...

 

Principalmente naquela caixinha "Acesso Restrito"...

 

Outra coisa, é que naquele espaço que está sobrando, irá entrar a div "conteudo"...

 

"CONTEUDO" será composta por '3 níveis' horizontais... (width: 566px)

o 1º será uma borda arredondada do topo... (height:10px;)

 

o 2º será o conteúdo em si, com o fundo da cor da borda (width: 550px)

aqui entrará um iframe, que estica automaticamente o div...

 

o 3º será uma borda arredondada do rodapé do conteúdo... (height:10px;)

 

 

Outra importante ajuda que preciso é montar o CSS de conteúdo, para que se ajuste corretamente na página...

 

 

 

Bom, eu sei que é muita coisa... mas estou aprendendo... e agradeceria muito quem puder me ajudar http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Abraços...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Alkaeda, antes de tudo, você precisar aprender css.

Esse é o link: CSS Link Collection

 

Com isso que lhe foi passado você conseguirá montar o seu site coretamente.

 

[]´s

Compartilhar este post

Link para o post
Compartilhar em outros sites

André do Vale    76

André do Vale
Postado

Caraca Gio, todo post que eu faço você poe isso...eu leio, releio, mas não entendo tudo... esses tuto são muito "técnicos"...Eu posto aqui para ter uma ajuda mais direta, e simples...Não querendo ser desagradável, mas este link não vai me ajudar em nada mais...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Se eu coloco é pq a resposta para sua dúvida está lá!

Como já disse zilhões de vezes, e vou continuar dizendo: para solucionar um polininômio você deve, no mínimo, saber as quatro operações básicas.

 

Outra coisa, não gosto de postar tópicos enormes, mas colha como tá o seu código fonte:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>FAÇA PRODUÇÕES - Soluções criativas para seu evento</title><link href="estilo.css" rel="stylesheet" type="text/css" media="all" /><script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script></head><body><div id="tudo"><div id="topo">  <script type="text/javascript">AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','458','height','172','src','top1','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','wmode','transparent','movie','top1' ); //end AC code</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="458" height="172">	<param name="movie" value="top1.swf" />	<param name="quality" value="high" />	<param name="wmode" value="transparent" />	<embed src="top1.swf" width="458" height="172" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>  </object></noscript></div><div id="menu">	<script type="text/javascript">		AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','195','height','258','src','menu','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','menu' ); //end AC code	</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=	"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="195" height="258">	<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="195" height="258"></embed>	</object></noscript><br /><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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></head><body><div style="width:158px; font: 11px verdana; text-align:center;">	<div style="position:relative; height:7px;">		<img src="img_index/topo_acesso.jpg" />	</div>	<div style="position:relative; background-image:url(img_index/fundo_acesso.jpg); text-align:center;">		<strong>Acesso Restrito</strong><br /><br />		<input name="textfield" type="text" value="usuário" /><br /><br />		<input name="textfield2" type="text" value="senha" /><br /><br />		<img src="img_index/login.jpg" />	</div>	<div style="position:relative; height: 7px;">		<img src="img_index/baixo_acesso.jpg" />	</div></div></body></html></div><div id="conteudo"></div><div id="rodape"></div></div></body></html>

Tem bastante coisa errada.

Pq duas tag´s <html>, duas <head>???

 

 

Tente ler esse aqui: CSS desde o início

E espero, sinceramente, que esclareça mais você.

 

E por favor, se pintar dúvida, volte a postar.

O importante é aprender.

 

Att,

Giovani

Compartilhar este post

Link para o post
Compartilhar em outros sites

André do Vale    76

André do Vale
Postado

aparece isso pra ti pq tem um include ali (area de login)... ;)

 

dei uma atualizada no site... olha só:

 

http://www.vianetbrasil.com.br/teste/faca4/

 

 

Saca só o problema q pinta... justamente nas bordas, tanto area de login quanto no conteúdo...

no IE6, as bordas de baixo separam de 1 a 5 pixels de tudo... não quero isso entende?

 

ja no FF2, tanto as bordas de cima e de baixo, se separam do conteúdo...

 

se quiser eu posto o código fonte original aki...

 

vlw ae, abraços...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Poe    0

Poe
Postado

Oi, Alkaeda!

 

Você está reclamando que os tutoriuais são técnicos, mas o problema é que, pelo visto, você precisa entender os conceitos desde o início.

 

Uma boa saída é você começar a ver tutoriais bem simples, ler coisas no site tableless, no maujor e também no w3schools. Acho que é a saída! Quanto ao teor técnico, rs, se quiser trabalhar com Internet vai se acostumando, porque a coisa piora com o tempo (e eu não sei porque a galera acha mais difícil CSS, como designer é MUITO mais fácil do que ficar fazendo TR e TD, somando com COLSPAN, ROWSPAN e tals... :D ).

 

O que você precisa ter em mente é que pra coisa funcionar legal você tem que separar os estilos do conteúdo, ou seja, TUDO o que for CSS vai para uma arquivo CSS externo (nada de colocar no documento).

 

Agora, esqueça o BR, ele você não vai usar nunca mais. A melhor forma de estruturar o código é jogar fora esses elementos de formatação. Você pode fazer TUDO usando CSS, desde colocar espaçamento entrelinhas até aumentar o espaçamento entre caracteres. Mas pra você aprender, o bom é ir devagar e do começo.

 

Aliás, eu vi no teu site que o menu é em FLASH. Por quê? Você pode fazer o mesmo menu, com o mesmo efeito e em CSS. É verdade! Você consegue fazer tudo aqui que você fez usando CSS, Javascript e algunas GIFs animados - até o topo do seu site! :D

 

Exemplo? Um site que eu fiz! Não é bem o que você quer, mas se você definir parâmetros vai conseguir o mesmo efeito do seu com flash! :D Vantagens? Vai ficar mais leve, mais rápido e mais acessível! :D

 

Abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

claujohnson    0

claujohnson
Postado

Bonito site!Ta entrando para minha galeria de sites web standarts que não são caretas.Parabésn!Clau Johnson

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