Avatar billede hanloven Mester
30. september 2007 - 14:22 Der er 10 kommentarer og
1 løsning

Absolut position

Hej eksoerter.

Jeg har en hjemmeside (www.helionfilm.dk) hvor jeg har en tabel i toppen af siden, hvor "menu-teksten" står i. Siden virker rigtig fint, hvis slærmopløsningen er 800*600 eller 1024*768, men ser jeg siden på min 24" widescreen monitor, så "skrider" teksten, så den ikke længere står indenfor min øverste top-bjælke.

Jeg har lavet det således:

<table border="0" width="100%" height="10%">
      <tr>
        <td width="7%"></td>
      <td width="7%"></td>
    <td width="7%"></td>
   
    <td width="7%"><font color="#ffffff"><a href="hvem er vi.html" target="mainframe"><font color="#ffffff" title="Hvem er HelionFilm ??"><p align="center">Info</td>
      <td width="7%"><font color="#ffffff"><a href="showroom.html" target="mainframe"><font color="#ffffff" title="Hvad får jeg for mine penge ??"><p align="center">Produkter</td>
    <td width="7%"><font color="#ffffff"><a href="priser.html" target="mainframe"><font color="#ffffff" title="Indhent tilbud.."> <p align="center">Priser</td>
    <td width="7%"><font color="#ffffff"><a href="faq.html" target="mainframe"><font color="#ffffff" title="Ofte stillede spørgsmål.."><p align="center">FAQ</td>
    <td width="7%"><font color="#ffffff"><a href="film produktion.html" target="mainframe"><font color="#ffffff" title="Film produktioner.."><p align="center">Film</td>
    <td width="7%"></td>
    <td width="7%"></td>
    <td width="7%"></td>
    <td width="7%"></td>
    <td width="7%"></td>
    <td width="7%"></td>
</tr>
   
    </table><br>

Jeg ved at man kan positionere teksten via en absolut position, men mangler bare lidt tip til hvordan jeg klare det i praksis.

Håber nogen kan hjælpe :-)

//Hanloven.
Avatar billede w13 Novice
30. september 2007 - 16:00 #1
Du kan evt. ændre din table:

<table style="position:absolute;top:Xpx;left:Xpx;width:100%;height:10%;border:0">

Så kan du rette top:Xpx; til f.eks. top:40px; hvis det er den korrekte placering, og ligeledes med left.
Avatar billede hanloven Mester
02. oktober 2007 - 06:09 #2
Tak for din response. kigger lige på det og vender tilbage snarest.
Avatar billede roenving Novice
03. oktober 2007 - 16:00 #3
Hvor er afslutningerne på dine link-tags ?-)

-- og så behøver du vel ret beset ikke at have en tabel overhovedet, hvis du bare skal have links liggende ved siden af hinanden, ligesom dine font-tags får det til at ligne midt-90'er kode !-)
Avatar billede hanloven Mester
06. oktober 2007 - 16:20 #4
Må indrømme at jeg ikke er den helt store ørn til html. - Men jeg prøver så godt jeg kan. Indtil videre synes jeg det er gået meget godt :-)

Men måske en plan at droppe tabel'en.

Der er kommet lidt ting i vejen i mine planer, så jeg er kommet en smule bagud med projektet.
Avatar billede hanloven Mester
09. oktober 2007 - 12:27 #5
Så er jeg tilbage. Kom til at tænke på årsagen til at jeg har lavet det i en tabel.
- Hvis man går til eks. faq siden, så er teksten i det hvide område, for lang, så man må scrolle, for at se det hele.

I det tilfælde vil jeg gerne ha den øverste del, med mine links, til ikke at flytte med.
Avatar billede w13 Novice
09. oktober 2007 - 18:52 #6
Det kan nu også løses med andet end en tabel ret nemt. F.eks. hvis du lægger indholdet i et DIV-element:

<div style="width:600px;height:400px;overflow:auto">Indhold her</div>

Når man angiver width og height og giver den en overflow:auto, så kommer der scrollbars, når indholdet fylder for meget.
Avatar billede hanloven Mester
09. oktober 2007 - 21:16 #7
Okay, kanon. Damn, jeg kan (og skal) lære meget om web programmering. det er super spændende, men jeg har bare ikke prioriteret det på noget tidspunkt.
Avatar billede hanloven Mester
09. oktober 2007 - 21:42 #8
Ej, hvor ville jeg gerne stille en masse spørgsmål, for at blive klogere lige nu. - Men jeg må hellere holde her og så gå på udkik efter sider der beskriver det grundlæggende. Ellers vil tråden her vist blive rigtig lang :-)
Avatar billede hanloven Mester
09. oktober 2007 - 23:09 #9
w13. Vil du ligge et svar? Så får du lige point.

Jeg er gået igang med at lære CSS fra HTML.dk - KANON :-)
Avatar billede w13 Novice
10. oktober 2007 - 00:08 #10
Ok :)
Avatar billede hanloven Mester
10. oktober 2007 - 07:11 #11
Mange tak for hjælpen :-)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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