• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Text in Tabellensystem verschoben

HTMLooser

HTMLooser

Neues Mitglied
Hallo

Ich habe mir eine Seite mit dem guten alten Tabellensystem erstellt, die soweit eigentlich so aussieht wie sie soll, bis auf eine stelle, die Menüleiste, an der die Menüpunkte aus irgendeinem Grund nicht an der oberen Kante der Zelle anliegen, was ich auch mache.
Kann mir irgendwer dieses Problem erklären?
Danke im Voraus!
 
Hallo.

Meine Kristallkugel befindet sich gerade auf einer Halloweenparty.

Code oder noch besser Link wären ganz nett.

Gruss
Elroy
 
Es handelt sich dabei nur um einen Design-Vorschlag für eine Seite, also bitte nicht über meine Inhalte wundern.
HTML: 
!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" xml:lang="de" lang="de">

<head>
    <title>M1</title>

<style type="text/css">

a
{
color:#007300;
text-decoration:none;
margin-top:0pt;
border-color:#007300;
}

</style>
<script type="text/javascript">
function jelb(id)
{
document.getElementById(id).style.background = '#96CC00';
}
function nix(id)
{
document.getElementById(id).style.background = '';
}
</script>


<body background="hbg.jpg">

</head>

<table border="0" width="100%" >
<td width="248" background="bg2a.png" style="background-repeat:no-repeat">

<div align="center" style="font-size:30pt;">
<div onmouseover="jelb('ID1');  return false;" onmouseout="nix('ID1');  return false;">
<a href="lol.htm" id="ID1" >
Link1
</a>
</div>

<div onmouseover="jelb('ID2');  return false;" onmouseout="nix('ID2');  return false;">
<a href="lol.htm" id="ID2">
Link2
</a>
</div>

<div onmouseover="jelb('ID3');  return false;" onmouseout="nix('ID3');  return false;">
<a href="lol.htm" id="ID3">
Link3
</a>
</div>
</div>

</td>



<td width="" style="background:url(bg.PNG);color:red;">
<div align="center" style="font-size:60pt;">
<b>
&Uuml;berschrift
</b>
</div>
<div align="center" style="font-size:40pt;">
<div align="center" style="color:#B80000;">
Hier
<br/>
w&uuml;rde
<br/>
dein
<br/>
Text<br/>
stehen
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>
</div>
</td >


<td width="250">
</td>
</table>


</body>
</html>


Übrigens hast du ne nette Seite erstellt!
 
Okay hat sich erledigt.
Das Problem war, dass die Tabellenelemente grunsätzlich mittig ausgerichtet wurden.
Für alle die auf ähnliches stoßen:
HTML: 
<td style="vertical-align:top;">
 
Dein HTML-Code ist nicht nur fehlerhaft sondern durch das Tabellengerüst auch unnötig. Überdenke mal den Aufbau.
 
...
Ich hab mich schon gewundert, wo diese Meldungen bleiben.
Ich baue mir ein Grundgerüst und setze alles was ich brauchen dran.
Ehrlich gesagt sind mir Ideallösungen relativ egal, wenn es irgendwie läuft, was es jetzt tut, und das in möglichst vielen Browsern, da nicht alle Tranzparenzen haben.
Dieser spezielle Code ist wie gesagt nur ein Designmodell, an das ich dann den Inhalt knüpfe.
Danke für deinen berechtigten Einwand.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben