Søg
Avatar billede jacob_m Nybegynder
03. april 2006 - 18:58 Der er 8 kommentarer og
1 løsning

Layer hul!

Som i kan se øverst til højre for midten, er der lavet et div med titel tip på http://faerresygedage.dk

Denne har jeg problemer med at få til IKKE at fylde op på den plads den oprindeligt har. For da jeg har brugt position:relative; fyldere layeres jo stadig sin oprindelige plads.

Hvis I ikke forstår er problemmet omtalt her, neders på siden http://www.html.dk/tutorials/css/lektion14.asp

Jeg har prøvet at ændre lidt i visibility og display, men kan ikke rigtig få det til at spille..
Avatar billede mclemens Nybegynder
03. april 2006 - 19:50 #1
hvad med:

#tip {
    position:absolute;
    left:0px;
    top:-25px;
    width:345px;
    height:65px;
    z-index:1;
    font-family: "Tahoma", sans-serif;
    font-size: 8px;
    color: #242424;
    visibility:visible;
    overflow:auto;
}

samt (flyttet div'en med id tip ud af tabellen)

...

<body marginheight="25" topmargin="25">

<a id="corner" href="http://www.faerresygedage.dk/flash/brochure.html" target="_blank" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.faerresygedage.dk/V2/gfx/banner.png',sizingMethod='scale');">Download brochure</a>

<div id="tip"><em>Tip:</em></div>
   
<div align="center">

<table width="750" border="0" cellpadding="0" cellspacing="5">
  <!--DWLayoutTable-->
  <tr>
    <td width="389" height="46" valign="top"><img alt="Logo" src="gfx/elementer_04.gif" width="389" height="44"></td>
    <td width="346" align="left" valign="top" class="tip"><div align="right" class="tid"><DIV>Hvis blodsukkeret er lavt, vil
....
Avatar billede mclemens Nybegynder
03. april 2006 - 19:59 #2
det virkede vist ikke helt...
Avatar billede mclemens Nybegynder
03. april 2006 - 20:00 #3
Denne har jeg problemer med at få til IKKE at fylde op på den plads den oprindeligt har. For da jeg har brugt position:relative; fyldere layeres jo stadig sin oprindelige plads.>
- hvor skal den tekst stå præcis?
Avatar billede jacob_m Nybegynder
03. april 2006 - 20:01 #4
Den skal stå til højre for logoet... Og helt i toppen til top margenen..

Problemet med absolute position er at den ikke "følger med" når vinduet resizer..
Avatar billede mclemens Nybegynder
03. april 2006 - 20:21 #5
prøvede lige kun at kigge på logo og tekst alene ... noget i den stil her?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<link rel="stylesheet" type="text/css" href="css.css">
<style type="text/css">
.ramme {    padding: 10px;
}
a.sublink:link {
    font-family: "Tahoma", sans-serif;
    font-weight: bold;
    color: #FFFFFF;
}
a#corner {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 90px;
    width: 100px;
    background: url(http://www.faerresygedage.dk/V2/gfx/banner.png) top right no-repeat !important;
    background: none;
    text-indent: -999em;
    text-decoration: none;
    cursor: hand;
}
#tip {
    position:absolute;
    left:0px;
    top:0px;
    width:345px;
    z-index:1;
    font-family: "Tahoma", sans-serif;
    font-size: 8px;
    color: #242424;
    display:inherit;
    overflow:auto;
}
</style>

</head>


<body>
<table border="0" cellpadding="0" cellspacing="5" width="750" style="margin:0px auto; position:relative;">
  <!--DWLayoutTable-->
  <tbody><tr>
    <td height="46" valign="top" width="389"><img alt="Logo" src="elementer_04.gif" height="44" width="389"></td>
    <td class="tip" align="left" valign="top" style="width:346px;" width="346" style="position:relative;">

<div id="tip"><div class="tid" align="right"><em>Tip:</em></div><div>Lidt
fedt skal man have hver dag. Men fedtstoffer er tungt fordøjelige.
Derfor er det aldrig godt at spise fedtrige levnedsmidler lige før en
aktivitet. Så vil man let føle sig tung og uoplagt. Fedtfattig mad i
det daglige er også det sundeste &#8211; både for at holde den slanke linie,
samt for at undgå mange sygdomme.</div>


<div align="right"><i><strong>Kilde:</strong> Mad &amp; Sport </i></div></div>

fgsdfgsfg
</td>
  </tr>
</tbody></table>
</body></html>
Avatar billede mclemens Nybegynder
03. april 2006 - 20:21 #6
hov, det kan godt være at den ene position:relative; er overflødig :P
Avatar billede mclemens Nybegynder
08. juli 2006 - 13:06 #7
Hjalp det?
Avatar billede jacob_m Nybegynder
15. august 2006 - 11:01 #8
Ja..
Avatar billede mclemens Nybegynder
15. august 2006 - 11:07 #9
Ok, tak for point :)
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 dag 09:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
25/0713:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
White papers
Flere white papers »