Hallo,
könnt ihr mir vielleicht helfen wie man einen Text neben einer Div Tabelle macht, brauche das für den informatik unterricht in der 8.
HTML:
<html>
<head>
<link rel="stylesheet" href="Startseite.css" type="text/css">
<meta name="author" content="Justus,Marco,Christopher">
<meta name="description" content="Die 10 besten Videospiele">
<meta name="language" content="GER">
<title>JuMaCh</title>
</head>
<body>
<div class="logo">
<a href="/"><img id="logo" src="C:\Users\Justus\Downloads\logo.jpg" width="440" height="150"></a>
</div>
<div id="menu">
<ul>
<li>
<h3><a href="#">Startseite</a></h3>
</li>
<li>
<h3><a href="#">Game-Quiz</a></h3>
<ul>
<li><a href="#">1.</a></li>
<li><a href="#">2.</a></li>
<li><a href="#">3.</a></li>
<li><a href="#">4.</a></li>
<li><a href="#">5.</a></li>
<li><a href="#">6.</a></li>
<li><a href="#">7.</a></li>
<li><a href="#">8.</a></li>
<li><a href="#">9.</a></li>
<li><a href="#">10.</a></li>
</ul>
</li>
<li>
<h3><a href="#">Top Games</a></h3>
<ul>
<li><a href="#">1.</a></li>
<li><a href="#">2.</a></li>
<li><a href="#">3.</a></li>
<li><a href="#">4.</a></li>
<li><a href="#">5.</a></li>
<li><a href="#">6.</a></li>
<li><a href="#">7.</a></li>
<li><a href="#">8.</a></li>
<li><a href="#">9.</a></li>
<li><a href="#">10.</a></li>
</ul>
</li>
<li>
<h3><a href="#">Game-Tipps</a></h3>
<ul>
<li><a href="#">1.</a></li>
<li><a href="#">2.</a></li>
<li><a href="#">3.</a></li>
<li><a href="#">4.</a></li>
<li><a href="#">5.</a></li>
<li><a href="#">6.</a></li>
<li><a href="#">7.</a></li>
<li><a href="#">8.</a></li>
<li><a href="#">9.</a></li>
<li><a href="#">10.</a></li>
</ul>
</li>
<li>
<h3><a href="#">Impressum</a></h3>
</li>
</ul>
<div style="clear:none;">
</div>
</body>
</html>
CSS:
body {
background: white;
}
* {
margin: 0;
padding: 0;
}
#container {
}
#menu {
float: right;
width: 7.5%;
height: 100%;
padding: 0 20px;
background: #003366;
font-family: Verdana;
font-size: 1em;
line-height: 1.5;
}
#menu ul {
float: right;
width: 140px;
list-style-type: none;
}
#menu h3 {
font-size: 1em;
text-align:center;
color: #000;
border: 1px solid #003366;
background: #ff8000;
}
#menu a {
text-decoration: none;
display: block;
border: 1px solid #ccc;
text-align: center;
background: #ff9224;
color: #003366;
}
#menu a:hover {
color: green;
background: #003366;
}
#menu li {
position: relative;
}
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}
#menu ul li:hover ul {
display: block;
}
* html #menu ul li{
float: right;
width: 100%;
}
*+ html #menu ul li {
float: right;
width: 100%
}
.logo {
width:100%;
height:15.7%;
margin: auto;
text-align: center;
border:1px solid #003366;
display:block;
right: 25%;
left: 25%;
background: #003366;
}