Søg
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 13:35 Der er 37 kommentarer og
1 løsning

En slags margen på billeder i Netscape!

Når jeg indsætter et billede på en side og ser den i Netscape, så kommer der en form for margen på billedet.

Dette gør der ikke i Opera eller IE.

Det er sådan så har jeg to billeder på hver 75px høj, så vil der være et mellemrum mellem dem på 2px.
Dette er kun i højden problemet opstår!

Hvad skal jeg gøre?
Avatar billede cdc Novice
05. oktober 2003 - 13:37 #1
har du prøvet med
style="margin: 2px;" på billedet
Avatar billede Slettet bruger
05. oktober 2003 - 13:39 #2
Kom med lidt kode...
Avatar billede cdc Novice
05. oktober 2003 - 13:40 #3
du kan også lave denne:

.img {
    margin: 2px 4px 6px 8px;
}

og bruge en class på billedet
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 13:40 #4
Det her bruger til at sætte billeder ind med:
<img src="./img/image.gif" width="75" height="75" alt=""><br>
<img src="./img/image.gif" width="75" height="75" alt="">

Mellem disse vil der være et mellemrum på ca. 2px.
Det skal jeg ikke have!
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 13:40 #5
I min css-fil har jeg
img { border: 0px; }
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 13:40 #6
Mit problem er at der KOMMER en margen, og jeg vil ingen have!
Avatar billede Slettet bruger
05. oktober 2003 - 13:41 #7
Prøv <img src="./img/image.gif" width="75" height="75" alt=""><br><img src="./img/image.gif" width="75" height="75" alt="">

Altså uden mellemrum i koden
Avatar billede cdc Novice
05. oktober 2003 - 13:42 #8
denne skulle give 2 px margin hele vejen rundt
<img border="0" src="dingif.gif" width="75px" height="75px" style="margin: 2px;">
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 13:43 #9
Ændrer ingenting!
Avatar billede cdc Novice
05. oktober 2003 - 13:44 #10
<img border="0" src="dingif.gif" width="75px" height="75px" style="margin: 0px;"> giver 0 margin
Avatar billede cdc Novice
05. oktober 2003 - 13:44 #11
må man lige se din kode
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 13:44 #12
cdc --> det virker ikke... jeg ved helelr ikke om det er en margen eller hva det er... der er bare det mellemrum
Avatar billede Slettet bruger
05. oktober 2003 - 13:46 #13
hele koden...
Avatar billede cdc Novice
05. oktober 2003 - 13:46 #14
ligger de i to celler, hvis har du måske ikke sadt padding og spacing til 0: cellspacing="0" cellpadding="0"
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 13:46 #15
Det her bruger til at sætte billeder ind med:
<img src="./img/image.gif" width="75" height="75" alt=""><br>
<img src="./img/image.gif" width="75" height="75" alt="">

Mellem disse vil der være et mellemrum på ca. 2px.
Det skal jeg ikke have!

I min css-fil har jeg
img { border: 0px; }

Kig lidt længere oppe på denne side ;-)
Avatar billede cdc Novice
05. oktober 2003 - 13:48 #16
se om din padding er sadt til 0 i den celle hvor de er i
Avatar billede schaefner Juniormester
05. oktober 2003 - 13:48 #17
hvilken netscape har du testet med, det forekommer ikke hos mig.
Avatar billede Slettet bruger
05. oktober 2003 - 13:50 #18
heller ikke her.
Avatar billede Slettet bruger
05. oktober 2003 - 13:50 #19
Det er jo ikke hele koden, medmindre din side kun består af en ugyldig html side uden start og slut...
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 13:51 #20
Det er det
Avatar billede roenving Novice
05. oktober 2003 - 13:53 #21
Med
<style type="text/css">
img{margin:0px;border:0px;padding:0px;}
</style>

er der ingen afstand i Mozilla 1.5 !-)
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 13:56 #22
Nope, men det er der i Netscape!
Og det er kun netscape.

Der er intet problem i IE, Mozilla, Opera osv...
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 13:56 #23
Desværre er det bare Netscape som bliver benyttet mest af den målgrupper jeg satser på :-)
Avatar billede dawin_dk Nybegynder
05. oktober 2003 - 13:57 #24
er det billeder der står under hinanden ? .. for så kan der komme mellemrum mellem dem hvis ikke der afsluttes med <br>

f.eks.

<img> <img> .. som opmbrydes til 2 linier vil fte ha en afstand..
<img><br><img> vil stå som det skal
Avatar billede Slettet bruger
05. oktober 2003 - 13:58 #25
Prøv at sætte det ind i en html fil og tag det lidt seriøst. Man kan ikke bare teste en tekst-fil skrevet i notesblok og forvente at det opfører sig som html.

Hvilken version af Netscape er det den er gal med?
Avatar billede dawin_dk Nybegynder
05. oktober 2003 - 13:58 #26
husk gså .. ingen mellemrum eller linieskift ...

og ellers så husk at sætte hspace=0 og vspace=0
Avatar billede Slettet bruger
05. oktober 2003 - 13:58 #27
dawin_dk> Det er jo det jeg skrev..intet nyt
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 14:06 #28
el_barto --> hva' snakker du om?
Tage det seriøst? og notesblok?

Jeg har lavet en .htm-fil i EditPlus.
Fået siden valideret hos validator.w3.org med HTML 4.01 Strict. Hvis jeg ikke kan forvente at det opfører sig som HTML så ved jeg ikke hvad.

Det er Netscape 7.1.
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 14:08 #29
Det jeg bl.a. også vil laver er noget ala:

Du befinder dig her: Forsiden<br><img src="./img/line.gif" width="500" height="1" alt="">

Hvor linjen så skal ligge lige under teksten, det gør den kun i IE, Opera osv.
IKKE i Netscape!
Avatar billede roenving Novice
05. oktober 2003 - 14:09 #30
Den skulle da opføre sig præcis som Mozilla (var det 1.3 ?-) for de bruger den samme grafiske maskine (Gecko 1.3)
Avatar billede dawin_dk Nybegynder
05. oktober 2003 - 14:13 #31
prøv:

<img src="./img/image.gif" width="75" height="75" alt="" hspace=0 vspace=0><br><img src="./img/image.gif" width="75" height="75" alt="" hspace=0 vspace=0>
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 14:13 #32
Jeg kan ændrer det lidt med vspace= et eller andet.

Dog kan jeg ikke få den helt væk.
Hverken med vspace="0", vspace="1" osv. osv. osv.
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 14:14 #33
Jeg er faktisk nok mest interesseret i at dette kommer til at se pænt ud:
Du befinder dig her: Forsiden<br><img src="./img/line.gif" width="500" height="1" alt="" hspace="0" vspace="0">
Avatar billede Slettet bruger
05. oktober 2003 - 14:18 #34
Hvilken del af
"må man lige se din kode"
"hele koden..."

var det du ikke forstod?
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 14:22 #35
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict //EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<title>...</title>
<meta http-equiv="Content-Type" content="text/html;  charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="css/stylesheet.css">
</head>

<body>

<table style="margin-left: auto; margin-right: auto; height: 100%;" cellpadding="0" cellspacing="0">
  <tr>
    <td style="width: 25px; height: 25px; background-image: url('./img/bg2.gif');"></td>
    <td style="width: 10px; background-color: #8C8C82;"></td>
    <td style="width: 730px; background-color: #DCDCCD;"></td>
    <td style="width: 10px; background-color: #8C8C82;"></td>
    <td style="width: 25px; background-image: url('./img/bg5.gif');"></td>
  </tr>
  <tr>
    <td style="height: 10px; background-image: url('./img/bg2.gif');"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-image: url('./img/bg5.gif');"></td>
  </tr>
  <tr>
    <td style="height: 10px; background-image: url('./img/bg3.gif');"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-image: url('./img/bg8.gif');"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-image: url('./img/bg6.gif');"></td>
  </tr>
  <tr>
    <td style="height: 10px; background-image: url('./img/bg2.gif');"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-image: url('./img/bg5.gif');"></td>
  </tr>
  <tr>
    <td style="height: 175px; background-image: url('./img/bg4.gif');"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #8C8C82;"><img src="./img/header.jpg" width="730" height="175" alt=""></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-image: url('./img/bg7.gif');"></td>
  </tr>
  <tr>
    <td style="height: 10px; background-image: url('./img/bg2.gif');"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-image: url('./img/bg5.gif');"></td>
  </tr>
  <tr>
    <td style="height: 10px; background-image: url('./img/bg3.gif');"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-image: url('./img/bg8.gif');"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-image: url('./img/bg6.gif');"></td>
  </tr>
  <tr>
    <td style="height: 10px; background-image: url('./img/bg2.gif');"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-image: url('./img/bg5.gif');"></td>
  </tr>
  <tr>
    <td style="height: 25px; background-image: url('./img/bg2.gif');"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #DCDCCD; text-align: center;">...</td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-image: url('./img/bg5.gif');"></td>
  </tr>
  <tr>
    <td style="height: 10px; background-image: url('./img/bg2.gif');"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-image: url('./img/bg5.gif');"></td>
  </tr>
  <tr>
    <td style="height: 100%; background-image: url('./img/bg2.gif');"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #DCDCCD; vertical-align: top;">
      <table cellpadding="25" cellspacing="0">
        <tr>
          <td>Du befinder dig her: Hovedsiden<br><img src="./img/line.gif" width="680" height="1" alt=""><br><br>Velkommen til ...</td>
        </tr>
      </table>
    </td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-image: url('./img/bg5.gif');"></td>
  </tr>
  <tr>
    <td style="height: 10px; background-image: url('./img/bg2.gif');"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-image: url('./img/bg5.gif');"></td>
  </tr>
  <tr>
    <td style="height: 25px; background-image: url('./img/bg2.gif');"></td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-color: #DCDCCD; text-align: center;">...</td>
    <td style="background-color: #8C8C82;"></td>
    <td style="background-image: url('./img/bg5.gif');"></td>
  </tr>
</table>

</body>

</html>
Avatar billede dawin_dk Nybegynder
05. oktober 2003 - 14:23 #36
prøv en gang:

<img src="./img/image.gif" width="75" height="75" alt="" hspace="0" vspace="0" border="0"><br><img src="./img/image.gif" width="75" height="75" alt="" hspace="0" vspace="0" border="0">

paste det direkte ind uden linieskift eller andet ... så skulle det funke ... men ellers så kig på class'es eller lign du har sat andre steder .. ved godt det ik skulle ha noget at ha sagt .. men med netscape kan man aldri vide... har være ude for hele DIV's der forsvandt pga af der var sat en class på et <a> tag ..
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 14:23 #37
Så er det bl.a. der hvor jeg har

...img src="header.jpg"...

og

Du befinder dig her: Hovedsiden<br><img src="./img/line.gif" width="680" height="1" alt=""><br><br>Velkommen til ...

at der er problemer!
Avatar billede wampiro-uha Nybegynder
05. oktober 2003 - 20:25 #38
Nå!
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
42 min siden VB script Af Jenshentze i Word
I dag 11:21 Popup ved opstart Af mort1 i Windows
04/0918:50 Slet lokal konto Af ErikHg i Windows
04/0916:05 Ændre tal i en celle Af xvid i Excel
04/0913:47 Dette er ikke en kommerciel session i Windows 11 Af eksmojo i Windows
White papers
Flere white papers »