Avatar billede srofhest Nybegynder
25. juni 2011 - 14:15 Der er 9 kommentarer

css newbie problem.

Hej, tag et kig her http://www.lederkonferencen.dk/?index=tilmelding

Det kunne godt se bedre ud, hvad er det jeg gør galt?

På forhånd tak for hjælpen.
Avatar billede heinzdmx Nybegynder
25. juni 2011 - 14:26 #1
Først og fremmest, hvilken browser bruger du?

I Chrome bliver din menu i hvertfald sat under din form og ikke til højre (eller venstre som din style siger den skal):

<div id="Right">
        <img src="img/vigtige praktiske.png" width="128px" height="26px" alt="" /><br />
        <div style="float: left;">


Det er dumt at blande inline med <style>-tags, det bliver meget forvirrende.

Desuden bør dine styles beskrive det de gør og ikke som her:

#Left { ...; float: left; ...; }
#Right { ...; float: left; ...; }



Right bliver til left ???
Avatar billede keysersoze Guru
25. juni 2011 - 14:28 #2
Det kunne også være en rigtig god idé at kigge på denne artikel; http://www.web-dev.dk/post/DOCTYPE-og-valid-kode-ens-udseende-i-Internet-Explorer-og-FireFox.aspx
Avatar billede heinzdmx Nybegynder
25. juni 2011 - 14:35 #3
som keysersoze linker til, så er en manglende doctype (og i dette tilfælde en manglende <html> start-tag) også en mulighed for at det går galt
Avatar billede srofhest Nybegynder
25. juni 2011 - 14:50 #4
#Left { ...; float: left; ...; }
#Right { ...; float: left; ...; }

har jeg til at være i .css filen der er tilknyttet.

jeg bruger chrome, men det er det samme i alle browsere.

Har sat

<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">

ind i toppen, da jeg så det manglede.
Avatar billede srofhest Nybegynder
25. juni 2011 - 14:52 #5
oh, læste forkert. ja de burde nok have andre navne.
Avatar billede heinzdmx Nybegynder
25. juni 2011 - 15:04 #6
Din doctype er kommenteret ud, det bør den ikke være.
Avatar billede srofhest Nybegynder
25. juni 2011 - 15:54 #7
yup, sad lige og kommenterede den ud/ind for at se hvilke forskelle det gjorde i de forskellige browsere.
Avatar billede heinzdmx Nybegynder
25. juni 2011 - 16:38 #8
Det går da fremad rent markup-mæssigt, men der er stadig nogle fejl:
http://validator.w3.org/check?verbose=1&uri=http://www.lederkonferencen.dk/?index=tilmelding

Omkring dit <embed> så er det ikke en HTML standard, og anbefalingen er at du i stedet kun bruger <object>

Se f.eks:
http://www.alistapart.com/articles/flashsatay
Avatar billede srofhest Nybegynder
26. juni 2011 - 23:43 #9
Tak for hjælpen alle. Er ved at have lidt styr på et.
Har ændret alle mine <div class="Clear" /> til
<div class="Clear" ></div>

Det ændrede det så det ser ud som det skal. troede ellers at jeg godt kunne bruge shorttags.
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
Kurser inden for grundlæggende programmering

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