Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou desenvolvendo meu primeiro site em html e css, e gostaria de complementa com a função de dimensionamento no navegador, tipo, sem a resolução do pc estive 800x600, 1024 por... a assim por diante, o site ficaria na dimensão.
Já pesquise no google e aqui, tente varias funções mais não deram certas, estou desconfiado que o meu código tb não esta 100%.
Segue os códigos para um help.
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http-~~-//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[url="http-~~-//december.com/html/4/element/html.html"]<html[/url] xmlns="http-~~-//www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
[url="http-~~-//december.com/html/4/element/head.html"]<head>[/url]
[url="http-~~-//december.com/html/4/element/meta.html"]<meta[/url] http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
[url="http-~~-//december.com/html/4/element/title.html"]<title>[/url]Empresa</title>
[url="http-~~-//december.com/html/4/element/script.html"]<script[/url] type="text/javascript">
function vertical() {
var navItems = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i< navItems.length; i++) {
if(navItems[i].className == "submenu") {
navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#f9f9f9";}
navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#FFFFFF";}
}
}
}
function horizontal() {
var navItems = document.getElementById("barra").getElementsByTagName("li");
for (var i=0; i< navItems.length; i++) {
if((navItems[i].className == "menuvertical") || (navItems[i].className == "submenu"))
{
if(navItems[i].getElementsByTagName('ul')[0] != null)
{
navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#f9f9f9";}
navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#FFFFFF";}
}
}
}
}
</script>
</head>[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="css/css.css" rel="stylesheet" type="text/css">
[url="http-~~-//december.com/html/4/element/style.html"]<style[/url] type="text/css">
body {
background:#D8EBF6 url("bgdegrade.jpg")
top left repeat-x fixed;
}
</style>
[url="http-~~-//december.com/html/4/element/body.html"]<body>[/url] [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="fundotopo"> [url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="imgs/barra_menu.jpg" width="1262" height="25"></div>
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="fundosuperior"> [url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="imgs/fundo.jpg" width="1262" height="600"></div>
[url="http-~~-//december.com/html/4/element/br.html"]<br>[/url]
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="topo"> [url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="lg_imagem.jpg"> </div>
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="topotexto">
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] class="sombra11">texto
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] class="texto1">texto</div>
</div>
</div>
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="tecnologia">texto</div>
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id=Carregando comentários...