salve ho costruito un tab menu orizzontale ma non riesco a mettere i menu in basso rispetto all'immagine che viene caricata selezionando il tab
alcuni consigli?
questo è il codice
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/EARict.dtd">
<html>
<head>
<title>Border Tabs - Home page</title>
<meta http-equiv="refresh" content="5;url="/>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">
<style type="text/css">
html,body{margin:0;padding:0;}
body{font: 16px "Trebuchet MS",Arial;}
div#navigation{
display:block;
background-color: #CCCCCC;
border-bottom: 0px solid #000000;
width:1150px;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
}
div#navigation ul{
display:inline;
list-style-type: none;
margin: 0px;
padding: 0px;
white-space: nowrap;
}
div#navigation li{
display: inline;
line-height:0px;
padding: 0px;
position:relative;
font-size:16px;
margin-left:20px;
}
div#navigation li a{
text-decoration: none;
padding: 0px;
border: 0px solid #CCCCCC;
position: relative;
background: #ccc;
color: #0000A0;
fontsize: 16;
background-repeat: no-repeat;
}
/* mouse sopra */
div#navigation li a:hover{
background-color: #FF0000;
border-bottom: 2px solid #000000;
}
div#navigation li#activelink a{
border-bottom: 2px solid #000000;
background-color: #000000;
color: #FF0000;
}
</style>
</head>
<body>
<?php
$today = date("Ymd");
$yesterdayT = mktime(0,0,0,date("m"),date("d")-1,date("Y"));
$yesterday = date("Ymd",$yesterdayT);
$todayL = date("Y/m/d");
$yesterdayL = date("Y/m/d",$yesterdayT);
$ora = date("H");
/* tra le 0 e le 6 */
if ($ora >=0 && $ora <6) {
$filename3="EAR_".$yesterday."_"."4.png";
$tabname3=$yesterdayL." - 18:00-24:00";
$folder3=$yesterday;
$filename2="EAR_".$yesterday."_"."3.png";
$tabname2=$yesterdayL." - 12:00-18:00";
$folder2=$yesterday;
$filename1="EAR_".$yesterday."_"."2.png";
$folder1=$yesterday;
$tabname1=$yesterdayL." - 06:00-12:00";
}
/* tra le 6 e le 12 */
if ($ora >=6 && $ora <12) {
$filename3="EAR_".$today."_"."1.png";
$tabname3=$todayL." - 00:00-06:00";
$folder3=$today;
$filename2="EAR_".$yesterday."_"."4.png";
$tabname2=$yesterdayL." - 18:00-24:00";
$folder2=$yesterday;
$filename1="EAR_".$yesterday."_"."3.png";
$tabname1=$yesterdayL." - 12:00-18:00";
$folder1=$yesterday;
}
/* tra le 12 e le 18 */
if ($ora >=12 && $ora <18) {
$filename3="EAR_".$today."_"."2.png";
$tabname3=$todayL." - 06:00-12:00";
$folder3=$today;
$filename2="EAR_".$today."_"."1.png";
$tabname2=$todayL." - 00:00-06:00";
$folder2=$today;
$filename1="EAR_".$yesterday."_"."4.png";
$tabname1=$yesterdayL." - 18:00-24:00";
$folder1=$yesterday;
}
/* tra le 18 e le 24 */
if ($ora >=18 && $ora <24) {
$filename3="EAR_".$today."_"."3.png";
$tabname3=$todayL."- 12:00-18:00";
$folder3=$today;
$filename2="EAR_".$today."_"."2.png";
$tabname2=$todayL." - 06:00-12:00";
$folder2=$today;
$filename1="EAR_".$today."_"."1.png";
$folder1=$today;
$tabname1=$todayL." - 00:00-06:00";
}
?>
<div id="navigation">
<ul>[*]
<a href="TST_tabs.php?id=1">
<?php print $tabname1?>
</a>
[*]
<a href="TST_tabs.php?id=2">
<?php print $tabname2?>
</a>
[*]
<a href="TST_tabs.php?id=3">
<?php print $tabname3?>
</a>
<li id="activelink">
<a href="TST_tabs.php?id=4">
R e a l - T i m e
</a>
[/list]
</div>
<?php
if ($_GET['id'] == 1) print "<img width=850 height=600 src=\""."prova1.png"."\">";
if ($_GET['id'] == 2) print "<img width=850 height=600 src=\""."prova2.png"."\">";
if ($_GET['id'] == 3) print "<img width=850 height=600 src=\""."prova3.png"."\">";
if ($_GET['id'] == 4) print "<img width=850 height=600 src=\""."prova.png"."\">";
if ($_GET['id'] == 0) print "<img width=850 height=600 src=\""."prova.png"."\">";
?>
</body>
</html>
Rispondi quotando
