Avatar billede Nummee Mester
22. oktober 2009 - 07:26 Der er 9 kommentarer og
1 løsning

Position af billeder 1

http://www.clandisa.dk/testside/

Nu har jeg langt om længe fået mit login område til at stå sammen med mit logo, men login knappen driller den skulle gerne stå centeret vandret og lodret i højre side i det tomme område ved siden af teksten, det samme problem har jeg med mine checkboxes til at stå under hinanden.

En sidste ting jeg har endnu ikke har fået kringlet er IE og CSS hacks og har fundet ud af at min side laver fejl i IE7 hvordan retter jeg dette, fandt engang en online css creator hvor man intastede sine data og så rettede den de fejl der var i de forskellige IE versioner i css koden.
Avatar billede zips Juniormester
22. oktober 2009 - 11:16 #1
Er der nogen særlig grund til du bruge div til din login boks, table er jo beregnet til tabulær data som en login boks er.
Avatar billede ebusiness Nybegynder
22. oktober 2009 - 11:18 #2
Der er ikke support før du har fikset din side til at overholde W3C standarden, specielt mangler du et par > hvilket kan give mange sjove resultater.
Avatar billede ebusiness Nybegynder
22. oktober 2009 - 11:23 #3
Og stop med at bruge margin til at placere elementer, brug position:absolute og top,left,right,bottom til at placere elementer eksakt.

Husk at parent elementet altid skal være sat med enten position:absolute eller position:relative for at position:absolute virker.
Avatar billede Nummee Mester
22. oktober 2009 - 21:23 #4
Grunden er at jeg har fået den opfattelse/måske misforstået at man skal bruge css istedet for tabeller, tr og td. Jeg er bestemt ingen haj hverken til det ene eller andet men jeg jeg giver det da et forsøg.

Min side overholdte W3C standarden før jeg begyndte at ændre mine tabeller til div/span, ændret også doctype efter råd fra sidste emne jeg skrev men har efterfølgende fundet ud af at der var problemer i visse IE versioner med hvordan siden blev vist, dertil mangler jeg de rigtige afslutninger < /> i min kode dette ved jeg godt men trode ikke det betød det så meget lige nu, da jeg ville have mine boxe på plads først, men det retter jeg da selvførlig.

position:absolute, position::relative;, top, left, right, bottom osv. kæmper som en gal med alle de komandoer det er jo en jungle at få det hele til at hænge sammen men det er jo det der gør det hele sjovt at se resultatet når man er færdig, og så er det jo rart at man kan få lidt expert hjælp fra gutterne nok den eneste måde jeg måske fanger css på ikke at folk skal lave min side det er jeg ikke interseret i men den hjælp jeg får er jeg sku glad for og på den måde kan jeg måske finde ud af det hen ad vejen :-)
Avatar billede ebusiness Nybegynder
22. oktober 2009 - 21:55 #5
Der er ikke rigtigt nogen god grund til ikke at bruge tabeller. Nogle gange er det lettest at sætte ting op med tabeller, andre gange er det lettest uden, og ofte må det bare siges at være et spørgsmål om præference.

Hvis du vil have ting til at stå præcis hvor du vil have dem, ikke ændre størrelse efter indhold osv. så er position:absolute et godt valg.

Med hensyn til manglende >, du havde bare udeladt to stk. > så der stod et par halve tags. Du skriver HTML 4.01, så skal du ikke bruge /> afslutninger, det er kun i XHTML.
Avatar billede Nummee Mester
23. oktober 2009 - 00:29 #6
Ok tak for oplysningen, kan du så fortælle mig hvorfor mit login område står uden for logoet i IE7 selv når jeg bruger tabeller, i IE8 står den fino ?
Avatar billede ebusiness Nybegynder
23. oktober 2009 - 00:42 #7
Jeg ser to fejl.

position:absolute bør du altid bruge sammen enten top eller bottom og enten left eller right. I din kode skal disse erstatte margin erklæringerne.

Dertil, parent elementet til et position:absolute element skal også have en erklæret position, du skal bare sætte position:relative i logobox.
Avatar billede Nummee Mester
23. oktober 2009 - 00:47 #8
Lol tror vist jeg fattede hvad du mente efter lidt forsøg tak for hjælpen jeg er ikke så hurtig :-)
Avatar billede ebusiness Nybegynder
23. oktober 2009 - 12:14 #9
Det er stadigvæk galt, du mangler position:relative i logobox.
Avatar billede Nummee Mester
24. oktober 2009 - 22:52 #10
mystisk, for min kode ser sådan her ud

#logobox {
position:relative
width:800px;
margin: 0px auto 0px;
background-color:#FFFFFF;
background-image: url("");
background-repeat: no-repeat;
}

Når jeg trykker på F12 kan jeg heller ikke se position:relative men den står i mit stylesheet
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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