Hjælp til sammensætning af 3 filer.
Hej Eksperter.Jeg står i den situation at jeg godt kunne bruge noget hjælp med at få samlet de 2 html filer, og css filen til enten 1 html fil eller 1 html + css fil, hvor alle funktioner stadigvæk er fuldt fungerende.
Hjælp søges gerne hurtigt.
Først dokument (Drop.html):
<html>
<head>
<title>Wuup & Wuup </title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="script.js"></script>
<title>CSS MenuMaker</title>
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
margin-top: 0px;
margin-bottom: 0px;
}
</style>
</head>
<body>
<div id="image2" style="position:absolute; overflow:hidden; left:10px; top:164px; width:300px; height:300px; z-index:1"><img src="images/trappe.jpg" alt="" title="" border=0 width=300 height=300></div>
<div id="text1" style="position:absolute; overflow:hidden; left:9px; top:465px; width:302px; height:123px; z-index:2">
<div class="wpmd">
<div><B>Wup & Wup A/S</B> is the Parent Company of: Wup A/S, Wup A/S, Wup Wup A/S, Wup Wup A/S, and Wup Wup A/S.</div>
</div></div>
<div id="text2" style="position:absolute; overflow:hidden; left:320px; top:159px; width:327px; height:429px; z-index:3">
<div class="wpmd">
<div><font class="ws12"><B>WUP & WUP</B></font></div>
<div>WUP WUP</div>
<div>DK-0000 Wup SV</div>
<div>Denmark</div>
<div>Phone: +45 00 00 00 00</div>
<div>Fax: +45 00 00 00 00</div>
<div>e-mail: <a href="holding@nielsen-nielsen.dk" title="">Wup Wup</a></div>
<div><a href="http://www.nielsen-nielsen.dk/" title="">Wup Wup</a></div>
<div><B><BR></B></div>
<div><font class="ws12"><B>Management:</B></font></div>
<div>Wup Wup, CEO</div>
<div>Wup Wup, CFO</div>
<div>Wup Wup, CIO</div>
<div><B><BR></B></div>
<div><font class="ws12"><B>The Board of Directors:</B></font></div>
<div>Wup Wup</div>
<div>Wup Wup</div>
<div>Wup Wup</div>
<div>Wup Wup</div>
<div>Wup wup</div>
<div>Wup Wup</div>
<div>Wup Wup</div>
<div>Wup Wup</div>
<div><BR></div>
<div><BR></div>
</div></div>
</body>
</html>
Den anden fil: (index.html)
<head>
<title>Pure CSS-Based Drop Script</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
</div>
<ul class="dropdown">
<li>
<a href="#">Top Link</a>
<ul>
<li><a href="#">Level One Link</a></li>
<li>
<a href="#">Level Owo Link</a>
<ul>
<li><a href="#">Level Two Link</a></li>
<li><a href="#">Level Two Link</a></li>
<li>
<a href="#">Level Two Link</a>
<ul>
<li><a href="#">Level Three Link</a></li>
<li><a href="#">Level Three Link</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Top Link</a>
<ul>
<li><a href="#">Level One Link</a></li>
<li>
<a href="#">Level Owo Link</a>
<ul>
<li><a href="#">Level Two Link</a></li>
<li><a href="#">Level Two Link</a></li>
<li>
<a href="#">Level Two Link</a>
<ul>
<li><a href="#">Level Three Link</a></li>
<li><a href="#">Level Three Link</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Top Link</a>
<ul>
<li><a href="#">Level One Link</a></li>
<li>
<a href="#">Level Owo Link</a>
<ul>
<li><a href="#">Level Two Link</a></li>
<li><a href="#">Level Two Link</a></li>
<li>
<a href="#">Level Two Link</a>
<ul>
<li><a href="#">Level Three Link</a></li>
<li><a href="#">Level Three Link</a></li>
</ul>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Style fil til index filen: (style.css)
/* CSS Tweaks */
* {padding:0;margin:0;}
a img {border:0;}
.clear {clear:both;}
body {font-family:Arial;font-size:12px;padding:20px;}
.info {padding:10px;background:#f1f1f1;border:1px dotted #ccc;margin-bottom:10px;}
.info strong {display:block;}
.dropdown {list-style:none;}
.dropdown li {list-style:none;position:relative;}
.dropdown li a {display:block;padding:0 10px;text-decoration:none;font-weight:bold;height:30px;line-height:30px;}
.dropdown > li {float:left;}
.dropdown > li > a {float:left;background:#333;color:#fff;border-left:1px solid #ccc;}
.dropdown > li > a:hover,.dropdown > li:hover > a {background:#666;}
.dropdown > li ul {display:none;}
.dropdown > li:hover > ul {display:block;width:200px;position:absolute;left:0;top:25px;}
.dropdown > li > ul > li > a {display:block;background:#444;color:#ccc;}
.dropdown > li > ul > li > a:hover,.dropdown > li ul > li:hover > a {background:#666;color:#fff;}
.dropdown > li ul > li:hover > ul {display:block;width:200px;position:absolute;left:200px;top:0;}
.dropdown > li > ul > li > ul > li a {display:block;background:#555;color:#ccc;}
.dropdown > li > ul > li > ul > li a:hover {background:#444;color:#fff;}
