Gå til innhold

Midstille bloggen min

Abruzzi

Av Abruzzi
i Programmering og webutvikling

Anbefalte innlegg

Abruzzi

Abruzzi

Skrevet
Skrevet

Her er html og css:

<?php echo "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?".">"; ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html><head><title>blogg.kongespill.com</title>

<style type="text/css">
@import url(../test/all.css); /* just some basic formatting, no layout stuff */

body {
 margin:20px 20px 0px 20px;
 }

#main {
 border:1px solid #000; 
 background:#fff;
 width:760px;
 }

#wrap {
 margin:0 auto;
 padding:0;
 }
#main #menu {
 border-left:1px solid #000; 
 border-bottom:1px solid #000;
 float:right;
 width:230px;
 background:#eee;
 }
 
p,h1,pre {
 margin:0px 10px 10px 10px;
 }
 
h1 {
 font-size:14px;
 padding-top:10px;
 }

#menu p { font-size:10px}

</style><style>a:link {
color: #4b5f80;
text-decoration: none;
}
a:visited {
color: #4b5f80;
text-decoration: none;
}
a:hover {
color: #8D9FBC;
text-decoration: none;
}
a:active {
color: #4b5f80;
text-decoration: none;
}</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#B8DDAE">
<div id="wrap">
<div id="main">

 <div id="menu"> 
   <h1><font face="Trebuchet MS"><a href="index.php">Startside</a><br />
     <a href="ommeg.php">Om meg</a><br />
     <a href="blogg.php">Blogg</a> <br />
     <a href="mittarbeid.php">Mitt arbeid</a><br />
     <a href="lenker.php">Lenker </a><br />
     <a href="kontakt.php">Kontakt</a></font></h1>
   <p><a href="http://www.spreadfirefox.com/?q=affiliates&id=0&t=71"><img border="0" alt="Get Firefox!" title="Get Firefox!" src="http://sfx-images.mozilla.org/affiliates/Buttons/88x31/trust.gif"/></a><br />
     <font face="Trebuchet MS"><a href="http://kongespill.com">KONGESPILL.COM</a></font></p>
 </div>
 <h2><font face="Trebuchet MS">blogg.kongespill.com</font></h2>
 <h4><font face="Trebuchet MS">Hei og velkommen til min hjemmeside...<br />
   Det er veldig hyggelig at du har tatt ture<font color="#000000">n</font> innom...</font></h4>
 <p><font face="Trebuchet MS">5 siste nyheter</font></p>
 <p><?PHP
$number = "5";
include("cutenews/show_news.php");
?> 
</p>
 <font face="Trebuchet MS"><br />
   </font></div>
</div>
</body>
</html>

 

Jeg ville trodd siden skulle vært midstilt nå men det er den ikke. Noen som kan hjelpe meg slik at den blir midtstilt.

 

LINK: www.blogg.kongespill.com

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Simon Zimmermann

Simon Zimmermann

Skrevet
Skrevet

Jeg tror du burde lære deg å skrive ordentlig Markup før du i det hele tatt begynner med CSS. Koden din er helt Jævlig. Det ser for meg ut som om du bare har kopiert ting uten å egentlig skjønne hva du gjør for noe, det lærer man ingenting av.

 

Så her er mitt forslat til hvordan du kan få til å mitstille bloggen din. Søk på webben, forumet etter "HTML" eller kjøp en bok om temaet. «Les og lær!». Deretter skriver du markup-koden din på nytt. Begynn så å lære deg CSS, følg samme prinsipper som tidligere. Når du nå kan CSS vil du også vite hvordan man mitstiller siden. Ganske enkelt ikke sant?!

Lenke til kommentar
PoleCat

PoleCat

Skrevet
Skrevet

Det er vel i grunn #main som burde fått margin: 0 auto her, #wrap fyller jo hele skjermen (siden blokkelementer automatisk fyller 100% bredde av parent, og den ikke har fått angitt noen bredde) og dens automargin mot sidene vil derfor naturlig nok være 0.

 

#wrap trenger du ikke i det hele tatt, ut i fra hva jeg kan se.

Lenke til kommentar
PoleCat

PoleCat

Skrevet
Skrevet

I stedet for 

<h2><font face="Trebuchet MS">blogg.kongespill.com</font></h2>

vil jeg anbefale at du skriver:

 

h2 {
 font-family: "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
}

<h2>blogg.kongespill.com</h2>

Også mye enklere med tanke på fremtidige endringer, samt at font-taggen ikke har noe der å gjøre.

 

----------------------

 

<h1><font face="Trebuchet MS"><a href="index.php">Startside</a><br />
    <a href="ommeg.php">Om meg</a><br />
    <a href="blogg.php">Blogg</a> <br />
    <a href="mittarbeid.php">Mitt arbeid</a><br />
    <a href="lenker.php">Lenker </a><br />
    <a href="kontakt.php">Kontakt</a></font></h1>

Tilsier at du har satt menyen din innenfor h1-elementet. Noe som er veldig galt mtp. struktur og semantikk.

 

 

<ul id="meny">
    <li><a href="index.php">Startside</a></li>
    <li><a href="ommeg.php">Om meg</a></li>
    <li><a href="blogg.php">Blogg</a></li>
    <li><a href="mittarbeid.php">Mitt arbeid</a></li>
    <li><a href="lenker.php">Lenker </a></li>
    <li><a href="kontakt.php">Kontakt</a></li>
</ul>

 

ul#meny {
 font-family: "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
 list-style: none;
}

 

----------------------

 

Arve har skrevet en liten innføring til generell semantikk, jeg vil absolutt anbefale deg at du leser igjennom denne og prøver å forstå hva den forteller.

Lenke til kommentar
PoleCat

PoleCat

Skrevet
Skrevet (endret)

For det første krever XHTML at du lukker taggene.

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

blir til

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


<body bgcolor="#B8DDAE">

^^ Setter du i CSS.

body {
 background: #B8DDAE;
}

 

Og så videre. Validatoren sier ganske klart fra om hva som er feil.

Endret av PoleCat
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å
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...