Notifikationer

Markér alle som læst Log ud

Slettet bruger

29. december 2007 - 19:16 Der er 23 kommentarer og
1 løsning

TD background image

Hej.

Jeg har lige lavet en index.html om fra Div (css) til en table.
Nu har jeg et problem, nemlig at et enkelt billede ikke vil virke.

Her er koden:

<td colspan="2" id="top-right-spacer_">
<a href="text/sitemap.html" target="content_frame"><img src="images/sitemap.gif" border="0" alt="Sitemap" /></a> <span id="addBookmarkContainer"></span> <a href="../gallery/index.php" target="_blank"><img src="images/gallery.gif" border="0" alt="Gallery" /></a></td>

Span som er der er et Javascript.

I min CSS har jeg følgende:

#top-right-spacer_ {
background-image:url(../images/top_right_spacer.jpg);
(allowtransparency:true) <-- har jeg prøvet også

Men det vil ikke virke.
Førhen var det en div, og der virkede det fint med background image og de andre billeder ovenpå.

Nogen som kan se en fejl, jeg er på meget bar bund

Synes godt om

w13 Novice

29. december 2007 - 19:18 #1

background-image:url(../images/top_right_spacer.jpg);
bør være:
background-image:url("/images/top_right_spacer.jpg");

Altså i anførselstegn. Og bemærk også, at stien starter med "/". Det betyder, at den starter i roden af serveren.

Synes godt om

Slettet bruger

29. december 2007 - 19:25 #2

Det er ikke det desværre.

Jeg har et par længere linie nede en iframe som også har:

#content-box_ {
background-image:url(../images/content_box.jpg)
}

og jeg har også min nederste blok:

#bottom-spacer_ {
background-image:url(../images/bottom_spacer.jpg)

Og de virker fint, det er bare den øverste som ikke vil fungere.

Synes godt om

w13 Novice

29. december 2007 - 19:38 #3

Og du er hundrede procent sikker på, at stien til billedet er korrekt? :)

Synes godt om

w13 Novice

29. december 2007 - 19:41 #4

Ellers må du lige sende hele HTML-koden og hele CSS-koden (eller et link til siden).

Det kan skyldes mange fejl, som ikke fremgår af de kodestumper, du skriver her.

Synes godt om

Slettet bruger

29. december 2007 - 19:45 #5

så længe det ikke virker vil jeg ikke sige jeg er sikker :)
Men billedet ligger samme sted som de to andre, nemlig i images mappen.
Css filen ligger i en css mappe, så derfor vil jeg mene den skal have ../ for at komme tilbage til index.html og derfra ind i images.
Fostår bare ikke at de 2 andre virker, og den så ikke gør..

Synes godt om

w13 Novice

29. december 2007 - 19:47 #6

Ang. "../" så er det altid en god idé at bruge "/" i stedet, så den går ud i hovedmappen først.

Kan jeg se et link, så jeg kan prøve at undersøge det?

Synes godt om

Slettet bruger

29. december 2007 - 19:47 #7

HTML:

<!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" xml:lang="en" lang="en">
<head>
<title>lalala</title>
<script type="text/javascript" src="js/rollover.js"></script>
<script type="text/javascript" src="js/add_bookmark.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>

<table id="Table_01" width="863" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="5" id="top-spacer_">
<img id="top_spacer" src="images/top_spacer.jpg" width="739" height="48" alt="" /></td>
<td colspan="2" id="top-right-spacer_">
<a href="text/sitemap.html" target="content_frame"><img src="images/sitemap.gif" border="0" alt="Sitemap" /></a> <span id="addBookmarkContainer"></span> <a href="../gallery/index.php" target="_blank"><img src="images/gallery.gif" border="0" alt="Gallery" /></a></td>
</tr>
<tr>
<td rowspan="7" id="left-spacer_">
<img id="left_spacer" src="images/left_spacer.jpg" width="31" height="558" alt="" /></td>
<td rowspan="7" id="content-box_">
<iframe name="content_frame" width="410" height="558" src="text/start.html" frameborder="0" allowtransparency="true"></iframe></td>
<td colspan="5" id="top-menu_">
<img id="top_menu" src="images/top_menu.jpg" width="422" height="86" alt="" /></td>
</tr>
<tr>
<td colspan="2" rowspan="6" id="center-pic_">
<img id="center_pic" src="images/center_pic.jpg" width="254" height="472" alt="" /></td>
<td colspan="2" id="main-menu_">
<img id="main_menu" src="images/main_menu.jpg" width="143" height="120" alt="" /></td>
<td rowspan="6" id="right-spacer_">
<img id="right_spacer" src="images/right_spacer.jpg" width="25" height="472" alt="" /></td>
</tr>
<tr>
<td colspan="2" id="kompetencer1_">
<a href="text/kompoversigt.html" target="content_frame"><img id="kompetencer1" border="0" src="images/kompetencer1.gif" oversrc="images/kompetencer2.gif" width="143" height="34" alt="" />
</a></td>
</tr>
<tr>
<td colspan="2" id="referencer1_">
<a href="text/referencer.html" target="content_frame"><img id="referencer1" border="0" src="images/referencer1.gif" oversrc="images/referencer2.gif" width="143" height="33" alt="" />
</a></td>
</tr>
<tr>
<td colspan="2" id="cv1_">
<a href="text/cv.html" target="content_frame"><img id="cv1" border="0" src="images/cv1.gif" oversrc="images/cv2.gif" width="143" height="37" alt="" />
</a></td>
</tr>
<tr>
<td colspan="2" id="kontakt1_">
<a href="text/kontakt.html" target="content_frame"><img id="kontakt1" border="0" src="images/kontakt1.gif" oversrc="images/kontakt2.gif" width="143" height="46" alt="" />
</a></td>
</tr>
<tr>
<td colspan="2" id="bottom-menu_">
<img id="bottom_menu" src="images/bottom_menu.jpg" width="143" height="202" alt="" /></td>
</tr>
<tr>
<td colspan="3" id="bottom-spacer_">
<br /> <a href="index.html"><img src="images/dk.gif" alt="Danish" /></a> <a href="uk/index.html"><img src="images/uk.gif" alt="English" /></a>
</td>
<td colspan="4" id="bottom-right-spacer_">
<img id="bottom_right_spacer" src="images/bottom_right_spacer.jpg" width="230" height="47" alt="" /></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="31" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="410" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="192" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="62" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="44" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="99" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt="" /></td>
</tr>
</table>

</body>
</html>

CSS:

<style type="text/css">

#top-right-spacer_ {
background-image:url(../images/top_right_spacer.jpg);
}

#content-box_ {
background-image:url(../images/content_box.jpg)
}

#bottom-spacer_ {
background-image:url(../images/bottom_spacer.jpg)
}

#content_frame {
allowtransparency:true
}

body {
background-color: transparent;
font-family:Verdana, Arial, Helvetica, sans-serif;
scrollbar-face-color:black;
scrollbar-highlight-color:grey;
scrollbar-3dlight-color:white;
scrollbar-darkshadow-color:white;
scrollbar-shadow-color:white;
scrollbar-arrow-color:white;
scrollbar-track-color:white;
}

h1 {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif
}

h2 {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif
}

a:link {
color:#000000
}

a:visited {
color:#000000
}

a:hover {
color:#990000
}
img {
border:0
}

</style>

Synes godt om

Slettet bruger

29. december 2007 - 19:48 #8

ah det ku jeg godt ha sat op i 2 posts, beklager :)

Synes godt om

w13 Novice

29. december 2007 - 19:48 #9

Postet præcis samtidig :)

Synes godt om

w13 Novice

29. december 2007 - 19:50 #10

Jeg ser ikke umiddelbart fejlen desværre. Du har ikke mulighed for at smide link? Eller sende mig det på: w13 (at) ofir (dot) dk?

Synes godt om

Slettet bruger

29. december 2007 - 19:52 #11

jeg forstår ikke hvad du mener med / istedet for ../

Som jeg har lært det gør ../ at den går en tilbage i mappestrukturen. Hvis jeg bare skriver /, tror den vil at min images ligger inde i min css mappe?

Synes godt om

Slettet bruger

29. december 2007 - 19:52 #12

jeg uploader det lige

Synes godt om

Slettet bruger

29. december 2007 - 19:54 #13

du kan se min side med DIV her: http://www.jjeppesen.dk
og du kan se den som ikke virker, med TABELS her: http://www.jjeppesen.dk/test/

Synes godt om

Slettet bruger

29. december 2007 - 19:55 #14

jeg kan også lige fortælle at den eneste grund jeg laver det om til tables er, at jeg ikke kan få det centreret med div :)
Så hvis du kan gøre det for mig istedet, jamen så er det næsten lige så godt :)

Synes godt om

w13 Novice

29. december 2007 - 20:00 #15

Nej, når du starter en sti med / går den tilbage til hovedmappen. Det er supersmart.

Jeg mener, jeg plejer at kunne centrere div'er ved at lave et div-element uden om alle andre, og så give den css'en: width:100%;text-align:center;
det er også en god idé at give det centrerede element css'en: margin:0 auto;

Synes godt om

w13 Novice

29. december 2007 - 20:08 #16

Hvis du ville gå ind i en mappe inde i css-mappen, sku' du skrive:
"mappe/fil.jpg"

Men min kode:
"/mappe/fil.jpg"
går ud i hovedmappen først og så ind i "mappe".

Synes godt om

Slettet bruger

29. december 2007 - 20:14 #17

hmm har lige forsøgt imens du kigger på table, hvis du stadig gør det :)

HTML:
<body>
<div id="layout">
<div id="Table_01"></div>
osv..
</div>

CSS:
#layout {
width:100%;
text-align:center;
margin:0 auto;
}

Korrekt? For det virker ikke :(

Synes godt om

w13 Novice

29. december 2007 - 20:18 #18

margin:0 auto;

skal være på elementet, som skal centreres. Dvs. på id="Table_01"

Synes godt om

w13 Novice

29. december 2007 - 20:18 #19

Muligvis skal du også bruge:
body{width:100%}

Synes godt om

Slettet bruger

29. december 2007 - 20:30 #20

kan jeg ikke lige få til at virke.
er det den løsning jeg skal prøve, jeg synes jeg kunne læse på nettet at det er umuligt at få centreret dem

Synes godt om

Slettet bruger

29. december 2007 - 20:30 #21

altså div når der er så mange, css er sat op som absolute.

Synes godt om

Slettet bruger

29. december 2007 - 20:38 #22

HTML:
<div id="layout">
<div id="Table_01"></div>
<div id="top-spacer_">
<img id="top_spacer" src="/images/top_spacer.jpg" width="739" height="48" alt="" />
</div>
<div id="top-right-spacer_">
osv osv osv...

Skal jeg sætte margin:0 auto på dem alle?

Synes godt om

Slettet bruger

03. januar 2008 - 17:52 #23

Ingen som kan hjælpe?

Synes godt om

Slettet bruger

07. februar 2008 - 22:13 #24

min underviser kunne det, der kan man bare se :)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Se alle it-kurser fra Computerworld Kurser

IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Se alle it-kurser

Flere spørgsmål fra Småopgaver kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Negativ billeder på samsung Af ALICE i Småopgaver	2	16/01/202610:29	16/01/202618:31
Flytte mappe fra stationær til bærbar Af valby i Småopgaver	20	07/05/202520:51	10/05/202513:43
Hjælp til DC motorstyring Af axel21 i Småopgaver	7	06/03/202522:34	10/03/202518:51
Gode råd til kommende supporter Af SilentSloth i Småopgaver	4	31/12/202423:10	01/01/202515:09
Udregning af vinkel på brædder. Af Peter i Småopgaver	14	11/12/202415:12	13/12/202415:40

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS