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

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?!

huf

huf

Skrevet
Skrevet

Luzifer: kødd?

 

Uansett, første bud er strukturering. Når du har laget til koden din selv, og gjort den lesbar, så kan du spørre igjen. Det der er håpløst rotete. Sorry mac.

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.

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.

Abruzzi

Abruzzi

Skrevet
  • Forfatter
Skrevet

Tusen takk PoleCat. Har rettet i det som du har kommet med nå men det er ikke store forskjellen da bortsett fra at koden er ryddet litt opp i.

 

www.blogg.kongespill.com

Abruzzi

Abruzzi

Skrevet
  • Forfatter
Skrevet
Du har verken satt margin: 0 auto/text-align: left på #main eller text-align: center på body. Gjør det. :thumbup:

Nydelig. Tusen takk. Nå trenger jeg bare å få satt inn litt grafikk.

 

Men er det flere kode feil jeg kan rette opp i?

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
Abruzzi

Abruzzi

Skrevet
  • Forfatter
Skrevet

Har rettet opp i de to tingene der nå. Men har prøvd meg frem med det andre med mindre hell.

 

Det blir enten flere feil eller en mindre når jeg prøver å rette på noe. Også Får jeg melding om at <head> står feil sted og sånn men hvor skal det være da?

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
×
×
  • Opprett ny...