Jump to content


Photo

Pagina Com Tabela E Menu


  • Faça o login para participar
3 replies to this topic

#1 Marcelo MG

Marcelo MG

    Turista

  • Usuários
  • 48 posts
  • Sexo:Masculino

Posted 10/02/2007, 12:41

esse é o código da página qe eu criei, e ele ta certo, só qero modificar as coisas qe qe eu vou postar na foto:

<!--CTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt-->
<meta content="tutorial,acessibilidade,css,css menu,estilo,folhas estilo,layout css,layout sites,menu css,paginas web,tutorial css,web design,web standards,webdesign,tableless" name="keywords" />
<meta content=" Tutoriais, macetes, dicas sobre uso das CSS para projetar sites." name="description" />
<meta content="Nick Rigby" name="author" />
<meta content="true" name="MSSmartTagsPreventParsing" />
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="Pragma" content="no-cache" />
<meta content="all" name="robots" />
<meta content="pt-br" name="language" />
<meta content="-22.975781,-43.193082" name="ICBM" />
<meta content="CSS para Web Design" name="DC.title" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><script type="text/javascript">
function IEHoverPseudo() {

	var navItems = document.getElementById("primary-nav").getElementsByTagName("li");
	
	for (var i=0; i<navItems.length; i++) {
		if(navItems[i].className == "menuparent") {
			navItems[i].onmouseover=function() { this.className += " over"; }
			navItems[i].onmouseout=function() { this.className = "menuparent"; }
		}
	}

}
window.onload = IEHoverPseudo;
</script><style type="text/css">



body { font: normal 62.5% verdana; }

ul#primary-nav,
ul#primary-nav ul {
	margin: 0;
	padding: 0;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	background: #fff; /* IE6 Bug */
	font-size: 100%;
	}

ul#primary-nav li {
	position: relative;
	list-style: none;
	}

ul#primary-nav li a {
	display: block;
	text-decoration: none;
	color: #777;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac */
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	}

ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

ul#primary-nav li.menuparent { background: transparent url(arrow.gif) right center no-repeat; }

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #f9f9f9; }

ul#primary-nav li a:hover { color: #E2144A; }</style>
<ul id="primary-nav">
	<li><a href="#">Home</a> </li>
	<li class="menuparent"><a href="#">Suporte</a>
	<ul>
		<li><a href="suporte.html">Suporte</a> </li>
		<li><a href="#">Fassa seu cadastro</a> </li>
		<li><a href="#">BBBB</a> </li>
	</ul>
	</li>
	<li class="menuparent"><a href="#">Empresa</a>
	<ul>
		<li><a href="#">CC</a> </li>
		<li><a href="#">CCC</a> </li>
		<li class="menuparent"><a href="#">CCCC</a> </li>
		<li><a href="#">CCCCCC</a> </li>
	</ul>
	</li>
	<li class="menuparent"><a href="#">Downloads</a>
	<ul>
		<li><a href="#">DD</a> </li>
		<li><a href="#">DDD</a> </li>
		<li><a href="#">DDDD</a> </li>
		<li><a href="#">DDDDD</a> </li>
	</ul>
	</li>
	<li class="menuparent"><a href="#">Contato</a>
	<ul>
		<li><a href="#">EE</a> </li>
		<li><a href="#">EEE</a> </li>
		<li><a href="#">EEEE</a> </li>
		<li><a href="#">EEEEE</a> </li>
	</ul>
	</li>
</ul>


Posted Image

#2 Draziw

Draziw

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Não informado

Posted 10/02/2007, 13:58

Bom, não sou muito experiente, mas fiz isso com ajax e php usando este tutorial: http://www.tableless...tigos/ajaxdemo/ . Espero ter ajudado.

#3 Marcelo MG

Marcelo MG

    Turista

  • Usuários
  • 48 posts
  • Sexo:Masculino

Posted 10/02/2007, 15:37

vlw, mas como ñ conheço essa ligua, fica meio dificil. eu só sei mesmo é o HTML e fasso umas gambiarras pra tentar fazer o PHP. essa AJAX, no site eu teria qe arranjar qe abrender que código?

Edição feita por: Marcelo MG, 10/02/2007, 15:43.


#4 victorhb

victorhb

    24 Horas

  • Usuários
  • 489 posts
  • Sexo:Masculino
  • Localidade:Brasília-DF

Posted 10/02/2007, 16:34

Acho que dá pra fazer com DHTML e javascript.




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq