Søg
Avatar billede charley78 Novice
04. maj 2008 - 23:01 Der er 9 kommentarer og
1 løsning

relativt fixede links gemmer sig under tabel

Jeg har et par links oppe i højre hjørne, og jeg vil gerne have dem liggende der.
Desværre er det sådan at hvis man åbner siden i et smalt browserbillede, så smutter linksene ind under tabellen, hvis den er tilstrækkelig smal.

Hvad gør man?

Du kan se det her:
http://www.yes-yes.dk/Finn-Rasborg/end-version-stor.html
Avatar billede charley78 Novice
04. maj 2008 - 23:02 #1
.. ja altså, får at at få dem til at hoppe udenpå tabellen forstås? ;o)
Avatar billede enya Nybegynder
04. maj 2008 - 23:12 #2
Forsigtig forespørgsel: Kigger du ikke på dine gl./åbne spørgsmål:  http://www.eksperten.dk/list.phtml?sort=&order=DESC&status_1=on&status_2=on&spm_creator=charley78&spm_part=&spm_answer=&find=&engine=exp
Avatar billede w13 Novice
04. maj 2008 - 23:15 #3
Du bruger z-order, men det hedder z-index:

<div id=back style="position:fixed;right:10px;top:10px;text-align:right;z-index:1;">
<a href="#artikler">Til artikler</a><br>
<a href="#rasborg">Til top</a>
</div>

Du kan dog helt undgå z-index, hvis du bare flytter koden ned lige før "</body>".

Nu længere nede i koden et element er placeret, nu højere z-index får det automatisk.
Så det nederste element ligger altså øverst.
Avatar billede charley78 Novice
05. maj 2008 - 10:00 #4
til enya: jo, år jeg har tid kigger jeg gene efter igen!

w13: Tak! Hvad refererer henholdsvis 'order' og 'index' til.
Du må have point'sene igen. Vil du ikke svare :o)
Avatar billede w13 Novice
05. maj 2008 - 10:12 #5
Her er et svar! :)

z-order har jeg aldrig hørt om, så jeg går ud fra, det ikke findes.

z-index bestemmer, om det ligger oven på eller under andre elementer.
Et element med z-index 20 ligger over et element med z-index 5, som ligger over et med z-index -100, osv.

Dog er mange imod at bruge z-index (af grunde som jeg - ærlig talt - lige nu har glemt :)
Personligt undgår jeg bare z-index ved altid at gå ud fra, at det første element i min kode ligger øverst, det næste ligger oven på, det næste igen ligger oven på, osv.
Avatar billede w13 Novice
05. maj 2008 - 10:14 #6
Et lille eksempel på det sidste afsnit i mit svar:

<html>
<head></head>
<body>

<div style="position:absolute;top:0;left:0" id="element1">Dette element ligger nederst</div>

<div style="position:absolute;top:0;left:0" id="element2">Dette element ligger oven på element1</div>

<div style="position:absolute;top:0;left:0" id="element3">Dette element ligger øverst</div>

</body>
</html>
Avatar billede charley78 Novice
05. maj 2008 - 10:58 #7
Hej w13, det er jo fint nok med sådan et eksempel, men jheg tog de ind i dreamweaver skilte sætningerne (der lå i nogle flytbare 'kasser') og farvede dem for rigtigt at se hvad du beskriver i eksemplet. Så skete der imidlertid på trods af kodningen det at de pludseligt lagde sig anderledes i forhold til hinanden. det 'element'/den sætning, eg sidst havde sluppet.. det være sig ovenpå et af de andre, lå hver gang øverst!?!
.. så jeg må erkende a jeg godt forstår tal kontinuiteten og princippet, men dette spøjse fænomen, kræver sikkert en længere forklaring!
Avatar billede charley78 Novice
05. maj 2008 - 10:59 #8
tak i øvrigt :o)
Avatar billede w13 Novice
05. maj 2008 - 11:04 #9
Jeg er ikke helt med, men det lyder da som noget, Dreamweaver gør.

Hvis du åbner Notesblok og skriver:

<html>
<head></head>
<body>

<div style="position:absolute;top:0;left:0;width:100%;height:100px;background-color:red" id="element1">Dette element ligger nederst</div>

<div style="position:absolute;top:0;left:0;width:100%;height:75px;background-color:yellow" id="element2">Dette element ligger oven på element1</div>

<div style="position:absolute;top:0;left:0;width:100%;height:50px;background-color:green" id="element3">Dette element ligger øverst</div>

</body>
</html>

og gemmer som test.htm så funger det.
Avatar billede charley78 Novice
05. maj 2008 - 11:25 #10
ok, selvom du n har lagt flte farver på, så sker det samme. Hvis jeg flytter et felt med det pågældende element, så lægger det sig øverst.
Der er jo heller ikke nogen 'vægt/tyngde' angivelse (jvf. værdierne 20, 5, -100 ovenfor)... måske det er derfor? B-o

Dreamweaver kan måske godt genere reaktionen i grafikvinduet, men koderne forbliver de samme, hvilket er det mærkelige.
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
I går 09:50 Mobilpay svindel Af nu_igen i Andre onlineløsninger
22/0120:51 Knap til ipad Af FinnLauridsen i Excel
21/0113:53 Icloud mail via Outlook Af lbc i E-mail programmer
21/0108:32 USB NØGLE gratis Af nu_igen i Andet hardware
20/0121:11 Hvordan får jeg reCAPTCHA på min hjemmeside? Af Strawberry i PHP
White papers
Flere white papers »