CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede vanggaard Nybegynder
08. juni 2000 - 23:12 Der er 8 kommentarer og
1 løsning

Hjælp til <style type="text/css">

P.t. bruger jeg følgende metode til at dynamisk at vise noget tekst på skærmen, men problemet er at jeg skal skriv x,y koordinater, jeg vil meget gerne hvis man kunne skrive at den altid skulle være midt på skærmen.
Kan man det ?

- Vanggaard

Koden:
<style type="text/css">
.lag  {position:absolute;
      left: 30;
      top: 200;
      width: 600;
      height: 200;
      z-index:3;

      color: #8E1524;
      font-family: verdana, arial, helvetica;
      font-size: 28px;
      }

</style>
Avatar billede mipe1 Nybegynder
09. juni 2000 - 00:15 #1
Har du kigget på javascripts?
Der er en metode hvorpå man kan få bredden og højden
af vinduet og derudfra beregne koordinaterne til en centreret position.

Jeg ved ikke om du i tilfældet er interesseret i at bruge javascript, for så kan jeg da godt se om jeg lige kan finde metoden hvormed dette kan gøres.

/mic
Avatar billede exposure Nybegynder
09. juni 2000 - 01:01 #2
Den nemme måde er at sætte:
left: 50%;
top: 50%;

Det eneste problem er at det er fra venstre-upper-hjørne, men vidst det ikke er så meget så kan det godt gå an
Avatar billede exposure Nybegynder
09. juni 2000 - 01:01 #3
Det glipper lige nogen gange
Avatar billede exposure Nybegynder
09. juni 2000 - 01:02 #4
Du kunne f.eks. også søtte dem til left: 49%; top: 49;
Avatar billede olebole Juniormester
09. juni 2000 - 06:36 #5
<ole>
Skriv dette EFTER din <body> tag. Det viser dig, hvordan du finder bredde og højde på vinduet og anbringer et lag i forhold til disse mål - her er kun vist den vandrette anbringelse...resten burde du nok selv kunne finde ud af ;-)

<script language="JavaScript"><!--
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

var winW = (ns4)? window.innerWidth-16 : document.body.offsetWidth-20
var winH = (ns4)? window.innerHeight : document.body.offsetHeight

astr = "<style type='text/css'>\n";
astr += ".lag{position:absolute; left:"+(winW-600)/2+"px; width:600px}\n";
astr += "</style>";
document.write(astr);
// -->
</script>

/Vh
</bole>
Avatar billede 13th-fox Nybegynder
11. juni 2000 - 23:53 #6
.lag  {position:relative;

Det skulle løse problemet :)

- Har ikke testet! -
Avatar billede olebole Juniormester
12. juni 2000 - 08:41 #7
13th-fox >> Man bør været meget forsigtig med brugen af relativt placerede lag. Der er mange ting, man kan med lag - bare ikke med relative...og NS fucker dem næsten konsekvent op.
Derfor er den elegante løsning at lave dem absolutte og så placere dem rigtigt med koordinater.
Avatar billede vanggaard Nybegynder
12. juni 2000 - 08:45 #8
Alt tyder på at der et Olebole's svar "man skal" bruge det virker både i NS og IE, så det bruger jeg.
- Vanggaard
Avatar billede olebole Juniormester
12. juni 2000 - 09:12 #9
Jeg skal lige for overblikkets skyld nævne, at de 16 henholdsvis 20 pixels, der bliver fratrukket bredden, er den plads, der bliver afsat til scrollbar. Den er lidt forskellig fra browser til browser.
Du kan læse mere om X-browser DHTML hos Dan Steinman på:
    http://www.dansteinman.com/dynduo/
...her ligger én af de fedeste tutorials om emnet.
/Vh
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
Variabler som ikke virker Af Frits Jensen i HTML 2 30/10/202409:37 30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 2 29/09/202410:58 30/09/202412:04
Bredde på div elementer Af dane022 i HTML 2 16/02/202408:29 20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML 2 21/12/202322:51 22/12/202308:03
validering <input tlfnr. Af slein55 i HTML 5 15/10/202311:43 15/10/202314:51
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
I dag 17:57 Fortnite virker ikke Af sof_n08 i PC
I dag 12:59 23H2 til 24H2 Af valby i Windows
I dag 12:32 Yahoo logo på browserlinjen Af nu_igen i Browsere
I går 07:53 Kan jeg lave en "søg og erstat" i databasen Af a3-seo.dk i MySQL
27/1211:30 Ændre det aller første billed, man ser ? Før man skriver koden (Windows 11) ... Af Ikke-ekspert i Windows
White papers
Flere white papers »


Premium
Teaser billede
Ny leverandør har netop underskrevet kontrakt med Kombit om kæmpe dansk bibliotekssystem
Læs mere »
M365 Copilot kan blive hurtigere og billigere: Microsoft åbner for alternativer til OpenAI
Ny europæiske supercomputer med 14.000 GPU’er sætter danske Gefion til vægs: Skal bruges til at udvinde kulsort energi
Nye skatteregler for kryptovaluta udskydes: Vil påvirke 300.000 danskere
Se alle »
Computerworld
Teaser billede
Til næste år kommer iPhone 17 – og ifølge rygtestrømmene vil den byde på tre nyheder
Læs mere »
Her er dommen: Region Syddanmark skal betale historisk stor bøde for grove overtrædelser af GDPR
Test: Endelig en videodørklokke i smart indpakning og performance, der matcher
En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed
Se alle »
CIO
Teaser billede
En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed
Læs mere »
Den danske ungdom ser intet formål i at arbejde med it
Vores vidensindsamling og demokratiske samtale påvirkes af helt lukkede beslutninger i en enkelt privat virksomhed
M365 Copilot kan blive hurtigere og billigere: Microsoft åbner for alternativer til OpenAI
Se alle »
Job & Karriere
Teaser billede
Merete Søby klar med nyt top-job efter pludselig exit fra Schultz: Her er hendes nye job
Læs mere »
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Twoday er rykket til et af de dyreste postnumre i Danmark – og det kan betale sig, siger topchef Lars Berthelsen
Se alle »
White paper
Teaser billede
Derfor kræver AI, cloud og sikkerhed et stærkere netværk
Læs mere »
SAP: Skab værdi og minimér omkostninger med effektiv dokumenthåndtering
Cyberangreb bliver mere kostbare: Er du forberedt?
Sådan gør du: Elektronisk dokumentudveksling i praksis
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »