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

Probleme mit linker Seite & rechter Seite..

3

3l3ctric

Neues Mitglied
Hey,

bekomme es irgendwie net hin :O
will das die Tabelle Rechts auf der gleichen höhe wie die Links ist... aber ich bekomme es net hin könntet ihr mir evtl. helfen? :)

achja.... und wie bekomme ich das Menü neben einander? habs nur untereinander hinbekommen...

das habe ich bisher
HTML: 
<HTML>
<BODY>
     <!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<title>--</title>
</head>
<body>
<div align="center">
<b><h1--</h1></b>
--      <br>
<img src="images/logo.jpg" alt="" border="0" width="" height="">
</div>
<br>
<br>

<div align="container">
        <div align="menu">

              <h2><marquee>Wilkommen</marquee></h2>
        <li><font size="+2"><a href="index.php">HOME</a></font></li>
         <li><fron size="+2"><a href="/---/index.php">Bla</a></li>
        </div>

        <br>
<br>
<br>
<div align="left">

<table width="50%" border="1" cellpadding="0" cellspacing="2" rules="rows">
  </tr>
 <tr>
  <th scope="row">-</th>
 </tr>
 <tr>
  <th scope="row">-</th>
 </tr>
 <tr>
  <th scope="row">-</th>
 </tr>
 <tr>
  <th scope="row">-</th>
 </tr>
 <tr>
  <th scope="row">NEWS!<br>
Hey,<br>
---.<div class="entry">
<p class="byline"><i>Geschrieben von -- am 27.02.2011</i></p>
 </th>
</table>



</ul>
</div>
<div align="right">
<table width="25%" border="1" cellpadding="0" cellspacing="2" rules="rows">
 <tr>
  <th scope="row">WÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄRBUNG :P<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>
</th>
 </tr>
</table>


</div>

</body>
<span class='small'>

<h6>©COPYRIGHT by -- | <a href='/info/impressum.php'>Impressum</a> | <a href='/info/regeln.php'>Verhaltensregeln</a></h6>
</span>
</html>
 
schreib in beide table tags style="float:left" das sollte dein problem lösen. allerdings empfehle ich das ganze mit css zu machen.
 
so habs mal schnell gemacht...
was muss ich denn da reinschreiben dass es dann funktioniert?
Code: 
* {
    margin: 0px;
    padding: 0px;
}
body {
    padding-top: 0px;
    background-color: #000000;
    color: #FFF;
    font-family: verdana, arial, sans-serif;
    
    text-align: left;
    letter-spacing: 1px;
}
a {color: #FFF;font-size: 14px;}
a:hover {color: #01a9c0;}
.more{float: right; font-size: 11px; color: #add8f9; font-weight: bold; text-decoration: none;}
.clear{clear:both;}
p{    margin: 20px 0px 20px 0px;line-height: 16px;font-size: 14px;}
#container {
    margin: 0px auto;
    width:873px;
}
#menu {
    background-image:url(images/menu.gif);
    width:862px;
    height:90px;
    position:relative;
}
#menu li{
    position:absolute;
    top:50px;
    
    list-style-type: none;
}
#m01 {left:160px;}
#m02 {left:305px;}
#m03 {left:450px;}
#m04 {left:590px;}
#m05 {left:730px;}
#menu a{
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    font-weight:bolder;
    color:#FFFFFF;
    text-decoration:none;
    text-transform: uppercase;
}
#menu a:hover {color: #01a9c0;}
#header {
    background-image:url(images/header.gif);
    background-repeat:repeat-y;
    width:873px;
}
#logo {
    width:240px;
    height:46px;
    margin: 0px 0px 20px 80px;
    float:left;
    display:inline;
}
#dj {
    background:url(images/dj.jpg) no-repeat top right;
    width:873px;
    height:407px;
    float:right;
    display:inline;
}
#welcome {
    width:210px;
    margin: 0 0 0 77px;
}
#welcome h2{
    color: #d4e5f2;
    font-family: Arial;
    font-size: 18px;
    padding: 0 0 10px 5px;
}
#welcome p{
    width:200px;
}
#welcome img{
    border: solid 3px #FFFFFF;
}
#middle {
    background-image:url(images/middle.gif);
    width:873px;
    height:21px;
}
#middle2 {
    background-image:url(images/middle2.gif);
    width:873px;
    height:22px;
}
#content {
    background-image:url(images/content.gif);
    width:873px;
}
#left {
    float:left;
    width:435px;
    margin: 0px 0px 0px 85px;
    display:inline;
}
#right {
    float:right;
    width:258px;
    height:auto;
    margin: 0px 62px 20px 0px;
    display:inline;
}
#right a img{
    margin: 8px 8px 8px 0px;
    border: none 0px #FFFFFF;
}
#footer {
    background-image:url(images/footer.gif);
    background-repeat:no-repeat;
    width:873px;
}
#footer p{
    height:58px;
    width:873px;
    text-align:center;
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
    font-size:11px;
}
#footer a{
    font-size:11px;
}
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    }
#lightboxDetails{
    font-size: 0.8em;
    padding-top: 0.4em;
    }    
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
 
Hallo.

Das ist jetzt nicht böse gemeint aber wenn ich mir so deinen Quelltext anschaue hat das nicht viel mit HTML zu tun.
Da ist kaum eine Zeile in der kein Fehler drin ist.


Bevor du weitermachst empfehle ich dir dringend erst mal dieses Tutorial durchzuarbeiten: HTML Tutorial

Gruss
Elroy
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben