Søg
Avatar billede overgaard1605 Nybegynder
23. september 2008 - 13:36 Der er 18 kommentarer og
1 løsning

overlap i td på en table

jeg har en side der ser sådan her ud..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Axsus.dk</title>
<link type="text/css" href="axsus.css" rel="stylesheet">
</head>

<body>
<div align="center"><br />
  <table width="800" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td height="65" align="right" bgcolor="#FFFFFF"><img src="images/logo.jpg" width="126" height="45" /></td>
    </tr>
  </table>
 
  <table width="800" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="25" width="100" align="center" bgcolor="#757575">Axsus</td>
    <td height="25" width="100" align="center" bgcolor="#757575">Services</td>
    <td height="25" width="100" align="center" bgcolor="#757575">Netv&aelig;rk</td>
    <td height="25" width="100" align="center" bgcolor="#757575">Karriere</td>
    <td height="25" width="100" align="center" bgcolor="#757575">Kontakt</td>
    <td height="25" width="300" align="center" bgcolor="#757575">&nbsp;</td>
  </tr>
</table>

<table width="800" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td height="150" align="left" bgcolor="#FFFFFF" style="border-bottom: 1px dotted #757575"><img src="images/logo.jpg" width="126" height="45" /></td>
    </tr>
  </table>
 
<table width="800" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td height="350" width="600" align="left" bgcolor="#FFFFFF"><img src="images/logo.jpg" width="126" height="45" /></td>
      <td class=tdnews width="200" height="350" align="left" valign="top" bgcolor="#FFFFFF" style="border-left: 1px dotted #757575"><?PHP

$number = "3";
include("cutenews/show_news.php");
?> </td>
    </tr>
  </table>

</div>
</body>
</html>
------------------------------------------------------------
hvor jeg i den sidste table har 2 TD. i den ene TD har jeg et spript kørende med nyheder.. under de her nyheder er der en læs mere link.. mit spørgsmål lyder nu på om jeg ikke kan få den til at åbne dette link sådan det overlapper i den anden TD jeg har i den table...? er det forståeligt..?
Avatar billede w13 Novice
23. september 2008 - 13:44 #1
Tjaeh, principielt måske. Men hvorfor have 2 td'er, hvis du alligevel vil overlappe den ene.
Avatar billede overgaard1605 Nybegynder
23. september 2008 - 13:47 #2
fordi jeg vil have noget tekst i begge felter... det er forsiden på en hjemmeside hvor jeg så har et news modul i den ene TD og noget tekst+ billeder i den anden... når der så bliver trykket på news linket må det godt overlappe den anden td...
eller har du en anden løsning til det..?
Avatar billede w13 Novice
23. september 2008 - 13:49 #3
Det vil være meget lettere at arbejde med f.eks. div-elementer i stedet for td'er. Så kan du skjule de 2 og vise et tredje, når man klikker "Læs mere".
Avatar billede w13 Novice
23. september 2008 - 13:50 #4
Ellers ville jeg nok i hvert fald bare placere et div-element over de 2 td'er, så det dækker for dem og derved får samme effekt.
Avatar billede overgaard1605 Nybegynder
23. september 2008 - 13:58 #5
nu er jeg ret ny i at lave sådan noget.... hvordan placerer man så de div-elementer. og hvordan virker de.
Avatar billede w13 Novice
23. september 2008 - 13:59 #6
Det gør man bare med CSS. Det er forholdsvis simpelt at lave med CSS.
Avatar billede overgaard1605 Nybegynder
23. september 2008 - 14:08 #7
har du en guide til hvordan man gør...?
Avatar billede roenving Novice
23. september 2008 - 17:02 #8
F.eks. sådan i stedet for din sidste table:

<div id="showMore" style="height:350px;width:800px;display:none;" onclick="showHide(this)">
  php-kode til at vise den udvidede ting
</div>
<div id="showLess" style="height:350px;width:800px;display:block;">
  <div style="height:350px;width:600px;float:left;">
    <img src="images/logo.jpg" style="width:126px; height:45px;"></div>
  <div style="width:200px;height:350;border-left:1px dotted #757575;" onclick="showHide(this)">
    <?PHP

$number = "3";
include("cutenews/show_news.php");
?>
    Klik for mere
  </div>
</div>

-- og så en javascript-funktion til at vise/skjule:

<script type="text/javascript">
function showHide(elm){
  var show = elm.id ? elm.parentNode : document.getElementById("showMore");
  var hide = elm.id ? elm : document.getElementById("showLess");
  show.style.display = "block";
  hide.style.display = "none";
}
</script>
Avatar billede roenving Novice
23. september 2008 - 17:03 #9
-- hov, der mangler lige en float på den højre div (og mske en clearDiv !-)
Avatar billede overgaard1605 Nybegynder
24. september 2008 - 08:47 #10
hvad er en float og en clearDiv....:) er ikke vant til disse programmeringer.
Avatar billede roenving Novice
24. september 2008 - 08:56 #11
<div style="width:200px;height:350;border-left:1px dotted #757575;float:left;" onclick="showHide(this)">
    <?PHP
...
  </div>
  <div style="clear:both:line-height:0;font-size:0;">&nbsp;</div>
Avatar billede overgaard1605 Nybegynder
24. september 2008 - 09:08 #12
det virker tildels... men de 2 div-tags står ikke ved siden af hinanden... prøv at se på http://www.axsus.dk/udvikling/dk/
når der bliver trykket.. flyder den godt nok over, men det er ligesom om at selve div-tag'et fra start af ligger under det første div-tag
Avatar billede roenving Novice
24. september 2008 - 09:17 #13
Ups, jeg har overset px:

<div style="width:200px;height:350px;border-left:1px dotted #757575;float:left;" onclick="showHide(this)">
    <?PHP
Avatar billede overgaard1605 Nybegynder
24. september 2008 - 09:26 #14
hmm... kan ikke få det til at virke ordenlig... den sætter det ikke rigtig på siden
Avatar billede overgaard1605 Nybegynder
24. september 2008 - 09:40 #15
er ved at se lidt på det cutenews... og der kan jeg lave en target vha lidt kode... hvis nu jeg går tilbage til min table.. kan jeg så ikke give min TD et ID som jeg så kan kalde ved target...? eller er det umuligt
Avatar billede overgaard1605 Nybegynder
24. september 2008 - 11:06 #16
hmm.. gider ikke bruge mere tid på at få det her løst... smid et par svar så kan i dele point..
Avatar billede roenving Novice
24. september 2008 - 13:44 #17
target ?-)

-- måske kan du det, men så vil den jo være i forkert størrelse ...

-- og da der også er en border på skal bredden jo reduceres til 199px !o]
Avatar billede overgaard1605 Nybegynder
12. december 2011 - 17:50 #18
smid et svar.. er ved at rydde op i gamle åbne spørgsmål
Avatar billede w13 Novice
12. december 2011 - 18:03 #19
;)
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 13:53 Icloud mail via Outlook Af lbc i E-mail programmer
I går 08: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
20/0116:10 Tomt felt i Start Af ErikHg i Windows
19/0123:00 Hyperlink til tekst Af Nanarsi i Excel
White papers
Flere white papers »