Avatar billede Juniorplayer57 Nybegynder
19. februar 2015 - 13:25 Der er 2 kommentarer

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;}
Avatar billede olsensweb.dk Ekspert
19. februar 2015 - 16:46 #1
Avatar billede Juniorplayer57 Nybegynder
20. februar 2015 - 07:57 #2
Hvor vil du smide det ind i coden?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester