Avatar billede craver35 Nybegynder
06. april 2012 - 13:57 Der er 15 kommentarer og
1 løsning

Hjemmeside vil ikke tilpase center og højre margener.

Hej Eksperter.

Jeg har lavet en hjemmeside (http://www.damnfun.dk) Men jeg har nu besluttet at ændre designet på min hjemmeside, der hvor man ser videoen, da jeg gerne vil gøre det mere brugervenligt og mere ligetil.  Mit problem er bare at det ser perfekt ud med center og højre margener i Dreamweaver CS5, men når jeg uploader det til min hjemmeside kommer det til at se sådan ud

Hjemmeside design:
http://damnfun.dk/video_6_se.php

Dreamweaver CS5 billede

[URL=http://imgur.com/flBDr][IMG]http://i.imgur.com/flBDr.png[/IMG][/URL]

Håber der er nogle der kan hjælpe koden til "http://damnfun.dk/video_6_se.php" er:



<?php

/*TITLE*/            $title="Se vild drifting!";
/*DESCRIPTION*/        $desc="Se vild drifting!";
/*IMAGE*/            $image="http://i.imgur.com/txcFo.jpg";
/*AMUNG CODE*/        $amung="";
/*WEBSITE*/            $website="http://is.gd/6Uoi0n";
/*VIDEO*/            $video="video_6_se.php";
/*ADMIN*/            $admin="";

?>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/center.css" />
    <style>
        body { background-color: #f9f9f9; font: normal 12px/12px arial, helvetica, sans-serif; }
        #container { width: 960px; margin: auto;}
        #header {color: #777; text-align: center; background-color: #ddd;  padding: 25px; border: 1px #bbb solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(ie/PIE.htc);}
        #header h1 { color: #333; text: bold 18px/18px arial; margin: 0 0 15px 0;}
    a:link {
    color: #000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #000;
}
a:hover {
    text-decoration: none;
    color: #666;
}
a:active {
    text-decoration: none;
    color: #000;
}
    </style>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/da_DK/all.js#xfbml=1&appId=183731528408925";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="container">
  <div id="header">
    <h1><img src="images/logo_02.gif" alt="" width="397" height="100" longdesc="http://www.damnfun.dk/index.html"></h1>
  </div>
  <table width="1007" height="87" border="0">
    <tr>
      <th width="1001" height="68" background="images/menubar_03.gif" scope="row"><div align="left" class="menubar_1">  <a href="index.html">Hjem</a> | <a href="videoer.html">Videoer</a> | <a href="kontakt.html">Kontakt</a></div></th>
    </tr>
  </table>
</div>
<div style="margin:10px auto; width:985px;">
  <p> </p>
  <table width="300" border="0" align="right">
  </table>
  <table width="306" border="0" align="right">
    <tr>
    <td height="53" class="andre_videoer" scope="row">Annonce</td>
  </tr>
  <tr>
    <th scope="row"><p> </p>
      <p> </p>
      <p> </p></th>
  </tr>
</table>
  <p> </p>
<p> </p>
<p> </p>
<table width="422" border="0" align="center">
<center>
  <tr>
    <td height="61" class="kommentar"><div align="left" class="menubar_1">
      <p class="kommentarer"><?php echo $title;?></p>
    </div>      <title></title></td>
  </tr>
  </center>
</table>
<table width="300" border="0" align="right">
  <tr>
    <td height="54" class="andre_videoer" style="text-align: center"> Flere Videoer</td>
  </tr>
  <tr>
    <th style="text-align: center" scope="row"><iframe src="//www.facebook.com/plugins/recommendations.php?site=www.damnfun.dk&app_id=392113590807748&action&width=300&height=500&header=false&colorscheme=light&linktarget=_parent&border_color&font=verdana&appId=392113590807748" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:500px;" allowTransparency="true"></iframe></th>
  </tr>
</table>
<p> </p>
<table width="300" border="0" align="center">
  <tr>
    <th scope="row"><iframe width="420" height="315" src="http://www.youtube.com/embed/chI-vvKfv-s" frameborder="0" allowfullscreen></iframe></th>
  </tr>
</table>
<p> </p>
<table width="422" border="0" align="center">
  <tr>
    <th height="80" class="kommentar" style="text-align: center" scope="row"><div align="left" class="menubar_1">
      <p class="kommentarer">Skriv en kommentar</a></p>
</div>     
      <p> </p></th>
  </tr>
  <tr>
    <th style="text-align: center" scope="row"><div class="fb-comments" data-href="<?php echo $website;?>" data-num-posts="6" canpost="true" data-width="640"> </div></th>
  </tr>
</table>
<p> </p>
<p> </p>
<p> </p>
</div>
<table width="1015" border="0" align="center">
  <tr>
    <td height="89" background="images/menubar_03.gif"><div align="left" class="menubar_1">
      <div align="center"> Copyright by damnfun.dk</div>
    </div></td>
  </tr>
</table>
<p> </p>
</body>
</html>



Mvh. Jeppe S
Avatar billede visto Professor
06. april 2012 - 14:05 #1
Jeg har ikke kigget på din kode, blot foretaget en W3C validering på
http://validator.w3.org/#validate_by_url

Den viser 36 fejl, hvoraf flere godt nok er samme slags fejl med flere forekomster (og nogle vil ikke have indflydelse på visningen).
Jeg vil foreslå at du i første omgang retter fejl, og så ser om det ændrer noget. Hvis det så ikke ændrer noget, ved du i det mindste at din kode er fejlfri. Det er et bedre udgangspunkt for det videre arbejde.
Avatar billede craver35 Nybegynder
06. april 2012 - 14:14 #2
Tak for hjælpen, men jeg har kigget lidt på de fejl og som du også siger er mange af dem det samme, men jeg kan også se at nogle af fejlene er fordi jeg har trykket space også har den skrevet &nbsp; i dreamweaver som betyder space.

Mvh. Jeppe S
Avatar billede michael_stim Ekspert
06. april 2012 - 14:34 #3
Du kan jo starte med at sætte en gyldig doc type på. Som det er nu, er den i quirks mode.
Avatar billede craver35 Nybegynder
06. april 2012 - 14:36 #4
Hej Michael_stim.

Jeg er ikke så hardcore indenfor programmering, så hvad mener du med det, kan du evt sende det stykke kode som jeg skal tilføje?

Mvh. Jeppe S
Avatar billede visto Professor
06. april 2012 - 14:43 #5
Se http://www.w3.org/QA/2002/04/valid-dtd-list.html

Jeg vil skyde på at den der vil være relevant for dig er HTML 4.01 transitional. Du kan copy/paste koden derfra og til din side.
Avatar billede craver35 Nybegynder
06. april 2012 - 14:45 #6
Jamen hvor skal jeg indsætte dette stump kode henne på siden? Fordi jeg vil jo helst ikke til at skulle ændre hele siden! :)

Mvh. Jeppe S
Avatar billede visto Professor
06. april 2012 - 15:14 #7
Allerøverst over <head>
Der er en anvisning på placering på den side jeg henviste til ovenfor.
Det er blot en tilføjelse, ikke en ændring. Den skal fortælle browseren om du bruger fx HTML 4.01 eller XHTML 1.0, så browseren ved hvilke typer kode den har at gøre med og dermed får en chance til at vise koderne korrekt.
Som nævnt under #3, hvis den ikke får denne besked, går browseren i quirks mode.
Avatar billede craver35 Nybegynder
06. april 2012 - 16:46 #8
Visto, det har hjulpet, men det fungere stadig ikke korrekt, du kan se siden som den ser ud nu her
http://www.damnfun.dk/video_6_se.php
Avatar billede visto Professor
06. april 2012 - 17:23 #9
Der er stadig 38 valideringsfejl. Og så forstår jeg ikke umiddelbart at du som Doctype vælger XHTML fremfor HTML. Fx lader du img-tag ende på > hvilket er korrekt i HTML. Men i XHTML skal det ende på />
Har kun lige skimmet dine koder og er ikke faldet over noget der tyder på andet end HTML.

Første skridt for - efter mine begreber - at arbejde med koderne må være at de er korrekte og validerer.
Det kan godt umiddelbart forekomme lidt tungt at skulle i gang med (ved jeg af egen erfaring), men jeg tror du er bedst med det på den måde bl.a. af hensyn til fremtidssikring af din sides udseende. Og hvis dit site kun består af en side, må arbejdet med at få koderne tilrettet, så de er korrekte, være overkommeligt.
Avatar billede craver35 Nybegynder
06. april 2012 - 20:09 #10
Jeg har ændret det nu, jeg havde ikke lige tjekket at det var xhtml :)

mvh. Jeppe S
Avatar billede visto Professor
06. april 2012 - 20:24 #11
35 errors iflg. validatoren.

Det er ikke sikkert, at fejlene har noget med dit layout-problem at gøre. Jeg har som nævnt kun skimmet din kode. Men efter at jeg selv er gået over til kun at ville arbejde med valid kode, så vil jeg ikke bruge tid på at finde ud af hvorfor ikke-valid kode - herunder din - opfører sig anderledes end ønsket. Så jeg opfordrer dig stadig til at få kodefejlene ud af verden i første omgang. Og som nævnt tror jeg også den ekstra arbejdsindsats, som det vil kræve, på alle måder vil lønne sig for dig fremover.
Avatar billede craver35 Nybegynder
07. april 2012 - 10:03 #12
Tak for hjælpen Visto, jeg har fået det til at virke! :)

Send svar.

Mvh. Jeppe S
Avatar billede visto Professor
07. april 2012 - 10:53 #13
Godt at du fik det til at virke som du ville have det. Men det var jo ikke med min hjælp at du fik det til at virke, så jeg sender ikke noget svar.
Du satte Doctype på - men jeg kan se (i modsætning til hvad jeg så først), at der også er XHTML iblandet (eller også har du tilføjet det senere). Doctype handler jo om, at du angiver om din kode er det ene eller det andet. Men du blander HTML og XHTML. Med denne blanding, de mange validerings-fejl og en set med mine øjne noget underlig blanding af tabel- og div-design, så virker det som om at du ikke går op i ordentlig kode, så i realiteten har du ikke kunnet bruge mine kommentarer, der opfordrede til valid kode. Og det er selvfølgelig helt op til dig, men så vil jeg heller ikke have point :-)
Avatar billede craver35 Nybegynder
07. april 2012 - 16:18 #14
Ja, jeg brugte også rimelig langtid på at få det til at virke..
Jeg må desværre erkende, at jeg ikke er den store programmør og at jeg ikke går så meget op i min kodning, så længe det fungere er jeg tilfreds, ved godt det måske er en lidt forkert indstilling, men jeg kan ikke finde ud af at kode det så godt :-)

Hvis du får lyst så send svar fordi jeg vil gerne give dig point.

mvh. Jeppe S
Avatar billede visto Professor
07. april 2012 - 18:44 #15
Det er pænt af dig med point. Men jeg synes også, et accepteret svar hjælper andre læsere med at få en ide om, hvordan problemet er løst, og da du selv har løst det på din måde uden at bruge mine forslag, så synes jeg du selv skal tage pointene.

Det er en ærlig sag, hvad man lægger vægt på mht. kodning, synes jeg. Jeg har selv i årevis haft præcis din tilgang til tingene - "bare det virker". Der er bare det ved det, at med udviklingen indenfor browsere, og det at folk ikke længere bare bruger Internet Explorer, så er der større sikkerhed for at siden ser ud som man vil have det i alle browsere, hvis den overholder standarderne. I modsat fald risikerer man at skulle lappe på sin kode hele tiden. Så når man skifter design, som du i begyndelsen skrev du ville, kunne det jo være oplagt at benytte lejligheden til at tage den "rigtige" tilgang med ordentlig og valid kode, så man sikrer sit designs egenskaber på tværs af forskellige browsere mest muligt. Men de valg er naturligvis op til den enkelte webdesigner.

Held og lykke med siden.
Avatar billede craver35 Nybegynder
22. juli 2012 - 15:34 #16
LUKKET
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