html - Opstilling af design... øhh? - Udvikleren.dk - Programmering, webdesign og grafik

Tags: css html

Bruger #16492 @ 06.05.11 18:35

Hej alle udviklere.

Håber I lige vil kigge på mit lille problem:

Jeg har en side, der er opbygget i left-content-right metoden i designet.
Nu står jeg så i den situation, at jeg vil fjerne left-delen, og kun beholde content-right.

Derfor har jeg fjernet min left-tabel og dets indhold i min php fil.

Men der er problemer: se billedet jeg nedenunder har lavet et link til
billede

Problemet er, at selvom jeg har fjernet left-tabel og indhold, så er der stadig et omrids fra da, den var der.

OBS: på billedet er eksemplet dog bare med højre side, men det er jo det samme som i left....

Min css-fil:

CSS kode

 body {
     margin: 0;
      background-image: url(billeder/body_top_bg.png);
     background-repeat: repeat;
     background-attachment: fixed;
     background-position: right bottom;
         font-family: verdana;
     font-size: 12px;
     color: #000000;
 }
 
 
 body a{
 color: #000000;
 text-decoration: none;
 }
 
 body a:hover{
 color: #75B5D1;
 text-decoration: none;
 }
 
 #menu_elementer {
 width: 770px;
     padding-top: 0px;
     margin-left: 4px;
     height: 30px;
     color: #fff;
     font-size: 15px;
     float: left;
     margin-right: 10px;
 }
 
 #menu_elementer_bund {
 width: 770px;
     padding-top: 0px;
     margin-left: 4px;
     height: 30px;
     color: #fff;
     font-size: 15px;
     float: left;
     margin-right: 10px;
 }
 
 #menu_elementer2 {
 width: 740px;
     padding-top: 0px;
     margin-left: 4px;
     height: 30px;
     color: #fff;
     font-size: 10px;
     float: left;
     margin-right: 10px;
 }
 
 
 
 #menu_soeg {
     color: #fff;
     font-size: 15px;
     padding-top: 0px;
     padding-left: 10px;
     color: #ffffff;
     text-align: right;
     width: 40px;
     float: left;
     height: 26px;
 }
 
 
 right_nyhed {
 max-height:100px;
 }
 
 input[type="text"] { 
  background-color: #ffffff; 
  width: 70px;
  height: 20px; 
  font-size: 13px;
  margin-bottom: 5px;
  display: block;
  padding: 4px;
  border: solid 1px #85b1de;
 
 
 
 }
 
 input[name="sog"] { 
  background-color: #ffffff; 
  width: 100px;
  height: 13px; 
 
 
 font-size: 13px;
 margin-bottom: 5px;
 display: block;
 padding: 4px;
 padding-left: 18px;
 border: solid 1px #85b1de;
 background-image: url( 'images/1267980002_gtk-zoom-100.png' );
 
 
 
 }
 
 
 #sogeknap {
 
 padding-top: 4px;
 margin-left: 1px;
 
 }
 
 #nyhed_index {
 float: left;
 height: 250px;
 overflow: hidden;
 width: 240pX;
 max-height:250px;
 
 
 
 }
 
 
 #nyhed_index_side {
 float: left;
 width: 520pX;
 
 
 
 }
 
 
 #lineh {
 line-height: 1.5em;
 
 
 
 }
 
 
 #nyhed_undertitel {
     color: #5C5C5C;
 }
 
 
 
 #nyhed_overskrift {
     padding-right: 5px;
     font-size: 11px;
     font-color: #75B5D1;
     color: #75B5D1;
     line-height: 1,0em;
 
 }
 
 #nyhed_overskrift_over {
     padding-right: 5px;
     font-size: 15px;
     line-height: 1,0em;
 font-weight:bold;
 
 }
 
 
 #nyhed_trompet {
     font-size: 12px;
 
 }
 
 
 #nyhed_overskrift a{
 color: #75B5D1;
 text-decoration: none;
 }
 
 #nyhed_overskrift a:hover{
 color: #75B5D1;
 text-decoration: none;
 }
 
 #del_share{
 float: right;
 }
 
 #text{
 text-align:right;
 }
 
 #wrapper {
     margin: 0 auto;
     height: auto;
 width: 930px;
     background-image: url(billeder/wrapper_bg.jpg);
     background-repeat: repeat-y;
 }
 
 #nyeste_index {
     margin: 0 auto;
     padding-left: 5px;
 }
 
 
 blockquote {
 border-top:1px solid #grey;
 border-bottom:1px solid #grey;
 border-left:1px solid #grey;
 border-right:1px solid #grey;
 background:lightgrey;
 width:460px;
 height:auto;
 font:1em Tahoma;
 margin:10px 3px;
 padding:5px 10px 5px;
 }
 
 
 
 #underside {
 font-family: verdana;
 font-size: 20px;
 border-top:3px solid #ddd;
 border-bottom:1px solid #ddd;
 }
 
 #underside2 {
 font-family: verdana;
 border-top:3px solid #ddd;
 border-bottom:0px solid #ddd;
 background:#fffff;
 margin:0px 0;
 padding:5px 10px 5px;
 }
 
 }
 
 
 
 /* TOP */
 
 #top {
     width: 930px;
     height: auto;
 }
 
 #top_grafik_1 {
     width: 930px;
     height: 143px;
     background-image: url(billeder/top_grafik_3.jpg);
     clear: both;
 }
 
 #senestnyt {
 clear: both;
 width: 930px;
 height: 30px;
 }
 
 #seneste_tekst {
     padding-right: 5px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 15px;
     font-color: #75B5D1;
 
 }
 
 
 #seneste_tekst a{
 color: #ADADAD;
 text-decoration: none;
 }
 
 #seneste_tekst a:hover{
 color: #75B5D1;
 text-decoration: none;
 }
 
 #seneste_tekst2 {
     padding-right: 5px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     font-color: #75B5D1;
 
 }
 
 
 #seneste_tekst2 a{
 color: #ADADAD;
 text-decoration: none;
 }
 
 #seneste_tekst2 a:hover{
 color: #75B5D1;
 text-decoration: none;
 }
 
 
 
 
 #top_grafik_sn {
     width: 153px;
     height: 30px;
     background-image: url(billeder/top_grafik_sn.jpg);    
     float: left;
 }
 
 #top_grafik_sn_blank {
     position:relative;
     width: 719px;
     height: 30px;
     background-image: url(billeder/top_grafik_sn_blank.jpg);
     float: left;
 }
 
 #inner_top_grafik_sn_blank {
     width: 650px;
     padding-top: 2px;
     padding-left: 5px;
     padding-right: 5px;
 }
 
 #top_grafik_fn {
     width: 122px;
     height: 30px;
     background-image: url(billeder/top_grafik_fn.jpg);
     float: left;
 }
 
 #top_grafik_2 {
     width: 25px;
     height: 30px;
     background-image: url(billeder/top_grafik_2.jpg);
     float: left;
 }
 
 #top_banner2 {
     width: 930px;
     height: 80px;
     float: left;
 }
 
 #top_banner3 {
     width: 930px;
     height: 180px;
     float: left;
 } 
 
 #top_banner {
     width: 930px;;
     height: 108px;;
     background-image: url(billeder/top_banner.jpg);
     clear: both;
 }
 
 
 
 #top_menu {
     width: 930px;;
     height: 30px;;
     background-image: url(billeder/top_menu.jpg);
     clear: both;
 }
 
 #top_menu2 {
     width: 930px;;
     height: 30px;;
     background-image: url(billeder/top_menu2.png);
     clear: both;
 }
 
 
 #reklame_plads {
 width: 468px;
 height: 60px;
 padding-top: 5px;
 padding-left: 408px;
 }
 
 /* Left content right */
 
 #all_leftcontentright {
     width: 930px;
 }
 
 /* LEFT */
 
 #left {
     float: left;
     background-color: #f3f3f3;
     width: 200px;
     height: auto;
 }
 
 #innerleft {
     padding-top: 10px;
     padding-right: 5px;
     padding-left: 5px;
     padding-bottom: 10px;
 }
 
 /* CONTENT */
 
 #content {
     float: left;
     background-color: #FFF;
     width: 590px;
     height: auto;
 }
 
 #innercontent {
     padding-top: 10px;
     padding-right: 5px;
     padding-left: 5px;
     padding-bottom: 10px;
 }
 
 /* RIGHT */
 
 #right {
     float: left;
     width: 300px;
     height: auto;
 }
 
 #innerright {
     padding-top: 10px;
     padding-right: 5px;
     padding-left: 5px;
     padding-bottom: 10px;
 }
 
 #innerright2 {
     padding-top: 00px;
     padding-right: 0px;
     padding-left: 0px;
     padding-bottom: 0px;
 }
 /* NYT MENU PUNKT */
 
 #breaking_news1 {
     height: 57px;
     width: 490px;
     
     background-image: url(billeder/breaking_bg.png);
     background-repeat: repeat;
 }
 
 #breaking_news2 {
     padding: 0px;
     height:37px;
     font-size: 19px;
     color: #1A1A1A;
     font-weight: bold;
 }
 
 #breaking_news2 a {
     padding: 0px;
     height:37px;
     font-size: 19px;
     color: #1A1A1A;
     font-weight: bold;
 }
 
 #breaking_news2 a:hover {
     padding: 0px;
     height:37px;
     font-size: 19px;
     color: #1A1A1A;
     font-weight: bold;
 }
 
 
 #marqueen_punkt {
     height: 20px;
     width: 490px;
     margin-right: 10px;
     background-image: url(billeder/marquee.png);
     background-repeat: no-repeat;
 }
 
 
 #marqueen_tekst {
     padding: 3px;
     height: 10px;
     width: 1000px;
     font-size: 14px;
     color: #5C5C5C;
     margin-bottom: 10px;
 }
 
 #marqueen_tekst a {
     padding: 3px;
     height: 10px;
     width: 1000px;
     font-size: 13px;
     color: #5C5C5C;
     margin-bottom: 10px;
 }
 
 
 #nyt_menu_punkt {
     height: 31px;
     width: 300px;
     background-image: url(billeder/nyt_menu_punkt.jpg);
 
 }
 
 #inner_nyt_menu_punkt {
     padding: 5px;
     font-size: 15px;
     width: 300px;
     color: #ffffff;
     font-weight: bold;
 }
 
 
 
 
 
 #nyt_menu_punkt_tekst {
     padding: 3px;
     height: auto;
     width: 300px;
     color: #5C5C5C;
     margin-bottom: 10px;
 }
 
 #nyt_menu_punkt_tekstbird {
     height: auto;
     font-size: 15px;
     width: 190px;
     text-decoration: strong;
 }
 
 #nyt_menu_punkt_tekst a {
     height: auto;
     width: 300px;
     color: #5C5C5C;
     margin-bottom: 10px;
 }
 
 #nyt_menu_punkt_tekst a:hover {
     height: auto;
     width: 300px;
     color: #75B5D1;
     margin-bottom: 10px;
 }
 
 #fakta {
     height: 17px;
     width: 190px;
     background-image: url(billeder/nyt_menu_punkt.jpg);
     background-repeat: no-repeat;
 }
 
 #inner_fakta {
     padding: 1.5px;
     font-size: 12px;
     color: #ffffff;
     font-weight: bold;
 }
 
 
 
 #nyt_menu_punkt2 {
     height: 31px;
     width: 190px;
     background-image: url(billeder/nyt_menu_punkt.jpg);
     background-repeat: no-repeat;
 }
 
 #inner_nyt_menu_punkt2 {
     padding: 5.5px;
     font-size: 15px;
     color: #ffffff;
     font-weight: bold;
 }
 
 #nyt_menu_punkt_tekst2 {
     height: auto;
     width: 190px;
     margin-bottom: 10px;
 }
 
 
 
 #inner_nyt_menu_punkt_tekst {
     padding: 5px;
 }
 
 /* FOOTER */
 
 #footer {
     clear: both;
     width: 930px;
     height: auto;
     background-color: transperent;
     background-image: url(billeder/footer.png);
     background-repeat: repeat;
 }
 
 #innerfooter{
     padding-top: 15px;
     text-align:center;
 
 }
 #kategori_menu {
 margin-left: 100px;
 
 }
 
 
 #image_news {
 margin-top: -7px;
 
 }
 
 
 #promos_multiple .promo {
     width:230px;
 overflow: hidden;
     float:left;
     margin: 10px 0 10px 10px;
 }
 #promos_multiple h1 {
     color:#FFFFFF;
     font-size:11px;
     padding:4px 10px;
     text-transform: uppercase;
     font-weight:bold;
 }
 #promos_multiple p {
     margin:0;
     padding:0;
 }
 #promos_multiple h1.nyheder {
     cursor:pointer;
     background-color:#1A1A1A;
 }
 #promos_multiple div.nyheder {
     padding:5px 0;
 /*    background-color:#660000;    */
 }
 #promos_multiple div.nyheder, #promos_multiple div.nyheder a {
     color:#000;
 }
 #promos_multiple h1.kompetence {
     cursor:pointer;
     background-color:#FFCC00;
 }
 #promos_multiple div.kompetence {
     padding:5px 0;
 /*    background-color:#b08d00;    */
 }
 #promos_multiple div.kompetence, #promos_multiple div.kompetence a {
     color:#000;
 }
 #promos_multiple h1.aktiviteter {
     cursor:pointer;
     background-color:#5a0e7e;
 }
 #promos_multiple div.aktiviteter {
     padding:5px 0;
 /*    background-color:#3e0a57;    */
 }
 #promos_multiple div.aktiviteter, #promos_multiple div.aktiviteter a {
     color:#000;
 }
 
 
 
 
 
 
 
 
 .carousel .titles span {
   width: 100%;
 }
 
 .carousel .titles span a {
   width: 100%;
 }
 
 .carousel .related a {
   width: 100%;
 }
 
 .carousel .image img {
   display: block;
 }
 
 
 .carousel {
     width: auto;
     height: 350px;
     position: relative;
 }
 
 .carousel .navigation {
     position: absolute;
     right: 0;
     top:0;
     width: 147px;
 }
 
 .carousel .navigation a {
     height: 99px;
     display: block; 
     z-index: 10; 
 }
 
 .carousel .image {
     position: relative;
 }
 
 .carousel .image .titles span {
     padding:0 4px;
 }
 
 .carousel .image .titles {
 }
 
 .carousel .main {
     height: 294px; 
     width: auto;
     display: block;
     position: relative;
 }
 
 .carousel .main span {
     display: block;
 }
 
 .carousel .titles {
     position: absolute;
     left: 0;
     bottom: 7px;
 }
 
 .carousel .bottom .titles {
     bottom: 7px;
 }
 
 .carousel .middle .titles {
     bottom: 70px;
 }
 
 .carousel .top .titles {
     top: 7px;
 }
 
 
 .carousel .titles span {
     margin-top: 2px;
     float: left;
     clear: left;
     cursor: pointer;
 }
 
 
 .carousel .supertitle {
   display: block;
   clear: both;
 }
 
 
 .carousel span {
     font-family: Impact, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 
 .carousel .titles span {
     padding: 0 10px;
 }
 
 
 
 .carousel .size-3 .titles {
     font-size: 43px;
     line-height: 53px;
 }
 
 
 .carousel .image .titles span {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight: bold;
     font-size: 17px;
     line-height: 19px;
     white-space:nowrap;
 }
 
 .carousel span.supertitle {
     font-size: 19px;
     line-height: 28px;
     padding: 0 11px;
     font-weight: normal;
 }
 
 .carousel a.main, .carousel a.main:hover, .carousel a.image, .carousel a.image:hover {
     text-decoration: none;
 }
 
 
 .carousel a {
     color: #fff;
 }
 
 .carousel a:hover {
     color: #fff;
 }
 
 
 .carousel span.supertitle {
     color: #fff;
 }
 
 
 .box {
   width:215px;
   border:solid #0000FF;
   border-top-width:1px;
 }
  
 .box-title {
   float:left;
   margin-left:.20px;
   margin-top:.3px;
   color:#fffff;
     background-image: url(billeder/nyt_menu_punkt.jpg);
     background-repeat: no-repeat;
 }
  
 .box-link {
   padding-top:-1em;
   margin-left:2em;
   padding-right:.2em;
   padding-bottom:.2em;
 }
  
 .box-list {
   list-style-type:circle;
   margin-left:-2em;
   margin-bottom:.5em;
 }
 
 #julekampagne {
     text-align: right;
     font-color: red;
     font-size: 10px;
     color: red;
 
 }
 
 #reklame_plads2 {
 width: 538px;
 height: 60px;
 padding-top: 5px;
 padding-left: 340px;
 }
 #reklame_plads3 {
     color: #fff;
     font-size: 15px;
     padding-top: 3px;
     position: static;
     padding-left: 660px;
     color: #ffffff;
     text-align: right;
     width: 100px;
     height: 26px;
 }

Håber en kan hjælpe mig!

det ville virkelig være rart.

God weekend til Jer alle..

5 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma

Sorter efter stemmer Sorter efter dato

Bruger #5620 @ 06.05.11 19:49

1.500

http://musicupdates.dk/billeder/wrapper_bg.jpg

Bruger #16594 @ 06.05.11 19:03

@Sune, Med omrids, mener du så den grå boks i baggrunden? Yderligere så er den CSS-fil som du har pastet så godt som ubrugelig, hvis den ikke er ledsaget af noget HTML kode, som viser hvordan elementerne er placeret i forhold til hinanden.

Indlæg senest redigeret d. 06.05.2011 19:03 af Bruger #16594

Bruger #16492 @ 06.05.11 19:14

Hej Ebb

ja, lige præcis.. det grå er der simpelthen, selvom jeg har fjernet det fra html..og så vidt jeg ved, også fra CSS..

Her er min top.php:

PHP kode

 <?
 include("connect.php"); 
 
 if (basename($_SERVER['PHP_SELF'])=="nyhed.php" && isset($_GET['id'])) {
     $info = mysql_query("SELECT * FROM nyheder WHERE id = '".$_GET[id]."'") or die(mysql_error());
     $vis = mysql_fetch_array($info);
 
     $overskrift = $vis[overskrift];
     $keywordsExt = ", ".$overskrift;
 }
 ?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
 
     <meta name="keywords" content="nyheder, unge, ung, ung-tv, nyheder for unge, sladder, debat, ungside, underholdning, underholdning for unge, debat, konkurrencer, pelleb, michael, jackson, michael jackson, musik
 , Music, updates, musik, nyheder, musicupdates, artikler, konkurrencer <?=$keywordsExt?>" /> 
     <meta name="title" content="<?=$keywordsExt?>" /> 
     <meta name="description" content="MusicUpdates.dk er Danmarks største musik-nyhedsportal for unge. Læs mere her!" /> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <script type="text/javascript" src="fireworks/firework.js"></script>
 <link rel="icon" href="billeder/favicon.ico" type="image/x-icon">
 <link rel="stylesheet" media="all" type="text/css" href="menu_style_bund.css" />
 <link rel="shortcut icon" href="billeder/favicon.ico" type="image/x-icon">
 <link href="style.css" rel="stylesheet" type="text/css" />
          <link rel="stylesheet" href="stylemenu.css" type="text/css" />
 <script type="text/javascript" src="scriptmenu.js"></script>
 <script language="javascript" src="mootools/mootools.svn.js" type="text/javascript"></script>
         <script language="javascript" type="text/javascript" src="newsticker.js">
 
         
     
         
         
 <SCRIPT TYPE="text/javascript">
 <!--
 function popup(mylink, windowname)
 {
 if (! window.focus)return true;
 var href;
 if (typeof(mylink) == 'string')
    href=mylink;
 else
    href=mylink.href;
 window.open(href, windowname, 'width=1000,height=700,scrollbars=no');
 return false;
 }
 //-->
 </SCRIPT>
 
 
 <!--
 Time, time, take us back before the line was drawn
 Before the sky turned black. -->
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js" type="text/javascript"></script>
 <!-- script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script -->
 <script src="jquery.min.js" type="text/javascript"></script>
 <script type="text/javascript">
 var timeout         = 500;
 var closetimer        = 0;
 var ddmenuitem      = 0;
 
 function jsddm_open()
 {    jsddm_canceltimer();
     jsddm_close();
     ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}
 
 function jsddm_close()
 {    if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
 
 function jsddm_timer()
 {    closetimer = window.setTimeout(jsddm_close, timeout);}
 
 function jsddm_canceltimer()
 {    if(closetimer)
     {    window.clearTimeout(closetimer);
         closetimer = null;}}
 
 $(document).ready(function()
 {    $('#jsddm > li').bind('mouseover', jsddm_open);
     $('#jsddm > li').bind('mouseout',  jsddm_timer);});
 
 document.onclick = jsddm_close;
 </script>
 
 
 
 </head>
 
 
 
 
 <style type="text/css">
 /* menu styles */
 #jsddm
 {    margin: 0;
     padding-left: 0px;
     padding-top: 0px}
 
 #tekst
 {    padding-top: 3px}
 
     #jsddm li
     {    float: left;
         list-style: none;
         font: 13px Tahoma}
 
     .dato
     {    float: left;
         list-style: none;
         font: 13px Tahoma}
 
 
     #jsddm li a
     {    display: block;
         background: url('n.png');
 height: 23px;
         padding: 5px 12px;
         text-decoration: none;
         border-right: 0px solid white;
 
         color: #EAFFED;
         white-space: nowrap}
 
     #jsddm li a:hover
     {        display: absolute;
 
         height: 23px;
     
         background: url('menu_hover.png')}
 
         
         #jsddm li ul
         {    margin: 0;
             padding: 0;
 
             position: absolute;
             visibility: hidden;
             border-top: 1px solid white}
         
             #jsddm li ul li
             {    float: none;
                 height: 23px;
                 width: 100%;
                 display: inline}
             
             #jsddm li ul li a
             {    width: auto;
                 height: 14px;
                 background: url('billeder/blue.jpg');
 
 
                 
                 }
             
             #jsddm li ul li a:hover
             {    height: 14px;
                 background: url('billeder/orange.png');
                 }
                                             
                                             
                                             
 
 .ch {
 height:23px;
 background-image: URL("images/headercenter.gif");
 color:white;
 font-weight:bold;
 margin-top:4px;
 }
 
 .chleft {
 background-image: URL("images/headerleft.gif");
 height:23px;
 background-repeat:no-repeat;
 }
 
 .chright {
 background-image: URL("images/headerright.gif");
 height:23px;
 background-repeat:no-repeat;
 background-position:right top;
 }
 
 #box {
 margin-left:4px;
 }
 
 
 <!--
 Stater newsticker
 -->
 
 
 #NewsTicker{
     border:solid 1px #cccccc;
     background:#eaf5e0;
     width:300px;
     height:364px;
     margin:0 auto;
 }
     #NewsTicker h1{
         padding:6px; margin:0; border:0;
         background:#dfe9d5;
         color:#000000;
         font-size:11px;
         font-weight:bold;
     }
     #NewsVertical {
     width: 300px;
     height: 300px;
     display: block;
     overflow: hidden;
     position: relative;
     }
     #controller{
     padding:6px;
     font-size:11px;
     color:#666;
     }
     #play_scroll_cont{display:none;}
 /* --------------- */
 /* Ticker Vertical */
     #TickerVertical {
         width: 300px;
         height: 330px;
         display: block;
         list-style: none;
         margin: 0;
         padding: 0;
     }
     #TickerVertical li {
         display: block;
         width: 288px;
         color: #333333;
         text-align: left;
         font-size: 11px;
         margin: 0;
         padding: 6px;
         float: left;
     }
         #TickerVertical li .NewsTitle{
             display: block;
             color: #000000;
             font-size: 12px;
             font-weight:bold;
             margin-bottom:6px;
         }
         #TickerVertical li .NewsTitle a:link,
         #TickerVertical li .NewsTitle a:Visited {
             display: block;
             color: #000000;
             font-size: 12px;
             font-weight:bold;
             margin-bottom:6px;
             text-decoration:none;
         }
         #TickerVertical li .NewsTitle a:hover {
             text-decoration:underline;
         }
         
         #TickerVertical li .NewsImg{
             float:left;
             margin-right:10px;
         }
         #TickerVertical li .NewsFooter{
             display: block;
             color: #000000;
             font-size: 10px;
             margin:6px 0 14px 0;
         }
 
 </style>
 <script type="text/javascript">
 var end = new Date("Jan 31, 2011 23:00:00 GMT+1");
 function toSt2(n) {
     s = "";
     if (n < 10) s += "0";
     return (s + n).toString();
 }
 function countdown() {
     d = new Date();
     count = Math.floor(end.getTime() - d.getTime());
     if(count > 0) {
         count = Math.floor(count/1000);
         seconds = toSt2(count%60); count = Math.floor(count/60);
         minutes = toSt2(count%60); count = Math.floor(count/60);
         hours = toSt2(count%24); count = Math.floor(count/24);
         days = count;
         document.getElementById('timeDisplay').innerHTML = days + ' dage, '+ hours + ' timer, ' + minutes + ' min. ' + seconds + ' sek.';
         setTimeout("countdown()", 1000);
     }
 }
 window.onload=countdown;
 </script>
 <script LANGUAGE="JAVASCRIPT" TYPE="text/javascript">        
 <!--Hide        
 function home_date() {        
    date = new Date();        
    var day_number = date.getDay();        
    var todays_date = date.getDate();        
    var month_number = date.getMonth();        
    var year = date.getYear();        
    var day_name = '';        
    var month_name = ''        
    if(day_number == 0){day_name = 'SØNDAGENS';}        
    if(day_number == 1){day_name = 'MANDAGENS';}        
    if(day_number == 2){day_name = 'TIRSDAGENS';}        
    if(day_number == 3){day_name = 'ONSDAGENS';}        
    if(day_number == 4){day_name = 'TORSDAGENS';}        
    if(day_number == 5){day_name = 'FREDAGENS';}        
    if(day_number == 6){day_name = 'LØRDAGENS';}              
    if(year <= 100){year +=1900;}        
 var dateline = day_name + ' ';        
 document.write(dateline);        
 }        
 // End hide -->        
 </script>     
 
 
 
 <title>» MusicUpdates.dk » <?=$keywordsExt?></title>
 
 </head>
 
 <body>
 
 
 
 <div style="position:fixed;right:0px;top:300px;"><a href="foelg_os.php?id=1" target="_blank"><img src="billeder/twitter-button.png" style="width:34px;height:167px;" alt="" border="0"></a></div>
 
 <!--
 <div style="position:fixed;right:0px;top:100px;"><a href="fribilletter.php"><img src="Blachmankonkurrence1232434545435454545445454.png"  alt="" border="0"></a></div>
 -->
 <div id="wrapper"><!-- WRAPPER START -->
 
     <div id="top"><!-- TOP START -->
 
      <div id="top_banner3">
 <iframe src="http://ad.adfair.dk/showbanner.php?id=50218&campaign_id=3774&media_id=1474&pool_id=-1" width="930"
 height="180" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no bordercolor="#000000"></iframe>
 </div>
 <!---
  <div id="top_banner2">
 <a href="bliv_frivillig.php">
 
 <img src="billeder/H4i7D.png" onmouseover="this.src='billeder/H4i7D2.png'" onclick="this.src='billeder/H4i7D2.png'" onmouseout="this.src='billeder/H4i7D.png'" alt="">
 </a></div>
 --->
 
 
     <div id="top_banner"><!-- TOP-BANNER START -->    
 
  
         <div id="reklame_plads2">
 
         <script type="text/javascript"> 
  
 var newsitems;
 var curritem=0;
 var iPause=0;
  
  
 $(document).ready(function(){
     var tickerSelector = "ul#ticker li";
     newsitems = $(tickerSelector).hide().hover(
         function(){
             $(this).addClass("hovered");
             iPause=1;
         },
         function(){
             $(this).removeClass("hovered");
             iPause=0;
         }
     ).filter(":eq(0)").show().add(tickerSelector).size();
     setInterval(ticknews,4000); //time in milliseconds
 });
  
  
 function ticknews() {
   if (iPause==0){
     $("#ticker li:eq("+curritem+")").fadeOut("slow",function(){$(this).hide();});
     curritem = ++curritem%newsitems;
     $("#ticker li:eq("+curritem+")").fadeIn("slow");
     }
 }
  
  
 </script> 
  
  
  
  
 
 <style>
 
 #nyhed_overskrift22 {
         font-family: verdana;
     padding-right: 5px;
     font-size: 19px;
     font-color: #ffffff;
 
     
 
 }
 
 #nyhed_overskrift22 a{
         font-family: verdana;
 color: #ffffff;
 text-decoration: none;
 line-height: 1.5em;
 }
 
 #nyhed_overskrift22 a:hover{
         font-family: verdana;
 color: #ffffff;
 text-decoration: none;
 }
 #tekst {
         font-family: verdana;
     padding-right: 5px;
     font-size: 19px;
     font-color: #ffffff;
 
     
 
 }
 
 
 .tickerbox {width:auto;margin:10px;padding:0;height:300px;}
 .tickerbox ul {width:auto; position:relative;}
 .tickerbox li {
 width:100%;
 list-style:none;
 list-postion:inside;
 position:absolute;
 top:1px;left:3px;
 border:0px dotted #666;
 padding:5px;
 overflow:hidden
 }
 
 .hovered {background:none;}
 ..box {border:4px groove #FFFF00; display:none}
  
 .notes {width:50%}
 .mods {position:relative;margin:60px}
  
  
 </style> 
         
     <div class="tickerbox"> 
  
 <ul id="ticker">     
         
 <?
                         $maks = 10;
                         $sideTal= 1;
 
                         if(isset($_GET[side]))
                         {
                         $sideTal= $_GET[side];
                         }
 
                         $fra= ($sideTal - 1) * $maks;
                         $post = mysql_query("SELECT * FROM nyheder WHERE slettet='nej'") or die(mysql_error());
                         $aPost = mysql_num_rows($post);
                         $sider= ceil($aPost/$maks);
 
 
 
                         $info = mysql_query("SELECT * FROM nyheder WHERE slettet='nej' ORDER BY id DESC limit $fra,$maks") or die(mysql_error());  
                         while ($vis = mysql_fetch_array($info)) {
                         ?>
                         
                         
 
 
 <li>            
 
             
 <?php 
 $filename="upload/fil/thumbs2/".$vis[billede];
 if (!file_exists($filename)) {
     $filename="upload/fil/".$vis[billede];
 }
 if (!file_exists($filename)) {
     $filename = "upload/fil/no_picture.png";
 }
 $heightMax = 75;
 $widthMax = 230;
 ?>
 <img align="left" src="imageCrop.php?image=<?php echo urlencode($filename); ?>&width=<?php echo $widthMax; ?>&height=<?php echo $heightMax; ?>" border="1"/> 
 
 
 
                 
 <strong><?=$vis[trompet]?><br></strong>  
 <div id="nyhed_overskrift22"><div id="tekst"> 
 <a href="nyhed_.php?id=<?=$vis[id]?>"><b><?=$vis[overskrift]?></b></a></div></b>
     </div>        
             
             
 </li> 
 <?
 }
 
 
 
 include "connect.php";
 ?>    
 
 </ul> 
 </div> 
  
  
  
  
 </div> 
     
     
 
     
 <!---
 
 <div id="citat"><div class="citattekst">
 <?php
 $hent_db = mysql_query("SELECT * FROM `brugerudtale` WHERE godkendt='ja' ORDER BY RAND() LIMIT 1");
 $hent = mysql_fetch_array($hent_db);
 ?>
 <i>"<? echo substr($hent[tekst],0,160); ?>"</i><br>
 <b>- <?=$hent['navn']?>, <?=$hent['alder']?> år</b><br>
 <a href="brugerudtale.php">Læs flere brugerudtalelser..</a>
 
 
 </div>
 --->
 
 <!--
     <?php
 $hent_db = mysql_query("SELECT * FROM `advertise_top` WHERE vises='ja' ORDER BY RAND() LIMIT 1");
 $hent = mysql_fetch_array($hent_db);
 ?>
 
 <a href="adv_top.php?id=<?=$hent['id']?>" target="_blank"><img border="<?=$hent['border_str']?>" src="<?=$hent['banner_url']?>" /></a>
 -->
 
 
 </div>
 
      </div><!-- TOP-BANNER SLUT -->
 
           
          </center></center> 
          
     
 
 
      <div id="top_menu">
 
  <div id="menu_elementer">
  
 
 <ul class="menu" id="menu">
 
     
 <li><a href="index.php" class="menulink">Nyheder</a>
         <ul>
             <li><a href="index.php">Nyeste nyt</a></li>
             <li><a href="nyhedsoversigt.php">Nyhedsoversigt</a></li>
             <li><a href="soeg_top_bund.php">Søg i arkiv</a></li>
             
                     </ul>
     </li>
         <li><a href="anmeldelser.php" class="menulink">Anmeldelser</a>
 
     </li>
     <li>
         <a href="konkurrence7.php" class="menulink">Temaer</a>
         <ul>
                 
                 
                 
             <?php
 $query = mysql_query("SELECT * from nyheder_kat ORDER BY id DESC") or die (mysql_error());
 while($hent=mysql_fetch_array($query)){
 
 $sql = mysql_query("SELECT * FROM nyheder where kategori = '$hent[id]'") or die(mysql_error());
 $antal = mysql_num_rows($sql);
 ?>
 
 <li><a href="nyheder_kat.php?id=<? print $hent['id']; ?>"><? print $hent['navn']; ?></a></li> 
 
 <?php
 }
 ?>
 
         
         </ul>
     </li>
     
     <li>
         <a href="hitlisten.php" class="menulink">Hitlisten</a>
     <ul>
         <li><a href="hitlisten.php">Stem til hitlisten</a></li>
         <li><a href="hitlist_top4.php">Hør ugens top 4</a></li>
         <li><a href="hitlisten.php">Hvad er hitlisten?</a></li>
         <li><A 
    HREF="indsend_hit.php" 
    onClick="return popup(this, 'notes')">Forslå en sang</A></li>
     </ul>
     </li>
 
     
     <li>
     
         <a class="menulink" href="javascript:void(0)"
 onclick="window.open('/webtv',
 'welcome','width=980,height=700,menubar=yes,status=yes')">WEB-TV</a>
     </li>
         <li><a href="galleri.index.php" class="menulink">Galleri</a>
 <!---
 <li>
             <a href="#" class="menulink">MusicUpdates</a>
     <ul>
         <li><a href="omos.php">Om os</a></li>
         <li><a href="kontakt.php">Kontakt</a></li>
         <li><a href="ansatte.php">Redaktionen</a></li>
         <li><a class="sub" href="presse.php">Presse</a>
     <ul>
         <li><a href="presse.php">Pressekontakt</a></li>
         <li><a href="pressemeddeleser.php">Pressemateriale</a></li>
         <li><a href="omtale.php">Omtale</a></li>
         
     </ul>
             <li><a href="annoncering.php">Annoncér</a></li>
         <li><a href="sponsorer.php">Samarbejdspartnere</a></li>
         <li><a href="sponsorer.php">Sponsorer</a></li>
         <li><a href="jobs.php">Ledige jobs</a></li>
 
     </ul>
     </li>
 --->
         <li><a href="bliv_journalist.php" class="menulink">Bliv ung-journalist</a></li>
                     <li><a href="nyhedsbrev.php" class="menulink">Andet</a>        
         <ul>
             <li><a href="statistik.php">Statistik</a></li>
             <li><a href="nyhedsbrev.php">Nyhedsbrev</a></li>
             <li><a href="brugerudtale.php">Skriv en brugerudtale</a></li>
             <li><a href="indsend_artikel.php">Indsend din artikel</a></li>
             <li><a href="http://www.facebook.com/pages/MusicUpdatesdk-De-bedste-nyheder-om-musik/100201976487">Besøg os på Facebook</a></li>
             <li><a href="http://twitter.com/musicupdates_dk">Følg os på Twitter</a></li>
             </li>
             
     </ul>
     
 
  
 <script type="text/javascript">
     var menu=new menu.dd("menu");
     menu.init("menu","menuhover");
 </script>
 
 
         </div>
        
        <div id="menu_soeg">             <div id="sogeknap">
 <form action="soeg_top_bund.php" method="POST">
 <input type="hidden" name="action" value="søg">
 <input type="hidden" name="tabel" value="overskrift">
 <input type="hidden" name="tabel" value="nyhed">
 <input type="hidden" name="tabel" value="forfatter">
 
 
 <input type="text" value="Søg i arkivet.." onclick="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" name="sog"> 
 </div>
 
 </form>
 
 
 <br>
      
 </div>
 
 
 <!---
     <div id="reklame_plads3">
 
     
  <a href="bliv_journalist.php" class="menulink"><img border="0" src="billeder/1302291063_rss-pencil.png"/></a>
 <a href="bliv_journalist.php" class="menulink"><img border="0" src="billeder/1302291071_twitter-pencil.png"/></a>
 <a href="bliv_journalist.php" class="menulink"><img border="0" src="billeder/1302291048_facebook-pencil.png"/></a>
 
  
 </div>
 --->
 
  
  
 <!---
      <div id="top_banner2">
 
 <img border="0" src="billeder/H4i7D.png" /></a>
 
 </div>
 --->
     </div><!-- TOP SLUT -->
 
     <div id="all_leftcontentright"> <!-- ALL_LEFTCONTENTRIGHT START -->    
  
 
     <div id="content"><!-- CONTENT START -->
         <div id="innercontent"><!-- INNERCONTENT START -->
 
 noget indhold</td> 
         </tr> 
         <tr> 
 
  
     </tbody> 
 </table> 
 <br>
 
 
 
 </div></div> <!-- Menupunkt -->
             <br>
 <?
 }
 
 
 
 include "connect.php";
 ?>

min kode er rigtig rodet!!!!!!

Bruger #16594 @ 06.05.11 19:51

@Sune, Som du selv skriver så er din kode en anelse rodet, og derfor har jeg svært ved at spotte om der overhovedt er noget, som er relevant for dit problem inkluderet... for mig ser det ud til at der mangler en del kode, ex: du har kun #content, #innercontent i den kode du har pasted - hvor er #right, #innerright?

Edit
Anyway, ser ud til at @Jens har fundet hoved og hale i det hele (fjern background-image fra #wrapper).

Indlæg senest redigeret d. 06.05.2011 19:55 af Bruger #16594

Bruger #16492 @ 06.05.11 19:55

Jens: du løste lige problemet for mig :L) Tak skal du have.

Ebb: Tak fordi du prøvede at hjælpe mig.

Hav en rigtig god weekend begge to - ikke?

Opstilling af design... øhh?

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler