Guten Tag,
Ich habe ein Problem.
Ich habe folgende Index.html
In die wird wie man dem PHP code ziemlich mittig gelegen entnehmen kann
eine allgemeines.php includet. Diese Seite hat als Inhalt das Menü unter Allgemeines.
Diese Seite sieht wie folgt aus.
Die CSS Datei sieht wie folgt aus
Nun zu meinem Problem.
Wenn man sich einmal die Mühe macht sieht man das die oberen "linkkästen" bzw"Buttons" keine unteren boarder haben sondern in den anderen Tabellen Boarder übergehen, sodass es so aussieht als wenn die ein teil vom Selbigen wären.
Nun möchte ich den selben effekt auch seitlich erzielen. Ich möchte das der rechte Boarder quasi ungenutzt ist und "abgeschaltet" und dafür die vertikale linie genutzt wird und die tabellen da direkt dran anschließen.
vllt kann sich ja mal einer die mühe machen und das durchschauen. ich verzeifel schon dran...
vielen dank,
mfg Alex
Ich habe ein Problem.
Ich habe folgende Index.html
Code:
<html>
<head>
<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}
onload=BlurLinks;
-->
</script>
<link rel="stylesheet" href="format.css" type="text/css">
</head>
<body bgcolor="#FFFFFF">
<?php
$param = $_GET['param'];
?>
<table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="70"> </td>
</tr>
<tr>
<td align="left" style="border-bottom:solid 1px #000000" height="10">
<table id="menu2" border="0" cellpadding="0" cellspacing="0" valign="bottom">
<tr>
<td>
</td>
<td><a href="index.php?param=allgemeines" onfocus="this.blur()">Allgemeines</a></td>
<td> </td>
<td><a href="index.php?param=aufgaben" onfocus="this.blur()">Aufgaben</a></td>
<td> </td>
<td><a href="index.php?param=methoden" onfocus="this.blur()">Methoden</a></td>
<td> </td>
<td><a href="index.php?param=arbeitsablauf" onfocus="this.blur()">Arbeitsablauf</a></td>
<td> </td>
<td><a href="index.php?param=faelle" onfocus="this.blur()">Fälle</a></td>
<td> </td>
<td ><a href="index.php?param=service" onfocus="this.blur()">Service</a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#bbcef2" valign="top" width="100%" >
<table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="146" valign="top" style="border-right:solid 1px #000000">
<table width="100%" align="right" cellpadding="0">
<tr>
<td align="right"> <br>
<br>
<?php
$param = $_GET['param'];
if ($param == "allgemeines")
include ("./head_menu/allgemeines.php");
if ($param == "")
include (".php");
if ($param == "")
include (".php");
if ($param == "")
include (".php");
?>
</td>
</tr>
</table>
</td>
<td width="980" valign="top" bgcolor="#bbcef2"> </td>
</tr>
</table></td>
</tr></td></tr>
</table>
</body>
</html>
In die wird wie man dem PHP code ziemlich mittig gelegen entnehmen kann
eine allgemeines.php includet. Diese Seite hat als Inhalt das Menü unter Allgemeines.
Diese Seite sieht wie folgt aus.
Code:
<link rel="stylesheet" href="../format.css" type="text/css">
<table height="100%" cellpadding="0" align="right" id="menu1">
<tr>
<td><a href="../index.php?param=" onfocus="this.blur()">link1</a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><a href="../index.php?param=" onfocus="this.blur()">link2</a></td>
</tr>
<tr>
<td align="right"> </td>
</tr>
<tr>
<td><a href="../index.php?param=" onfocus="this.blur()">link3</a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td ><a href="../index.php?param=" onfocus="this.blur()">link4</a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td ><a href="../index.php?param=" onfocus="this.blur()">link5</a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td ><a href="../index.php?param=" onfocus="this.blur()">link6</a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td ><a href="../index.php?param=" onfocus="this.blur()">link7</a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td ><a href="../index.php?param=" onfocus="this.blur()">link8</a></td>
</tr>
</table>
Die CSS Datei sieht wie folgt aus
Code:
/*menu linke seite*/
#menu1 a {
display: block;
color:#000000;
background-color:#bbcef2;
font-size: 10px;
text-decoration:none ;font-family:verdana, sans-serif;
text-align:center;
horizontal-align:right;
width:110px;
padding-right: 0px; padding-top: 0px;margin: 0px auto;
border-top:solid 1px #000000;
border-left:solid 1px #000000;
border-bottom:solid 1px #000000;
line-height:15px
}
#menu1 a:visited{
color:#000000;
background-color:#bbcef2;
font-size: 10px;
text-decoration:none ;font-family:verdana, sans-serif;
text-align:center;
horizontal-align:right;
width:110px;
padding-right: 0px; padding-top: 0px;margin: 0px auto;
border-top:solid 1px #000000;
border-left:solid 1px #000000;
border-bottom:solid 1px #000000;
line-height:15px
}
#menu1 a:active{
color:#000000;
background-color:#bbcef2;
font-size: 10px;
text-decoration:none ;font-family:verdana, sans-serif;
text-align:center;
horizontal-align:right;
width:110px;
padding-right: 0px; padding-top: 0px;margin: 0px auto;
border-top:solid 1px #000000;
border-left:solid 1px #000000;
border-bottom:solid 1px #000000;
line-height:15px
}
#menu1 a:hover {
color:#000000;
background-color:#F2F2F2;
font-size: 10px;
text-decoration:none ;font-family:verdana, sans-serif;
text-align:center;
horizontal-align:right;
width:110px;
padding-right: 0px; padding-top: 0px;margin: 0px auto;
border-top:solid 1px #000000;
border-left:solid 1px #000000;
border-bottom:solid 1px #000000;
line-height:15px
}
Nun zu meinem Problem.
Wenn man sich einmal die Mühe macht sieht man das die oberen "linkkästen" bzw"Buttons" keine unteren boarder haben sondern in den anderen Tabellen Boarder übergehen, sodass es so aussieht als wenn die ein teil vom Selbigen wären.
Nun möchte ich den selben effekt auch seitlich erzielen. Ich möchte das der rechte Boarder quasi ungenutzt ist und "abgeschaltet" und dafür die vertikale linie genutzt wird und die tabellen da direkt dran anschließen.
vllt kann sich ja mal einer die mühe machen und das durchschauen. ich verzeifel schon dran...
vielen dank,
mfg Alex