Gå til innhold

Meny og nyheter på samme høyde?


Gjest medlem-77217

Anbefalte innlegg

Gjest medlem-77217

Hallosann. Har litt problemer akkurat nå og trenger litt kjapp hjelp. Driver på å mekker ei side til guilden min, men problemet er at nyhetene kommer "under" menyen. Dvs, de er rett hvor de skal være, bare for langt ned. Halp halp:

 

HTML:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html lang="nb" >

<head>

<meta http-equiv="Content-Type" content="text/html; charset="iso-8859-1" />

<meta http-equiv="Pragma" content="no-cache" />

<meta http-equiv="content-language" content="no" />

<title>November Effect - The chill after a cold breeze</title>

 

<link rel="stylesheet" type="text/css" href="css/frontpage.css" media="screen" />

<link rel="stylesheet" type="text/css" href="css/menu.css" media="screen" />

<link rel="stylesheet" type="text/css" href="css/typografi.css" media="screen" />

 

<link rel="shortcut icon" href="gfx/icon/favicon.gif" type="image/x-icon" />

 

<!--[if IE]>

<link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" />

<![endif]-->

 

<!---<link rel="alternate" type="application/rss+xml" title="RSS-Feed from November-Effect.com" href="INSERT RSS FEED" />-->

 

</head>

<body>

 

<div class="header">

 

<div id="navcontainer">

 

<ul id="navlist">

 

<li id="active"><a href="#" id="current">Frontpage</a></li>

<li><a href="#">Forum</a></li>

<li><a href="#">Rooster</a></li>

<li><a href="#">Guild Map</a></li>

<li><a href="#">Gallery</a></li>

 

</ul>

 

</div>

 

</div>

 

<div id="navcontainer2">

 

<ul id="navlist2"><h1>Navigation</h1>

 

<li><a href="#">Frontpage</a></li>

<li><a href="#">Forum</a></br></br>

- <a>Guild Information</br></a>

- <a>Raiding</a></br>

- <a>Applications</a></br>

- <a>Off Topic</a></br>

- <a>Interface & Addons</a></br>

- <a>Suggestions & Feedback</a></br>

</li></br>

<li><a href="#">Rooster</a></li>

<li><a href="#">Guild Map</a></li>

<li><a href="#">Gallery</a></br></br>

- <a>In-Game Screenshots</a></br>

- <a>Bosskill's</a></br>

- <a>Random</a></br>

- <a>Other</a></br>

- <a>Real Life Pictures</a></br>

</li>

 

</ul>

 

</div>

 

<div id="navcontainer2">

 

<ul id="navlist2"><h1>Bosskills</h1>

 

 

 

<li><a href="#">Karazhan</a></li></br>

 

- <a>Attumen the Huntsman</br></a>

- <a>Moroes</br></a>

- <a>Maiden of Virtue</br></a>

- <a>Opera Event</br></a>

- <a>The Curator</br></a>

- <a>Terestian Illhoof</br></a>

- <a>Shade of Aran</br></a>

- <a>Netherspite</br></a>

- <a>Prince Malchezaar</br></a>

- <a>Nightbane </br></a>

</li>

</br></br>

<a><b>STATUS:</b> Not cleared</a>

 

</ul>

 

</div>

 

<div class="news_content">

 

<?PHP

include("blabla/show_news.php");

?>

 

</div>

 

 

<div class="bottom_bar">

 

<div class="bottom_bar_content">

 

<a align="center">

This webpage is protected by the Norwegian law <a href="http://www.lovdata.no/all/nl-19610512-002.html">(Åndverksloven)</a>.

</a></br>

 

<a>World of Warcraft®

and Blizzard Entertainment® are all trademarks or

registered trademarks of Blizzard Entertainment in the

United States and/or other countries. <br> These terms

and all related materials, logos, and images are copyright

© Blizzard Entertainment. This site is in no way associated

with or endorsed by Blizzard Entertainment®. </a>

 

</div>

 

</div>

 

 

</body>

</html>

 

 

 

CSS1:

 

 

 

/*

*

* Global Elements

*

*/

 

html{

overflow-x: auto; /* fix */

}

 

body{

background: #0d0d0d url('../gfx/background.gif') repeat-y center;

color: #000;

font-family: Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif, Verdana;

font-size: 11px;

margin: 0px;

padding: 0px;

}

 

/*

* Different Classes

*

*/

 

 

 

.header{

width:100%;

height:339px;

background: #0d0d0d url('../gfx/header.jpg') no-repeat center;

margin-left:18px;

}

 

.bottom_bar{

width:100%;

height:70px;

background: #0d0d0d url('../gfx/copy.jpg') repeat-y center;

margin-left:32px;

margin-top:55px;

}

 

/*

*

* Content & Folders

*

*

*/

 

.bottom_bar_content{

margin-left: 190px;

padding-top:15px;

}

 

.news_content{

padding-top:15px;

width: 500px;

}

 

 

CSS2:

 

 

#navcontainer{

margin-left:250px;

}

 

 

#navcontainer ul li {

list-style-type: none;

padding: 0;

margin-left: 0px;

display: block;

float: left;

background: #222222 20px;

font: 10px/20px "Lucida Grande", verdana, sans-serif;

text-align: center;

}

 

#navcontainer a{

color: #FFF;

text-decoration: none;

display: block;

width: 120px;

}

 

#navcontainer li#active {

width:120px;

height:25px;

background: #4892c3;

}

 

#navcontainer a:hover {

width:120px;

height:25px;

background: #2d2d2d;

}

 

 

/*

*

* Listed menu

*

*

*/

 

 

#navlist2 li {

list-style-type: square;

}

 

#navcontainer2{

border-right: 1px dashed #d7d7d7;

margin-left:205px;

margin-top: 50px;

margin-bottom: 40px;

width: 250px;

}

 

 

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...