Jonas18041804
Neues Mitglied
- Hallo ich bekomme die beiden Sachen nicht nebeneinander plaziert ,bitte helft mir!
HTML:
<!DOCTYPE>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>hallo</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Animated Web Banners With CSS3 - Exploring ways to spice up our web banners with CSS3 animations." />
<meta name="keywords" content="css3, animation, animated, ads, ad, banner, content" />
<meta name="author" content="Caleb Jacob for Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link href='[URL]http://fonts.googleapis.com/css?family=Alfa+Slab+One[/URL]' rel='stylesheet' type='text/css'>
<link href='[URL]http://fonts.googleapis.com/css?family=Boogaloo[/URL]' rel='stylesheet' type='text/css'>
<link href='[URL]https://fonts.googleapis.com/css?family=Amatic+SC[/URL]' rel='stylesheet' type='text/css'>
<style type="text/css">
body {
background-color:#ECF6CE;
}
</style>
</head>
<body> <center>
<center>
<style type="text/css">
body {
background-color:#ECF6CE;
}
.float2 { float: right; width: 50em; margin-top: 1em; }
</style>
<img src="2t.png" width="350" height="792" >
<script language="javascript" type="text/javascript">
function toggleNode(node)
{
var nodeArray = node.childNodes;
for(i=0; i < nodeArray.length; i++)
{
node = nodeArray;
if (node.tagName && node.tagName.toLowerCase() == 'div')
node.style.display = (node.style.display == 'block') ? 'none' : 'block';
}
}
</script>
</head>
<body>
</style>
</body>
<body>
<style type="text/css">
body {
background-color:#ECF6CE;
}
.float1 { float: left; width: 50em; margin-top: 1em; position: absolute;}
</style>
<div class="float1">
<div class="container">
<div class="codrops-top" style="top:10px;left:10px">
</span>
<div class="clr"></div>
</div>
<header>
</header>
<section class="wrapper">
<div id="ad-1">
<div id="content">
<h2>Hast du eine Idee</h2>
<h3>kontaktiere uns</h3>
<FORM action="mailto:[email protected]" method="post" enctype="text/plain">
<input type="text" id="email" value="Nachricht..." />
<input type="submit" id="submit" value="senden" />
</FORM>
</form>
</div>
<div id="clouds">
<ul id="cloud-group-1">
<li class="cloud-1"></li>
<li class="cloud-2"></li>
<li class="cloud-3"></li>
</ul>
<ul id="cloud-group-2">
<li class="cloud-1"></li>
<li class="cloud-2"></li>
<li class="cloud-3"></li>
</ul>
</div>
<ul id="boat">
<li>
<div id="question-mark"></div>
</li>
</ul>
<ul id="water">
<li id="water-back"></li>
<li id="water-front"></li>
</ul>
</div>
</section>
</div>
<center>
</body>
</font>
</b>
</html>
Zuletzt bearbeitet von einem Moderator: