Søg
Avatar billede manon Nybegynder
03. april 2001 - 01:44 Der er 16 kommentarer og
3 løsninger

Tekst i layers - placering? (margin)

Hej Eksperter
Jeg ved ikke om jeg formulere det korrekt, men jeg håber i fatter hvor jeg vil hen og hvilken hjælp jeg ønsker ;-)

På en almindelig html side har man jo top, side mm. margin. Dvs man kan bestemme hvor teksten skal placeres.

Hvordan gøres så det i et layer???

Eks. har jeg denne layers kode:

<div id=\"menuemner\" style=\"position:absolute; width:95; height:170; z-index:4; background-color: #009900; layer-background-color: #009900; border: 0px none #000000; left: 200; top: 115; visibility: hidden\">
<br>
<a href=\"/.html\" onFocus=\"this.blur();\">denne tekst skal være nogle pixel fra layerkanten!!</a>
<br>
<a href=\"/.html\" onFocus=\"this.blur();\">denne tekst skal være nogle pixel fra layerkanten!!</a>
<br>
<a href=\"/.html\" onFocus=\"this.blur();\">denne tekst skal være nogle pixel fra layerkanten!!</a>
<br>
<a href=\"/.html\" onFocus=\"this.blur();\">denne tekst skal være nogle pixel fra layerkanten!!</a>
<br>
<a href=\"#\" onFocus=\"this.blur();\"></a>
<a href=\"/.html\" onFocus=\"this.blur();\">denne tekst skal være nogle pixel fra layerkanten!!</a>
<br>
<br>
<br>
<a href=\"/.html\" onFocus=\"this.blur();\">denne tekst skal være nogle pixel fra layerkanten!!</a>
<br>
<a href=\"/.html\" onFocus=\"this.blur();\">denne tekst skal være nogle pixel fra layerkanten!!</a>
</div>

Hvordan skal det se ud ????

\\manon
Avatar billede tdaugaard Nybegynder
03. april 2001 - 01:46 #1
sådan noget her ?

<a href=\"/.html\" onFocus=\"this.blur();\" style=\"left: 2px; top: 2px;\">
Avatar billede parazite Nybegynder
03. april 2001 - 01:48 #2
Den nemme:
<table width=\"100%\" cellspacing=\"5\" cellpadding=\"3\">
<tr>
<td>Tekst der er nogle pixels fra kanten</td>
</tr>
</table>
Avatar billede tdaugaard Nybegynder
03. april 2001 - 01:49 #3
parazite:> hvori lå det nemme ? *g*
Avatar billede parazite Nybegynder
03. april 2001 - 01:51 #4
tdaugaard : At hvis man vil rette afstanden, så retter man ET sted... *G*
Avatar billede manon Nybegynder
03. april 2001 - 01:56 #5
parazite >>
duer ikk´ - vi snakker ikke tabel, men et layer - ikke fordi jeg har meget forstand på det, men dit script virker ikke :-(
Avatar billede parazite Nybegynder
03. april 2001 - 01:57 #6
manon : Det virker hvis du smider det ind i dit layer, og smider teksten der skal være x antal pixel fra kanten ind i <td>\'en.
Avatar billede tdaugaard Nybegynder
03. april 2001 - 01:58 #7
nååå .. jeg troede du ville lave den smøre der 1x pr. tekst blok..
Avatar billede parazite Nybegynder
03. april 2001 - 02:01 #8
tdaugaard : No way zq da! :o)
Avatar billede manon Nybegynder
03. april 2001 - 02:06 #9
thomas >> desværre, er ej en løsning.

Parazite >> ja, beklager at jeg lige var lidt hurtigt på aftrækkeren, det kan lade sig gøre at indsætte en tabel, men gud hvor er det besværlig.
Avatar billede parazite Nybegynder
03. april 2001 - 02:08 #10
manon : Livet er ikke let, programmering heller ej. Det er det herlige ved det hele - tænk hvis det ikke var en udfordring... sad du så her? :o)
Avatar billede manon Nybegynder
03. april 2001 - 02:13 #11
parazite >> jeg vil gerne give dig mine point, men jeg er stadig lidt skeptisk.
Jeg må lige konsultere min programerings guru og høre ham om det er rigtigt dette her.
Hvis du har ret giver jeg en lille bonus i hatten *s*
Avatar billede parazite Nybegynder
03. april 2001 - 02:16 #12
Ellers er der da den sidste løsning:
<br>
&nbsp;<a href=\"/.html\" onFocus=\"this.blur();\">denne tekst skal være nogle pixel fra layerkanten!!</a>
<br>
&nbsp;<a href=\"/.html\" onFocus=\"this.blur();\">denne tekst skal være nogle pixel fra layerkanten!!</a>
<br>
&nbsp;<a href=\"/.html\" onFocus=\"this.blur();\">denne tekst skal være nogle pixel fra layerkanten!!</a>
<br>
&nbsp;<a href=\"/.html\" onFocus=\"this.blur();\">denne tekst skal være nogle pixel fra layerkanten!!</a>
<br>
&nbsp;<a href=\"#\" onFocus=\"this.blur();\"></a>
&nbsp;<a href=\"/.html\" onFocus=\"this.blur();\">denne tekst skal være nogle pixel fra layerkanten!!</a>
<br>
<br>
<br>
&nbsp;<a href=\"/.html\" onFocus=\"this.blur();\">denne tekst skal være nogle pixel fra layerkanten!!</a>
<br>
&nbsp;<a href=\"/.html\" onFocus=\"this.blur();\">denne tekst skal være nogle pixel fra layerkanten!!</a>

Avatar billede umle-keera Nybegynder
03. april 2001 - 04:57 #13
Her er et udklip med alle unødvendige ting skåret fra. Den er fra min egen side:

<-------------------->
<html>
<head>
<style>
#baggrund{position:absolute;top:0;left:0;z-index:0;}
#menuramme{position:absolute;top:242;left:20;z-index:1;}
#menu{position:absolute;top:250;left:32;z-index:2;}
#chart{position:absolute;top:455;left:33;z-index:2;}
#opdateret{position:absolute;top:510;left:35;z-index:2;}
</style>
</head>

<body>

<div id=\"baggrund\">
</div>

<div id=\"menuramme\">
</div>

<div id=\"menu\">
</div>

<div id=\"chart\">
</div>

<div id=\"opdateret\">
</div>

</body>
</html>
<-------------------->

Som du kan se har jeg flere foskellige lag med forskallige navne. Jeg har så bare flyttet alle positionsangivelser og andre atributter op i toppen for at gøre det nemmere for mig selv at ændre i dem. Men du kan også sagtens angive position i selve <div> koden. Pointen er at du skal definere lagets eksakte position i pixels fra venstre kant og fra toppen. Det fremgår vel tydeligt af vedlagte kode.

den specifikke side er http://www.umle.dk/menu.htm hvis du vil se koden brugt mere nyttigt end her.
Og det hele i sammenhæng: http://www.umle.dk

Fumle
Avatar billede olebole Juniormester
03. april 2001 - 09:33 #14
<ole>

<div style=\"margin-top:10px; margin-bottom:20px; margin-left:5px; margin-right:5px\">Her er teksten</div>

/mvh
</bole>
Avatar billede manon Nybegynder
03. april 2001 - 11:49 #15
Olebole >>
Hvordan vil du implementere det i denne streng?

<div id=\"menuemner3\" style=\"position:absolute; width:95; height:120; z-index:7; background-color: #009900; layer-background-color: #009900; border: 1px none #000000; left: 469px; top: 115px; visibility: hidden\">

Skulle den så se sådan ud her:

<div id=\"menuemner3\" style=\"position:absolute; width:95; height:120; z-index:7; background-color: #009900; layer-background-color: #009900; border: 1px none #000000; left: 469px; top: 115px; visibility: hidden\" style=\"margin-top:10px; margin-bottom:20px; margin-left:5px; margin-right:5px\">

eller sådan her:

<div id=\"menuemner3\" style=\"margin-top:10px; margin-bottom:20px; margin-left:5px; margin-right:5px position:absolute; width:95; height:120; z-index:7; background-color: #009900; layer-background-color: #009900; border: 1px none #000000; left: 469px; top: 115px; visibility: hidden\">

For nu har jeg næsten prøvet alt, men det ser ikke ud til at hjælpe :-)
Avatar billede olebole Juniormester
03. april 2001 - 12:06 #16
Den sidste, men husk semikolon før \'position\' :)
/mvh
Avatar billede manon Nybegynder
03. april 2001 - 22:42 #17
Olebole >>

Det ser ikke ud til at virke, jeg bliver vel nok nød til at bruge tabels, det kan jeg finde ud af *s*

<div id=\"menuemner4\" style=\"margin-top:5px; margin-bottom:5px; margin-left:25px; margin-right:25px; position:absolute; width:106px; height:132px; z-index:7; background-color: #009900; layer-background-color: #009900; border: 1px none #000000; left: 573px; top: 103px; visibility: hidden\">
Avatar billede umle-keera Nybegynder
04. april 2001 - 15:33 #18
Blev jeg helt overset???

hvis du lige giver mig en url så kan jeg skam hurtigt se hvad det er der går galt. Det er højst sandssynlig fordi du angiver alt for mange ting til dit layer. Jeg angiver som regel udelukkende dets position, da det oftest kun er mindre ting som ikke varierer i bredden man placere med layers.

Bruges jo mest til at layoute statiske ting...

Men tag lige og se op på mit tidligere svar.

Fumle
Avatar billede manon Nybegynder
29. april 2001 - 03:53 #19
Spm. var opr. til 30 - nu er det sat til 40.

Parazite > Tak for din hjælp, men jeg bruger noget helt andet nu. Som tak for dit forsøg får du 5 point - ikke meget, men lidt har også godt.

Umle-keera> det samme gælder for dig.

Olebole > Du har fået det til at virke - thanx


lukker spm.
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
16/1013:20 Lotus Approach Af Carsten i Andet software
15/1015:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
11/1013:35 Bruger på Win11 Af lurup i Browsere
White papers
Flere white papers »