Meniu Header

WonkeR · 08 Mar 2014, 02:17

Vreau ca acest meniu sa il pun pe mijloc ...am incercat eu cateva modalitatii insa nu mi-a iesit cum vreau eu...un ajutor din partea voastra? ( si logo`ul vreau sa fie centrat )

Code: Select all

<!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" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<!-- INCLUDE ca_config.html -->
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="mindfreak.ro design">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<style type="text/css">
<!--
.style1 {font-size: 18px}
.style2 {font-size: 16px}
-->
</style>
{META}
<title>{SITENAME} &bull; Romania</title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
	if ({S_NEW_PM})
	{
		popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
	}
<!-- ENDIF -->

function popup(url, width, height, name)
{
	if (!name)
	{
		name = '_popup';
	}

	window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
	return false;
}

function jumpto()
{
	var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';

	if (page !== null && !isNaN(page) && page == Math.floor(page) && page > 0)
	{
		if (base_url.indexOf('?') == -1)
		{
			document.location.href = base_url + '?start=' + ((page - 1) * per_page);
		}
		else
		{
			document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * per_page);
		}
	}
}

/**
* Find a member
*/
function find_username(url)
{
	popup(url, 760, 570, '_usersearch');
	return false;
}

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
	var parent = document.getElementById(id);
	if (!parent)
	{
		eval('parent = document.' + id);
	}

	if (!parent)
	{
		return;
	}

	var rb = parent.getElementsByTagName('input');
	
	for (var r = 0; r < rb.length; r++)
	{
		if (rb[r].name.substr(0, name.length) == name)
		{
			rb[r].checked = state;
		}
	}
}

<!-- IF ._file -->

	/**
	* Play quicktime file by determining it's width/height
	* from the displayed rectangle area
	*
	* Only defined if there is a file block present.
	*/
	function play_qt_file(obj)
	{
		var rectangle = obj.GetRectangle();

		if (rectangle)
		{
			rectangle = rectangle.split(',')
			var x1 = parseInt(rectangle[0]);
			var x2 = parseInt(rectangle[2]);
			var y1 = parseInt(rectangle[1]);
			var y2 = parseInt(rectangle[3]);

			var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
			var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
		}
		else
		{
			var width = 200;
			var height = 0;
		}

		obj.width = width;
		obj.height = height + 16;

		obj.SetControllerVisible(true);

		obj.Play();
	}
<!-- ENDIF -->

// ]]>

</script>
<!DOCTYPE HTML>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="animatedcollapse.js">

/***********************************************
* Animated Collapsible DIV v2.4- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>


<script type="text/javascript">

animatedcollapse.addDiv('headeroptions', 'fade=1,height=20px')
animatedcollapse.addDiv('topicoptions', 'fade=1,speed=300')
animatedcollapse.addDiv('michael', 'fade=1,height=120px')

animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')

animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
	//$: Access to jQuery
	//divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
	//state: "block" or "none", depending on state
}

animatedcollapse.init()

</script>
<script type="text/javascript">
function UR_Start()
{
   UR_Nu = new Date;
   UR_Indhold = showFilled(UR_Nu.getHours()) + ":" + showFilled(UR_Nu.getMinutes()) + ":" + showFilled(UR_Nu.getSeconds());
   document.getElementById("ur").innerHTML = UR_Indhold;
   setTimeout("UR_Start()",1000);
}
function showFilled(Value)
{
   return (Value > 9) ? "" + Value : "0" + Value;
}

</script>
</head>
<body class="{S_CONTENT_DIRECTION}" onload="UR_Start()">

<a name="top"></a>

<div id="wrapheader">
<center>




<table align="right" width="900" style="margin-top:8px;" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <center><td ><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td></center>
    <td width="100%" style="font-size:11px;" align="right">

</table>

<br /> <br />

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<form method="post" action="{S_LOGIN_ACTION}">
<table align="center" class="loginform" width="100%" height="30" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td align="left"> &nbsp;&nbsp;<a class="gensmall" href="ucp.php?mode=sendpassword">{L_FORGOT_PASS}</a> </td>
    <td align="center">
	 <span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" name="username" size="10" />&nbsp; <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" name="password" size="10" />&nbsp; <!-- IF S_AUTOLOGIN_ENABLED --> <span class="gensmall">{L_LOG_ME_IN}</span> <input type="checkbox" class="radio" name="autologin" /><!-- ENDIF -->&nbsp; <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" />	</td>
    <td align="right">
				
					
				<a class="gensmall" href="ucp.php?mode=resend_act">{L_RESEND_ACTIVATION}</a>&nbsp;&nbsp;</td>
  </tr>
</table>
	{S_LOGIN_REDIRECT}
	{S_FORM_TOKEN}
</form>
<!-- ENDIF -->
</center>

</div>
<div id="wrapcentre">
<br />


<table align="center" class="menu-sus" width="100%" border="0" cellspacing="0" cellpadding="0" style="border:0px dashed #696969">
  <tr>
    <td align="left">
				&nbsp;&nbsp;&nbsp;
				<!-- IF U_RESTORE_PERMISSIONS --> &nbsp;<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
				<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
				<!-- IF not S_IS_BOT -->
				<!-- IF S_USER_LOGGED_IN -->
				<!-- IF S_DISPLAY_PM --> &nbsp;<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
				<!-- ELSEIF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --> &nbsp;<a href="{U_REGISTER}"> {L_REGISTER}</a>
				<!-- ENDIF -->
				&nbsp;
				<!-- ENDIF -->	
				<a href="{U_FAQ}"> {L_FAQ}</a>
				<!-- IF S_DISPLAY_SEARCH -->&nbsp; &nbsp;<a href="{U_SEARCH}">{L_SEARCH}</a><!-- ENDIF -->
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST -->&nbsp; &nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
					<!-- IF S_USER_LOGGED_IN -->&nbsp; &nbsp;<a href="{U_PROFILE}">{L_PROFILE}</a><!-- ENDIF -->
				<!-- ENDIF -->	</td>
    <td align="right">
	<!-- IF not S_IS_BOT --><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>&nbsp;<!-- ENDIF --> &nbsp;	</td>
  
  </tr>
</table>

08 Mar 2014, 02:34

Daca faci 100 de "plecaciuni" la biserica iti arat rezolvarea.Amicu` care esti designer bboards, vezi ce c/aca/t ai aici.

Code: Select all

table align="center" class="menu-sus"

In class `menu-sus` ce smantana mea ai pus?

Un tabel corect se foloseste asa(doar exemplu):

Code: Select all

        <table id = "all-tabbed">
               <thead>
                      <tr>
                          <th> Smantana </th><th> Lapte </th><th> Scarmaz </th><th> SICUTAAA!!! </th>
                      </tr>
               </thead>
               <tbody>
                      <tr>
                          <td> Smantana </td><td> Lapte </td><td> Scarmaz </tdh><tdh> SICUTAAA!!! </td>
                      </tr>
               </tbody>
        </table>
        
        
        #all-tabbed table {
          width: 400px; 
          margin: 0px auto;
          padding: 2px 2px 2px 2px;
        }
        
        #all-tabbed thead {
          padding: 3px;
        }

        #all-tabbed thead th {
          height: 40px;
          padding: 2px 4px 2px 4px;
          background-image: url('scarmaz-url.topleveldomain/imagineaPORNO.j(p)eg');
        }

Indiciu:

Margin si width,have fun.

WonkeR · 08 Mar 2014, 02:39

Multumesc....

miber · 08 Mar 2014, 02:48

Terra. wrote:Daca faci 100 de "plecaciuni" la biserica iti arat rezolvarea.Amicu` care esti designer bboards, vezi ce c/aca/t ai aici.

Code: Select all

table align="center" class="menu-sus"

In class `menu-sus` ce smantana mea ai pus?

Un tabel corect se foloseste asa(doar exemplu):

Code: Select all

        <table id = "all-tabbed">
               <thead>
                      <tr>
                          <th> Smantana </th><th> Lapte </th><th> Scarmaz </th><th> SICUTAAA!!! </th>
                      </tr>
               </thead>
               <tbody>
                      <tr>
                          <td> Smantana </td><td> Lapte </td><td> Scarmaz </tdh><tdh> SICUTAAA!!! </td>
                      </tr>
               </tbody>
        </table>
        
        
        #all-tabbed table {
          width: 400px; 
          margin: 0px auto;
          padding: 2px 2px 2px 2px;
        }
        
        #all-tabbed thead {
          padding: 3px;
        }

        #all-tabbed thead th {
          height: 40px;
          padding: 2px 4px 2px 4px;
          background-image: url('scarmaz-url.topleveldomain/imagineaPORNO.j(p)eg');
        }

Indiciu:

Margin si width,have fun.

Cine tea mintit ma pe tine cu tabelul :))

Un tabel fara errori la validare HTML faci asa

Code: Select all

<table class="table">
<tr>
     <td>text</td>
</tr>
</table>

Iar in style

Code: Select all

.table {
border-collapse:collapse;
width:100%;
}
.table tr td {
padding: 5px;
}

Iar daca vrei sa fie nowrap direct din css pui white-space: none; ( dar nu recomand ca daca un text este lung dupaia va fii mai mare tabelul ca rezolutia ta )

Si un meniu nu se face in tabel pentru asta exista <nav><ul><li>

08 Mar 2014, 12:51

miber wrote: Cine tea mintit ma pe tine cu tabelul :))

Un tabel fara errori la validare HTML faci asa

Cine te-a mintit pe tine, normal ca iti da erori la validare daca nu stii sa declari un doctype.I-ai impresionat pe pusti si acuma te simti mandru de tine?

DRS · 08 Mar 2014, 17:01

Va rog, omu a cerut ajutor nu jigniri intre voi, evitati off-ul si misto-ul.

cristian. · 08 Mar 2014, 18:18

Scoate align="center" din table si vezi ca ai doua td-uri unde ai align="left" si align="right". Fa doar un singur td pe care sa pui align="center" si cu asta rezolvi tot.

08 Mar 2014, 19:31

http://jsfiddle.net/T4YyZ/

Meniu Header

Who is online