Avatar billede migduvednok Nybegynder
06. juli 2004 - 22:11 Der er 3 kommentarer og
1 løsning

Image maps ødelægger mit design!

Jeg er ved at lave et thumbnail-album: forestil sig tværsnittet af en tønde hvor siderne dog er lige. Ovenover og nedenunder er der ovale billeder (blå) med overskrift og vigtige informationer. I midten er der en tabel med blå baggrund hvor thumbnailsne skal ind i.
De tre elementer er sat sammen således at der ikke er mellemrum mellem dem, den blå farve gør at de ser ud som ét!

MEN !

i det øverste billede har jeg i DW indsat to image maps som skal lede til andre html-sider i mit site - og hver gang jeg indsætter de der image maps - så laver DW et MELLEMRUM imellem det øverste billede og tabellen!!!
Dette mellemrum er måske 10-12 pixels bred og så vidt jeg kan se i koden har det ikke noget at gøre med at jeg laver mellemrum eller noget!?
HVis du vil hjælpe mig, kan du jo se om du kan lave på din egen computer:

1: lav et firkantet stykke grafik i én bestemt farve i dit grafikprogram.
2: i DW, indsæt dette stykke grafik.
3: tryk Ctrl-Enter for lave en ny linie
4: indsæt tabel, gerne lige så bred som grafikken ovenover. Giv eventuelt tabellen samme baggrundfarve som grafikken.
5: lav ny linie igen
6: indsæt grafikken igen.
7: slet alle mellemrum og BR osv - så de tre elementer vertikalt set sidder helt tæt sammen!
8: gem og kig siden i internet explorer - den skulle gerne se ud som den burde!
9: tilfør derefter den øverste grafik en image map
10: gem igen og kig i IE - NU SKULLE DER VÆRE ET MELLEMRUM!!!!

Fortæl mig lige om du får samme fejl som jeg gør!?
Jeg bruger DW 7.01. og HAR kigget kildekoden igennem, kan ikke rigtigt se mystisk noget som jeg kan rette i.
Avatar billede erikjacobsen Ekspert
06. juli 2004 - 22:21 #1
Du har ikke et link til os uden DW ?
Avatar billede migduvednok Nybegynder
06. juli 2004 - 22:38 #2
nej, men du kan få kildekoden lige her!
Problemet opstår altså umiddelbart imellem det aller første billede og tabellen.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
    margin-top: 0px;
    margin-bottom: 0px;
}
-->
</style></head>

<body>
<div align="center">
<img src="file:///D|/ANDET/Mine%20websites/jytteigenigen/grafik/top.gif" width="580" height="96">
<table width="580" border="0" cellpadding="10" cellspacing="0" bgcolor="#0099FF">
    <tr>
      <td><div align="center"><img src="file:///D|/ANDET/Mine%20websites/jytteigenigen/billeder/Thumbnails/fh1.jpg" width="87" height="58"></div></td>
      <td><div align="center"><img src="file:///D|/ANDET/Mine%20websites/jytteigenigen/billeder/Thumbnails/fh10.jpg" width="87" height="58"></div></td>
      <td><div align="center"><img src="file:///D|/ANDET/Mine%20websites/jytteigenigen/billeder/Thumbnails/fh11.jpg" width="87" height="58"></div></td>
      <td><div align="center"><img src="file:///D|/ANDET/Mine%20websites/jytteigenigen/billeder/Thumbnails/fh12.jpg" width="87" height="58"></div></td>
      <td><div align="center"><img src="file:///D|/ANDET/Mine%20websites/jytteigenigen/billeder/Thumbnails/fh13.jpg" width="87" height="58"></div></td>
    </tr>
    <tr>
      <td><div align="center"><img src="file:///D|/ANDET/Mine%20websites/jytteigenigen/billeder/Thumbnails/fh14.jpg" width="87" height="58"></div></td>
      <td><div align="center"></div></td>
      <td><div align="center"></div></td>
      <td><div align="center"></div></td>
      <td><div align="center"></div></td>
    </tr>
      </table>
<img src="file:///D|/ANDET/Mine%20websites/jytteigenigen/grafik/bund.gif" width="580" height="96"></div>
</body>
</html>
Avatar billede erikjacobsen Ekspert
06. juli 2004 - 22:44 #3
Og du viser det uden imagemap? Jeg ville nok have puttet top og bundbillede ind
i en <tr> i tabellen med en <td colspan=5> og så overveje om cellpadding=10 er
fornuftigt. Men jeg er selvfølgelig heller ikke DW.
Avatar billede migduvednok Nybegynder
07. juli 2004 - 12:04 #4
det har vidst ikke noget med det at gøre, hverken cellpadding eller hvad der i elelr uden for tabeller - det har noget at gøre med at DW skubber tabellen nedefter når der bliver lavet image map i grafikken oven over.

MEN JEG HAR FUNDET LØSNINGEN!!!!
måske er dét grunden til at man skal gå noget tidligere i seng, for idéen kom til mig i går aftes efter at jeg havde lagt mig - jeg prøvede den med succes her til morgen:

Hvis man indsætter image mappen FØR man indsætter tabellen nedenunder.... så ser det ud som det skal!!!!!
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
Kurser inden for grundlæggende programmering

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