Avatar billede krarup Nybegynder
10. september 2005 - 18:40 Der er 7 kommentarer og
1 løsning

hvide streger ved celle baggrund

hej.
http://www.krarup.frac.dk/1.jpg

hvis i ser på ovenstående link, kan i se at der hvor to celle baggrunde møder hinanden kommer der en tynd hvid streg.
er der nogen simpel måde og undgå denne hvide streg, således man ikke kan se at baggrunden ligger inde i forskellige celler?
Avatar billede olebole Juniormester
10. september 2005 - 18:47 #1
<ole>

Prøv med et link til koden ... og et link, der kan bruges til noget  ;o)

/mvh
</bole>
Avatar billede krarup Nybegynder
10. september 2005 - 19:00 #2
well.

stylesheet =

#centerbg {
  background-image: url(design/centerbg.gif);
  background-repeat: repeat-y;
  background-position: left;
  margin: 0px;
  }
 
#bundbg {
  background-image: url(design/bundbg.gif);
  background-repeat: no-repeat ;
  background-position: top;
  margin: 0px;


og koden i html filen ser sådan ud :

  <tr>
    <th height="97%" id="centerbg" scope="col" td>center</th>
  </tr>
  <tr>
    <th id="bundbg" scope="col" height="86px" td>bund</th>
  </tr>
</table>
Avatar billede olebole Juniormester
10. september 2005 - 19:23 #3
Prøv nu med et link - eller noget relevant kode
Avatar billede krarup Nybegynder
10. september 2005 - 19:36 #4
well. hvis ovenstående kode ikke er relevant, så har jeg ikke noget relevant kode, da dette sådan set mere eller mindre er hvad jeg har. foruden body og head self.

men lige meget, har regnet den ud
Avatar billede udvikler Nybegynder
10. september 2005 - 19:39 #5
Prøv at indsætte denne kode i dit stylesheet:

td {
cellpadding: 0;
cellspacing: 0;
}
Avatar billede olebole Juniormester
10. september 2005 - 19:53 #6
1. Du har slettet det vigtigste af tabel-koden ... den må siges at være mere end relevant
2. Jeg kan ikke vide, om der evt. også er noget CSS-kode, du ikke viser ... det må siges at være mere end relevant
3. Noget af det vigtigste, når det gælder CSS i IE, er det, der står før <html>-tag'et ... det må siges at være mere end relevant
4. Jeg kan ikke se, hvordan dine billeder ser ud. Det er det mest utrolige, folk kan spørge om på E, så de ville være mere end relevante

Når du nu kan uploade alle mulige irrelevante billeder af dine problemer - hvorfor er det dog så umuligt for dig at uploade koden?
Du spørger, fordi der sker noget i din kode, du ikke forstår. Derfor har du heller ingen anelse om, hvad der er relevant for besvarelsen. Hvorfor dog så ikke bare gøre, som du bliver bedt om af de brugere, der gider ofre deres fritid på at hjælpe dig?
Jeg kan i princippet være ligeglad med, om du får løst dit problem - men du kunne da gøre tingene langt lettere for dig selv, hvis du gad at samarbejde en smule om en løsning  :)
Avatar billede krarup Nybegynder
10. september 2005 - 22:16 #7
<html>

<head>
<style type="text/css"> td.menuCell { cursor: hand; cursor: pointer; } </style>
<title>MY WEAR</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
<style type="text/css">
</style>
</head>
<body scroll="yes">

<table width="716" height="100%" border="0">
  <tr>
    <th width="113" rowspan="3" scope="col"></th>
    <th width="581" height="97px" id="topbg" scope="col"td>top</th>
  </tr>
  <tr>
    <th height="100%" id="centerbg" scope="col" td><p>&nbsp;</p>
  </th>
  </tr>
  <tr>
    <th height="84px" id="bundbg" scope="col" td>bund</th>
  </tr>
</table>

Der har du hele html koden. Den er dog blevet ændret en smule siden jeg stillede mit spørgsmål men intet som havde med mit problem at gøre.


a{ text-decoration:none; color: #000000; }
a:hover { text-decoration: none; }
   


body, td {
    font-family: verdana, tahoma, arial;
    font-size: 11px;
}   


}

.tekstfelt { background-color: #DEDEDE;
          color: #000000;
          font-size: xx-small;
          height: 22px;
          width: 150px;
          margin: 0px;
          border: 1px dashed #000000
    }     

 
#bundbg {
  background-image: url(design/bundbg.gif);
  background-repeat: no-repeat ;
  background-position: top;
  background-position: left ;
  margin: 0px;

    }
#topbg {
  background-image: url(design/topbg.gif);
  background-repeat: no-repeat ;
  background-position:top ;
  background-position:left ;
  margin: 0px;
 
    }

og der har du mit stylesheet.


i min lille verden har den del af koden jeg har skrevet nu, men ikke havde skrevet først, ikke den store relevans for spørgsmålet. Men oki, som sagt er det også bare i min lille verden (;
Avatar billede olebole Juniormester
11. september 2005 - 12:33 #8
Se, det var yderst væsentlige informationer, vi nu fik. Du disabler nogle af de vigtigste områder af CSS med den kode - og der er faktisk slet ikke tale om et HTML-dokument  :)

Et HTML-dokument _skal_ påbegyndes med en DTD (DocType Definition), som det allerførste i dokumentet. Den fortæller browseren, hvad det er for et dokument, den skal til at behandle - og hvordan det skal ske ... samt info om den nøjagtige HTML-version, dokumentet er skrevet i.
Det er yderst vigtigt, at den DTD indeholder definitions-URL'en for versionen. Ellers kan IE ikke tolke bl.a. CSS' box-model. Udfra den kode, du skriver, skal det nok være denne:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Når nu IE også overholder CSS, er det naturligvis vigtigt, du også gør. CSS foreskriver, at når der sættes en relativ højde på et element (en højde i procent), skal denne udregnes på basis af det omkransende elements højde. Det omkransende element skal med andre ord eksplicit have sat en højde ... det gælder også for body-elementet  ;o)

Når du således ønsker at sætte tabellen til 100% højde, må du også sætte højde på body-elementet:

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

Når det er sagt, så eksisterer der ikke - og har aldrig gjort - en height-attribut på tabel-elementet. Vil du sætte højde på en tabel, _skal_ det gøres via styles.

Når du skriver:
    background-position: top;
    background-position: left;

- overskriver den sidste den første. Det er formodentlig dette, du mener:
    background-position: left top;

Til slut er der ganske få huller mellem fejlene i din tabel-kode. Du er nødt til at forklare, hvad der er meningen med de enkelte dele.
Hvad er f.eks. dette element:
  <th width="581" height="97px" id="topbg" scope="col"td>top</th>
- er det en <th> eller en <td> ... eller noget helt tredie?

Hvis højden af den midterste celle skal være 100% af tabellen ... ehhhh ... hvordan kan den første så være 97px høj og den nederste 84px? Bliver det ikke en del mere end 100%?

Faktisk viste det sig jo, at koden er forkert fra start til slut ... men det var ikke til at se på de stumper, du gav os. Derfor kunne vi have gættet herfra og til Juleaften på, hvad fejlen kunne være.
Et ret godt gæt er i øvrigt, at du blot har fået lavet en ny fejl, der ophæver en af de mange andre, så du kun tror, du har rettet fejlen. Den kode _kan_ ikke tolkes.

Som sagt er det ofte meget vanskeligt for en spørger at afgøre, hvad der er relevant - og så er det da komplet fjollet ikke at gøre, som man bliver bedt om ... ikk'?  :)
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