17. marts 2002 - 12:47Der er
42 kommentarer og 2 løsninger
centrering i css
Jeg har lavet et style sheet med fire billeder i hver sit hjørne på layer1,og vil nu gerne placere et billede i midten på layer2. Men jeg vil gerne positionere billedet, så det sidder i midten ligegyldigt hvilken fremvisning/størrelse folk ser siden i. Hvis jeg bruger left: 50% og top: 50%, så positioneres billedet jo efter øverste venstre hjørne og ikke billedets midte. Håber spørgsmålet er uddybende nok, og at der er en der kan hjælpe mig. MVH Deedi
Der bliver investeret massivt i AI. Teknologien er mere tilgængelig end nogensinde, og ambitionerne er høje. Alligevel oplever mange virksomheder, at resultaterne udebliver.
Hmm pelkjaer, begge de eksempler er tekst centreret. Men jeg skal have et billede lagt ovenpå de andre billeder og billedet i lag2 lagt i midten. Det synes jeg ikke helt jeg kan finde ud af, ud fra de to eksempler du giver.
Takker for svaret Pelkjaer, men den centrerer stadig efter billedets øverste venstre hjørne og ikke billedets midte, som gerne skulle være midt på siden.
Jeg har skrevet sådan her i min kode #butik { text-align: center; vertical-align: middle; z-index: 2;} Så den burde da placere det lige midt på siden ovenpå de andre billeder, ikke? Øhhh forresten, så er det første gang jeg bruger denne site, men hvis jeg skal give mine point til dig, skal du så ikke give det som svar og ikke som kommentar?
Selvom jeg giver baggrundsbilledet z-index: 2 så lægger den alligevel billedet bagest pelkjaer?????? Gør jeg noget galt?#butik { background-image: url(images/menminus.gif); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; z-index: 2; } Jeg kopierede bare din tekst og udskiftede div2 og satte z-index ind.
Når jeg tester her, så laver jeg et layer med "1" som z-index og sider et billede ind i det.
Derefter laver jeg et layer til der hedder div2 og placerer der ovenpå det første. Jeg giver det et bg med ovenståede kode. Og z-index'et som er "2" gives her <div id="div2" z-index:2"></div>
pelkjaer, kan jeg delvis acceptere dit svar? For jeg mener da, du har løst halvdelen af mit problem med text-align? Så du fortjener da halvdelen af de lovede 60 point. *SS*
jeg må vist bare fortælle dig at jeg er en lus på en loppe *ggg* jeg er bestemt ikke nogen kodehaj, og forstår nu at jeg slet ikke er inde i html'n :( bedst som man troede man havde fattet noget af det *ssss* iørigt flot design på den sidste af de to :))
Fat mod :) -hvis du har lidt kendskab (som du jo har hvis du koder i homesite) er det ikke så vanskeligt at validere sin html. Der er blot nogle få ting man altid skal huske.
jepper .... men hvad forstår du helt nøjagtigt med at "validere sin html" :) og p.t. har jeg ikke engang homesite, sidder med notesbook :( men det går da fremad :))
At "validere sin html" er at teste om ens html overholder den standard man koder efter (fx. html 4.01 eller xhtml 1.0). Og det kan w3's validator fortælle dig.
Hvis du koder efter html 4.01 skal dit dokuments start hedde: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
takker - var inde og kigge på den, men det er kun gratis til privat og den site jeg er ved at lave er ikke privat, så øh :)) jeg er også blevet lovet homesite .... men det er jo ikke altid det går så hurtigt. men nu vil jeg lade dig i fred - tusind tak for din tid :)) lotten
Jeg takker for hjælpen fra både Pelkjaer og oasen, jeg fik løst problemet horisontalt, men desværre kan jeg ikke få det til at virke verticalt. Kan godt være det bare er mig, der ikke forstår svarene ordentligt. Men jeg vælger at acceptere svarene og dele pointene lige mellem jer. Jeg håber løsningen dukker op på et andet tidspunkt, måske når jeg har lært noget mere selv *S* Derfor lukker jeg mit spørgsmål for denne gang.
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.
