Notifikationer

Markér alle som læst Log ud

itmouse Nybegynder

27. september 2006 - 18:50 Der er 8 kommentarer og
1 løsning

Tekstboks flytter sig

Har lige kastet mig lidt over CSS programmering. Men det driller, er ikke lige den stiveste i det.

Mit problem er, at jeg har lavet en tekstboks, som jeg har positioneret via CSS, men når jeg previewer den i min mozilla eller explorer, så har boksen rykket sig til et helt andet sted... Kan jeg ikke låse den fast på en eller anden måde?

Kanon takker

Synes godt om

lassemelbye Nybegynder

27. september 2006 - 18:56 #1

Du burde sende noget kode

Synes godt om

itmouse Nybegynder

27. september 2006 - 19:00 #2

Det er mit stylesheet, vil ganske enkelt bare have en tekstboks, som "sidder fast" det rigtige sted og ikke forskubber sig.

#h1 {
font-style: verdana;
font-size: 12pt;
color: #9DD2FF;
background-color: #FFFFFF;
position-left: 20%;
position-top: 50%;
width: 20%;
height: 20%;

border-top-width: thin;
border-top-style: solid;
border-top-color: #FFBF14;

border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #FFBF14;

border-right-width: thin;
border-right-style: solid;
border-right-color: #FFBF14;

border-left-width: thin;
border-left-style: solid;
border-left-color: #FFBF14;
}

Synes godt om

mclemens Nybegynder

27. september 2006 - 19:15 #3

position-left: 20%;
position-top: 50%;

->

left: 20%;
top: 50%;

og position:absolute; / position:relative;
(position:fixed; understøttes fra IE 7)

Synes godt om

mclemens Nybegynder

27. september 2006 - 19:20 #4

Overvej
border: thin solid #FFBF14;
istedet for de 12 andre linjer

Synes godt om

mclemens Nybegynder

27. september 2006 - 19:23 #5

((( font defineringen kan også forkortes:
font-style: verdana;
font-size: 12pt;
->
font: 12pt verdana,sans-serif;

,sans-serif for at angive en alternativ
font såfremt verdana ikke er tilgængelig
)))

Synes godt om

itmouse Nybegynder

28. september 2006 - 15:47 #6

Ok tak for de detaljeret rettelser, men mit probelm er stadig ikke løst:( Den tekstboks som bliver oprettet med noget tekst i forskubber sig stadig.
Jeg har på fornemmelsen, at det er en simpelt fejl jeg har lavet. Har bare ikke nogen anelse om hvad det skulle være.

Mit default.html dokument ser således ud:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>
<body>

<div>
<h1 id="h1">Hej med dig</h1>
</div>

<p></p>

</body>

</html>

Synes godt om

mclemens Nybegynder

28. september 2006 - 16:05 #7

html,body {margin:0px;padding:0px;height:100%;}

h1 {margin:0px;}

#h1 {
font: 12pt verdana,sans-serif;

color: #9DD2FF;
background-color: #FFFFFF;

position:absolute;
left: 20%;
top: 50%;

width: 20%;
height: 20%;

border: thin solid #FFBF14;

}

og:

<!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"><link rel="stylesheet" href="stylesheet.css" type="text/css"><title>Ingen titel</title>

</head>
<body>

<div>
<h1 id="h1">Hej med dig</h1>
</div>

<p></p>

</body>

</html>

( måske også en p {margin:0px;} i css - f.eks.
sammen med h1'eren: h1,p {margin:0px;} )

... Husk en doctype foran html så IE overholder css - og en ordentlig charset

og husk: <link rel="stylesheet" href="stylesheet.css" type="text/css" /> ved xhtml

<link rel="stylesheet" href="stylesheet.css" type="text/css"> ved html

Synes godt om

itmouse Nybegynder

07. april 2007 - 11:45 #8

Bare smid et svar:)

Synes godt om

itmouse Nybegynder

03. januar 2008 - 10:03 #9

lukker

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS