CSS kyndig søges 28-07-05 11:42 : moltov 28-07-05 12:07 : Dennis85 28-07-05 12:13 : anetteogjesper 28-07-05 12:32 : moltov 28-07-05 12:34 : moltov 28-07-05 12:38 : Dennis85 28-07-05 12:40 : moltov 28-07-05 12:45 : Dennis85 28-07-05 13:19 : anetteogjesper 28-07-05 15:39 : molokyle 14-09-05 13:28 : molokyle 14-09-05 13:34 : molokyle 15-01-06 21:07 : anetteogjesper

CSS kyndig søges Fra : anetteogjesper Vist : 507 gange 119 point Dato : 28-07-05 11:39

Hej Vi skal have hjælp til at lave vores side om til ren html. Lige nu er den bygget op i frames. Den henter ting fra en database og det skal den jo blive ved med at gøre.. Vi vil gerne lave den i samarbejde med en der har forstand på det der... og vi vil gerne give noget til gengæld...helst gavekort til vores side eller bannerreklame m.m. Men skriv hvad du kan og giv gerne eksempler... Med venlig hilsen biXen www.5xx.dk

Kommentar Fra : moltov Dato : 28-07-05 11:42

Hej biXen Var du ikke med på Malka's kursus i CSS? Moltov

Kommentar Fra : Dennis85 Dato : 28-07-05 12:07

Nu er jeg ikke professionel, men kender da en del til CSS, HTML ( også databaser via PHP/MySql ) osv.. Hvis du sender mig en mail ( eller tilføjer mig på msn hvis du har det ), på adressen: maniactor85@hotmail.com og forklarer lidt nærmere om det kan vi måske finde ud af noget. Hvis du vil kigge lidt på det jeg har lavet kan du tage et kig på: Nuværende version: http://maniactor.frac.dk gl. version1: http://maniactor.frac.dk/old/ gl. version2: http://maniactor.frac.dk/old2/ ( hvor du evt kan kigge på portfolio ) Har desuden et nyt projekt under opsejling, men tys tys ... ( http://ddesigns.frac.dk ) Mvh Dennis85

Kommentar Fra : anetteogjesper Dato : 28-07-05 12:13

Moltov jeg kan godt grundlæggende css og har deltaget i kurser, men jeg ved ikke hvordan det fungerer med link og sådan... Dennis85 jeg skriver om lidt

Kommentar Fra : moltov Dato : 28-07-05 12:32

Dennis Hvad er det for en skrifttype du har brugt på den nuværende version?

Kommentar Fra : moltov Dato : 28-07-05 12:34

BiXen Hvis du vil have en samarbejdspartner til,, så er jeg da også med på den. (Og behøver ikke at få noget for det) Se evt. på www.moltov.dk (Der kan du kontakte mig via kontakt-->formular - Er lavet i CSS alt sammen) Moltov

Kommentar Fra : Dennis85 Dato : 28-07-05 12:38

moltov -> EN hemmelig en .. Ej pjat.. Den hedder Catholic Schoolgirl.. Bruger gerne ww.1001fonts.com

Kommentar Fra : moltov Dato : 28-07-05 12:40

Dennis -> Tak for en god side Er røget direkte ind i foretrukne Moltov

Kommentar Fra : Dennis85 Dato : 28-07-05 12:45

Hehe det var da så lidt.. Værsgod..

Kommentar Fra : anetteogjesper Dato : 28-07-05 13:19

Moltov har skrevet

Accepteret svar Fra : molokyle Modtaget 119 point Dato : 28-07-05 15:39

Ok. nu vil jeg også stryge om mig med links : VÆK med tabeller : 1.) http://webmaster.hephey.dk/guide/45/ 2.) http://www.keithjbrown.co.uk/vworks/design/design_2.shtml VÆK med frames : 1.) http://lists.evolt.org/archive/Week-of-Mon-20020225/104569.html 2.) http://www.useit.com/alertbox/styles_vs_frames.html ..og konsultér eksperterne : 1.) http://www.alistapart.com/ 2.) http://www.stunicholls.myby.co.uk/index.html 3.) http://www.meyerweb.com/eric/css/ ..og mig ..hvis der skulle komme et specifikt og relevant spørgsmål omkring CSS ..eller : http://webdesign101.dk/ ([hør] Hvisker... der spørger jeg selv ..hvis jeg er i tvivl ) </MOLOKYLE>

Kommentar Fra : molokyle Dato : 14-09-05 13:28

Nu medens jeg er her : Mit stylesheet : Kode <!-- body { background:#009999; font-family:Tahoma,Verdana,Arial,sans-serif; font-size:0.75em; } #validation {position:absolute;left:32px;top:8px;} img {border:0;} /* menu */ #menu {position:absolute;left:26px;top:80px;display:block;background:transparent;width:180px;} #menu div.menutitle {margin-top:-16px;} .xtop, .xbottom {display:block;background:transparent;font-size:1px;} .xb1, .xb2, .xb3, .xb4 {display:block;overflow:hidden;} .xb1, .xb2, .xb3 {height:1px;} .xb2, .xb3, .xb4 {background:#000099;border-left:1px solid #fff; border-right:1px solid #fff} .xb1 {margin:0 5px; background:#ffffff;} .xb2 {margin:0 3px; border-width:0 2px;} .xb3 {margin:0 2px;} .xb4 {height:2px; margin:0 1px;} #menu .menucontent { display:block; background:#000099; color:#c0c0c0; border-style:solid; border-color: #ffffff; border-width:0 1px; text-align:center; padding:16px; } /* itemup */ .itemup {background: transparent;} .itemup .top, .itemup .bottom {display:block; background:transparent; font-size:1px;} .itemup .b1, .itemup .b2, .itemup .b3, .itemup .b4, .itemup .b1b, .itemup .b2b, .itemup .b3b, .itemup .b4b {display:block; overflow:hidden;} .itemup .b1, .itemup .b2, .itemup .b3, .itemup .b1b, .itemup .b2b, .itemup .b3b {height:1px;} .itemup .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;} .itemup .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;} .itemup .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;} .itemup .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;} .itemup .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;} .itemup .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;} .itemup .b1 {margin:0 5px; background:#fff;} .itemup .b2, .itemup .b2b {margin:0 3px; border-width:0 2px;} .itemup .b3, .itemup .b3b {margin:0 2px;} .itemup .b4, .itemup .b4b {height:2px; margin:0 1px;} .itemup .b1b {margin:0 5px; background:#999;} .itemup .itemcontent { display:block; background:#ccc; color:#000000; border-left:1px solid #fff; border-right:1px solid #999; font-weight: bold; } a .itemup {text-decoration:none;} a .itemup {cursor:pointer;} a .itemup span.u {text-decoration:underline;} a:hover .itemup .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;} a:hover .itemup .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;} a:hover .itemup .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;} a:hover .itemup .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;} a:hover .itemup .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;} a:hover .itemup .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;} a:hover .itemup .b1 {margin:0 5px; background:#999;} a:hover .itemup .b1b {margin:0 5px; background:#fff;} a:hover .itemup .itemcontent { border-left:1px solid #999; border-right:1px solid #fff; } /* itemdown */ .itemdown {background: transparent;} .itemdown .top, .itemdown .bottom {display:block; background:transparent; font-size:1px;} .itemdown .b1, .itemdown .b2, .itemdown .b3, .itemdown .b4, .itemdown .b1b, .itemdown .b2b, .itemdown .b3b, .itemdown .b4b {display:block; overflow:hidden;} .itemdown .b1, .itemdown .b2, .itemdown .b3, .itemdown .b1b, .itemdown .b2b, .itemdown .b3b {height:1px;} .itemdown .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;} .itemdown .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;} .itemdown .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;} .itemdown .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;} .itemdown .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;} .itemdown .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;} .itemdown .b1 {margin:0 5px; background:#999;} .itemdown .b2, .itemdown .b2b {margin:0 3px; border-width:0 2px;} .itemdown .b3, .itemdown .b3b {margin:0 2px;} .itemdown .b4, .itemdown .b4b {height:2px; margin:0 1px;} .itemdown .b1b {margin:0 5px; background:#fff;} .itemdown .itemcontent { display:block; background:#ccc; color:#009999; border-left:1px solid #999; border-right:1px solid #fff; font-weight: bold; cursor:default; } --> .. og min XHTML 1.1 fil : Kode <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da"> <head> <title>Molokyle</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="shortcut icon" href="../ico/favicon.ico" /> <link rel="stylesheet" type="text/css" href="menu.css" /> <link rel="schema.dc" href="http://purl.org/metadata/dublin_core_elements" /> <meta name="Title" content="Molokyle" /> <meta name="Description" content="Hjemmeside" /> <meta name="Keywords" content="Molokyle" /> <meta name="Robots" content="ALL" /> <meta name="Revisit-after" content="7" /> <meta name="Author" content="Henrik Mortensen" /> <meta http-equiv="Reply-to" content="molo@pc.dk" /> <meta name="Copyright" content="Henrik Mortensen" /> <meta http-equiv="Content-language" content="dan" /> <meta name="Rating" content="General" /> <meta name="Generator" content="Henrik Mortensen" /> <meta name="ObjectType" content="Text" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta name="DC.Title" content="Molokyle" /> <meta name="DC.Description" content="Hjemmeside" /> <meta name="DC.Subject" content="Molokyle" /> <meta name="DC.Creator" content="Henrik Mortensen" /> <meta name="DC.Contributor" content="ingen" /> <meta name="DC.Rights" content="Henrik Mortensen" /> <meta name="DC.Identifier" content="http://frip.dk/molokyle/temp/" /> <meta name="DC.Publisher" content="Henrik Mortensen" /> <meta name="DC.Date" scheme="ISO8601" content="2005-05-01" /> <meta name="DC.Language" scheme="NISOZ39.50" content="dan" /> <meta name="DC.Type" content="Text" /> <meta name="DC.Format" scheme="MIME" content="text/html" /> </head> <body> <div id="validation"> <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="31" width="88" /></a><a href="http://jigsaw.w3.org/css-validator/validator?uri=referer"><img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" style="width:88px;height:31px" /></a> </div> <div id="menu"> <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b> <div class="menucontent"> <div class="menutitle"> <h3>Menu</h3> </div> <span class="itemdown"> <b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b> <span class="itemcontent"> Hjem </span> <b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b> </span> <br/> <a href="pureCSSaccessunder.html" accesskey="i" tabindex="1"> <span class="itemup"> <b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b> <span class="itemcontent"> Unders<span class="u">i</span>de </span> <b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b> </span> </a> <br/> <a href="http://www.dmi.dk/" accesskey="m" tabindex="2"> <span class="itemup"> <b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b> <span class="itemcontent"> D<span class="u">M</span>I </span> <b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b> </span> </a> <br/> <a href="http://www.tv2.dk/" accesskey="t" tabindex="3"> <span class="itemup"> <b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b> <span class="itemcontent"> <span class="u">T</span>v2 </span> <b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b> </span> </a> <br/> <a href="http://www.dr.dk/" accesskey="r" tabindex="4"> <span class="itemup"> <b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b> <span class="itemcontent"> D<span class="u">r</span> </span> <b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b> </span> </a> </div> <b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b> </div> </body> </html> ..og tilhørende 'underside' : Kode <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da"> <head> <title>Molokyle</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="shortcut icon" href="../ico/favicon.ico" /> <link rel="stylesheet" type="text/css" href="menu.css" /> <link rel="schema.dc" href="http://purl.org/metadata/dublin_core_elements" /> <meta name="Title" content="Molokyle" /> <meta name="Description" content="Hjemmeside" /> <meta name="Keywords" content="Molokyle" /> <meta name="Robots" content="ALL" /> <meta name="Revisit-after" content="7" /> <meta name="Author" content="Henrik Mortensen" /> <meta http-equiv="Reply-to" content="molo@pc.dk" /> <meta name="Copyright" content="Henrik Mortensen" /> <meta http-equiv="Content-language" content="dan" /> <meta name="Rating" content="General" /> <meta name="Generator" content="Henrik Mortensen" /> <meta name="ObjectType" content="Text" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta name="DC.Title" content="Molokyle" /> <meta name="DC.Description" content="Hjemmeside" /> <meta name="DC.Subject" content="Molokyle" /> <meta name="DC.Creator" content="Henrik Mortensen" /> <meta name="DC.Contributor" content="ingen" /> <meta name="DC.Rights" content="Henrik Mortensen" /> <meta name="DC.Identifier" content="http://frip.dk/molokyle/temp/" /> <meta name="DC.Publisher" content="Henrik Mortensen" /> <meta name="DC.Date" scheme="ISO8601" content="2005-05-01" /> <meta name="DC.Language" scheme="NISOZ39.50" content="dan" /> <meta name="DC.Type" content="Text" /> <meta name="DC.Format" scheme="MIME" content="text/html" /> </head> <body> <div id="validation"> <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="31" width="88" /></a><a href="http://jigsaw.w3.org/css-validator/validator?uri=referer"><img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" style="width:88px;height:31px" /></a> </div> <div id="menu"> <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b> <div class="menucontent"> <div class="menutitle"> <h3>Menu</h3> </div> <a href="pureCSSaccessmenu.html" accesskey="e" tabindex="1"> <span class="itemup"> <b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b> <span class="itemcontent"> Hj<span class="u">e</span>m </span> <b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b> </span> </a> <br/> <span class="itemdown"> <b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b> <span class="itemcontent"> Underside </span> <b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b> </span> <br/> <a href="http://www.dmi.dk/" accesskey="m" tabindex="2"> <span class="itemup"> <b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b> <span class="itemcontent"> D<span class="u">M</span>I </span> <b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b> </span> </a> <br/> <a href="http://www.tv2.dk/" accesskey="t" tabindex="3"> <span class="itemup"> <b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b> <span class="itemcontent"> <span class="u">T</span>v2 </span> <b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b> </span> </a> <br/> <a href="http://www.dr.dk/" accesskey="r" tabindex="4"> <span class="itemup"> <b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b> <span class="itemcontent"> D<span class="u">r</span> </span> <b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b> </span> </a> </div> <b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b> </div> </body> </html> Hvorfor virker :hover ikke på anchor markøren <a> i IE ??? Jeg ved at pseudo CSS elementer normalt kun virker i Safari, Opera og Firefox (..og 'skidtet' virker selvfølgelig uden problenmer dér), men <a> markørens pseudoklasser skulle/burde være implementeret i IE6 ! Hva' gør jeg galt ? [hør] Hvisker..... det er et retorisk spørgsmål ...for jeg tror ikke rigtigt der er nogen der ka' svare mig ? </MOLOKYLE>

Kommentar Fra : molokyle Dato : 14-09-05 13:34

Ps. Stylesheet'et skal gemmes som : menu.css 1. XHTML fil som : pureCSSmenu.html 2. XHTML fil som : pureCSSunder.html ..og !DOCTYPEN går der ..som sædvanlig ged i, hér på kandu.dk </MOLOKYLE>

Godkendelse af svar Fra : anetteogjesper Dato : 15-01-06 21:07

Tak for svaret molokyle.

Du har følgende muligheder

Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål. Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.