Lord_Linus Skrevet 14. september 2004 Rapporter Del Skrevet 14. september 2004 (endret) Holder på med å lage en hjemmeside til lanet jeg skal holde. Har holdt på med å lært meg css, og klart å sette sammen siden ved hjelp av diver og css. Har lagt til noen linker, men disse fungerer ikke når jeg trykker på dem, muse pekeren forandrer seg helle ikke når jeg tar den over. Kan noen hjelpe meg? Her koden <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>the meeting,fra 15 oktober.</title> <style type="text/css"> <!-- .header { background-color: #FFFFFF; height: 150px; width: 800px; position: static; margin: 25px 100px 0px 150px; border-top: thin dotted #000000; border-right: thin dotted #000000; border-bottom: thin none #000000; border-left: thin dotted #000000; } .meny { background-color: #FFFFFF; height: 550px; width: 150px; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 150px; text-align: center; } .content { background-color: #FFFFFF; height: 550px; width: 648px; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: none; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; left: 150px; margin-top: -554px; margin-right: 0px; margin-bottom: 0px; margin-left: 304px; float: none; } .footer { background-color: #FFFFFF; height: 100px; width: 800px; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: none; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 150px; } head { background-attachment: fixed; background-image: url(design/bakgrunn.jpg); } body { background-image: url(design/bakgrunn.jpg); } .bilde { height: 150px; width: 800px; } --> </style> </head> <body> <div class="header" id="header"><img src="design/themeeting2%20copy.jpg" width="771" height="141" class="bilde"></div> <div class="meny" id="meny"> <p>Meny</p> <a href="partyinfo.php">partyinfo</a> <p><a href="index.php?s=news">news</a></p> <p><a href="index.php?s=regler">regler</a></p> <p><a href="index.php?s=compo">compo</a></p> <p><a href="index.php?s=contact">Kontakt oss</a></p> <p><a href="index.php?s=linker">linker</a></p> <p><a href="index.php?s=pakkeliste">pakkeliste</a></p> <p><a href="index.php?s=open">open</a></p> <p><a href="index.php?s=open">open</a></p> </div> <div class="content" id="content"> <?php error_reporting(0); $filnavn = $_GET['s']; if (!$filnavn) { $filnavn = 'news'; } $filendelse = '.php'; if (!eregi("^((.*)/)", $filnavn)) { include $filnavn . $filendelse; } else { include "404.php"; } ?> </div><div class="footer" id="footer">footer</div> </body> </html> Bruker dreamweaver(jeg vet!) og IE 6(skal bytte til firefox snart) Takk for all hjelp! Endret 14. september 2004 av Lord_Linus Siter Lenke til kommentar
Arve Systad Skrevet 14. september 2004 Rapporter Del Skrevet 14. september 2004 ka med å bytte ut border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; med dette: border: thin dotted #000; ? Var ikkje egentlig et svar på spørsmålet ditt, men det var iallefall relevant. Siter Lenke til kommentar
Marvil Skrevet 14. september 2004 Rapporter Del Skrevet 14. september 2004 For å ta noe helt annet; Er det ikke mulig å slå sammen ting i CSSen..? border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; til border-color: #000; for eksempel..? Siter Lenke til kommentar
_Paulsen_ Skrevet 14. september 2004 Rapporter Del Skrevet 14. september 2004 Er det ikke mulig å slå sammen ting i CSSen..? Så vidt det er meg bekjent, skal dette gå utmerket! Fungerer hvertfall for meg Siter Lenke til kommentar
PoleCat Skrevet 14. september 2004 Rapporter Del Skrevet 14. september 2004 (endret) Det som skjer, er at #content's margin legger seg "over" lenkene. Jeg vil heller anbefale flytende layout, så slipper du slikt som dette. Kodet litt for deg jeg. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Sidetittel</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wrap"> <h1>Lannavn</h1> <div id="menu"> <ul> <li><a href="index.php?s=news">news</a></li> <li><a href="index.php?s=regler">regler</a></li> <li><a href="index.php?s=compo">compo</a></li> <li><a href="index.php?s=contact">Kontakt oss</a></li> <li><a href="index.php?s=linker">linker</a></li> <li><a href="index.php?s=pakkeliste">pakkeliste</a></li> <li><a href="index.php?s=open">open</a></li> <li><a href="index.php?s=open">open</a></li> </ul> </div> <div id="content"></div> <div id="footer"></div> </div> </body> </html> * { margin: 0; padding: 0; } body { text-align: center: } div#wrap { width: 800px; margin: 40px auto; border: 1px dotted #000; text-align: left; } h1 { display: block; overflow: hidden; padding: 150px 0 0 0; height: 0 !important; height /**/ : 150px; background: #333 url("esign/themeeting2%20copy.jpg") no-repeat; } div#menu { height: 550px; width: 150px; border: 1px dotted #000; border-left: none; float: left; background: #ccc; } div#content { height: 550px; width: 648px; border: 1px dotted #000; border-left: none; border-right: none; float: left; background: #eee; } div#footer { height: 100px; clear: both; background: #333 } #menu ul { list-style: none; text-align: center; } #menu ul li { margin: 0 0 10px 0; } EDIT: Med forbehold om masse slurvefeil, men det funker iallefall. Endret 14. september 2004 av PoleCat Siter Lenke til kommentar
Lord_Linus Skrevet 14. september 2004 Forfatter Rapporter Del Skrevet 14. september 2004 Hva mener du egenlig med flytende layout? Prøvde koden din, fungere fint den.. Siter Lenke til kommentar
halvardm Skrevet 14. september 2004 Rapporter Del Skrevet 14. september 2004 Tror han mener at du når du skifter på css'en din så skjer det på alle sidene dine. I stedet for at du må skifte på alle sidene dine. "Da blir livet ditt så mye enklere"* * Tatt fra en reklame jeg hørte akkkurat nå Siter Lenke til kommentar
PoleCat Skrevet 14. september 2004 Rapporter Del Skrevet 14. september 2004 Skomaker: Nei, ikke akkurat, men det er sant det du sier også. Flytende layout: Ved hjelp av float-egenskapen. Siter Lenke til kommentar
Anbefalte innlegg
Bli med i samtalen
Du kan publisere innhold nå og registrere deg senere. Hvis du har en konto, logg inn nå for å poste med kontoen din.