Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien
Toon posts:

fout in css foto gallery?

Pagina: 1
Acties:
  • 653 views

woensdag 19 maart 2008 20:55

Acties:

Verwijderd

Topicstarter
hallo ik heb een website gemaakt waarbij ik gebruik maak van css gallery.

De site is gemaakt met tabellen in frontpage. de gallery werkt bij mij gewoon.
nu krijg ik van sommige bezoekers het verhaal dat hij niet werkt. of de foto's half in beeld weg zet.
bij andere werkt hij wel helemaal normaal. iemand die mij kan vertellen waardoor het komt?

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>

<head>

<STYLE TYP="text/css">
<!--
A{text-decoration:none}
// -->

.fotocontainer { position: relative; height:210px; /* aanpassen aan de hoogte van de grootste afbeelding */ }

/* css-kenmerken kleine afbeelding (indien gewenst) */
.thumb img { }
.thumb:hover { }
.thumb:hover img { }

/* css-kenmerken grote afbeelding */
.thumb span { position: absolute; visibility: hidden; }
.thumb span img { border: solid thin #774B26 }
.thumb:hover span { 
visibility: visible;
top: 0px; left: 5%;
font-family: arial; font-size: 10pt; text-decoration: none; color: #000000; text-align: center;
z-index: 100; }

</STYLE>

<meta http-equiv="Content-Language" content="nl">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>site name</title>
</head>

<body background="achtergrond.jpg" vlink="#774B26" alink="#774B26" text="#774B26" link="#774B26" bgcolor="#774B26">

<div align="center">
  <center>
  <table border="2" cellpadding="0" cellspacing="0" width="862" bordercolor="#FFFFFF" height="98%">
    <tr>
      <td width="24" height="184" bgcolor="#FFFFFF" valign="middle" rowspan="2" bordercolor="#FFFFFF">
        <p align="center">&nbsp;</td>
      <td width="806" colspan="7" height="19" bgcolor="#FFFFFF" valign="middle">
        <p align="center">&nbsp;</td>
      <td width="22" height="184" bgcolor="#FFFFFF" valign="middle" rowspan="2">&nbsp;</td>
    </tr>
    <tr>
      <td width="806" colspan="7" height="163" bgcolor="#FFFFFF" valign="middle" bordercolor="#B59D87">
        <p align="center"><img border="0" src="top10.jpg" width="703" height="150"></td>
    </tr>
    <tr>
      <td width="24" height="84" bgcolor="#FFFFFF" bordercolor="#FFFFFF" rowspan="3">&nbsp;</td>
      <td width="9" height="1" bgcolor="#B59D87" bordercolor="#B59D87" colspan="2">&nbsp;
        <p>&nbsp;</p>
      </td>
      <td width="178" height="84" bgcolor="#B59D87" bordercolor="#B59D87" rowspan="3" valign="top">&nbsp;
        <p><a href="index.htm"><img border="0" src="button home.jpg" width="100" height="30" ></a></p>
        <p><a href="cattery.htm"><img border="0" src="button cattery.jpg" width="100" height="30" ></a></p>
        <p><a href="poezen.htm"><img border="0" src="button poezen.jpg" width="100" height="30"></a></p>
        <p><a href="castraten.htm"><img border="0" src="button castraten.jpg" width="100" height="30" ></a></p>
        <p><a href="kittens.htm"><img border="0" src="button kittens.jpg" width="100" height="30" ></a></p>
        <p><a href="nieuws.htm"><img border="0" src="Button Nieuws.jpg" width="100" height="30" ></a></p>
        <p><a href="foto_gallery.htm"><img border="0" src="button foto.jpg" width="100" height="30" ></a></p>
        <p><a href="links.htm"><img border="0" src="button links.jpg" width="100" height="30" ></a></p>
        <p><a href="contact.htm"><img border="0" src="button contact.jpg" width="100" height="30" ></a></p>
        <p><a href="gastenboek.htm"><img border="0" src="button_gastenbook.jpg" width="100" height="30"></a>
        <p>&nbsp;
        <p>&nbsp;</td>
      <td width="12" height="1" rowspan="2" valign="top"></td>
      <td width="389" height="85" rowspan="3" valign="top" bordercolor="#B59E88">
  </center>
      <p align="center"><b><font size="7" face="Palace Script MT">F</font>oto
      gallery</b>
        <div class="fotocontainer" style="width: 389; height: 479">
<p align="right">
<b>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ga met de muis over de
foto's&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a class="thumb" href="#"><img src="foto1.jpg" width="40px" height="32px" border="0" alt="foto1">
<span><img src="foto1.jpg" width="300" height="225"><br></span></a><br>
</b>
<a class="thumb" href="#"><img src="foto2.jpg" width="40px" height="32px" border="0" alt="foto2">
<span><img src="foto2.jpg" <br width="300" height="272"></span></a><br>
<a class="thumb" href="#"><img src="foto3.jpg" width="40px" height="32px" border="0" alt="foto3">
<span><img src="foto3.jpg" <br width="300" height="225"></span></a><br>
<a class="thumb" href="#"><img src="foto4.jpg" width="40px" height="50px" border="0" alt="foto4">
<span><img src="foto4.jpg" <br width="300" height="400"></span></a><br>
<a class="thumb" href="#"><img src="foto5.jpg" width="40px" height="50px" border="0" alt="foto5">
<span><img src="foto5.jpg" <br width="300" height="400"></span></a><br>
<a class="thumb" href="#"><img src="foto6.jpg" width="40px" height="50px" border="0" alt="foto6">
<span><img src="foto6.jpg" width="300" height="400"><br></span></a><br>
<a class="thumb" href="#"><img src="foto7.jpg" width="40px" height="32px" border="0" alt="foto7">
<span><img src="foto7.jpg" width="300" height="225"><br></span></a><br>
<a class="thumb" href="#"><img src="foto8.jpg" width="40px" height="32px" border="0" alt="foto8">
<span><img src="foto8.jpg" width="300" height="225"><br></span></a><br>
<a class="thumb" href="#"><img src="foto9.jpg" width="40px" height="50px" border="0" alt="foto9">
<span><img src="foto9.jpg" width="300" height="400"><br></span></a><br>
<a class="thumb" href="#"><img src="foto10.jpg" width="40px" height="32px" border="0" alt="foto10">
<span><img src="foto10.jpg" width="300" height="225"><br></span></a>
</div>

      <p align="center">&nbsp;</td>
  <center>
      <td width="13" height="1" rowspan="2" valign="top"></td>
  </center>
      <td width="195" height="1" bgcolor="#B59D87" bordercolor="#B59D87" valign="top">
        <p align="right">&nbsp;</p>
      </td>
  <center>
      <td width="22" height="84" bgcolor="#FFFFFF" rowspan="3">&nbsp;</td>
    </tr>
  </center>
  <tr>
    <td width="6" height="84" bgcolor="#B59D87" bordercolor="#B59D87" rowspan="2">&nbsp;</td>
    <td width="1" height="84" bgcolor="#B59E88" bordercolor="#B59D87" valign="top" rowspan="2">&nbsp;
      <p>&nbsp;</p>
      <p>&nbsp;
    </td>
    <td width="195" height="84" bgcolor="#B59E88" bordercolor="#B59D87" rowspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="12" height="84" valign="top"></td>
    <td width="13" height="84" valign="top"></td>
  </tr>
  <tr>
    <td width="832" height="22" bgcolor="#FFFFFF" colspan="8">
      <p align="right"><font face="Vladimir Script" size="4"><a href="mailto:Webmaster@mailadres.nl"><font color="#774B26">Webmaster</font></a></font></td>
    <td width="22" height="22" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  </table>
</div>

<div align="left">
  <table border="0" cellpadding="0" cellspacing="0" width="0" height="2">
    <tr>
      <td width="0" height="2"></td>
    </tr>
  </table>
</div>

</body>

</html>


Ik hoop dat iemand weet waar het in zit.

gr.

Lajois

woensdag 19 maart 2008 21:32

Acties:
  • kalizec
  • Registratie: September 2000
  • Laatst online: 17-07 01:45

kalizec

Wellicht is er ook een plaats waar de boel online staat. Het is tig keer handiger om het probleem te zoeken doordat je het kunt reproduceren. Je hebt de URL niet in de code staan, dus testen wordt voor andere Tweakers erg lastig.

Zelf kun je ook even met IE6, IE7, FF2, FF3, Opera en Safari kijken of je wellicht tegen hetzelfde probleem aan loopt. Of wellicht kun je even aan de betreffende gebruikers die klagen, vragen welke browser en welke resolutie het probleem optreedt.

Oh ja, neem even het algemeen beleid door. Het is not-done om onderaan een post de groeten te doen.

[ Voor 9% gewijzigd door kalizec op 19-03-2008 21:33 ]

Core i5-3570K/ASRock Z75 Pro3/Gigabyte Radeon HD7850/Corsair XMS3 2x4GB/OCZ Vertex2 64GB/3x640GB WD Black/24" B2403WS Iiyama x2/Nec 7200S

woensdag 19 maart 2008 21:36

Acties:
  • momania
  • Registratie: Mei 2000
  • Nu online

momania

iPhone 30! Bam!

kalizec schreef op woensdag 19 maart 2008 @ 21:32:

Oh ja, neem even het algemeen beleid door. Het is not-done om onderaan een post de groeten te doen.
Het is eerder not-done om zomaar een lap code te posten en ons maar laten zoeken naar een probleem. We verwachten wel wat eigen initiatief.

bv:
- Al eens in een andere browser gekeken zelf (FF, IE, etc)
- Aangeven wat je zelf al hebt geprobeerd.
- Beter aangeven waar precies het probleem zit. En alleen relevante code posten en idd een voorbeeld van de fout.
- Etc. ;)

[ Voor 3% gewijzigd door momania op 19-03-2008 21:37 ]

Neem je whisky mee, is het te weinig... *zucht*

woensdag 19 maart 2008 21:37

Acties:

Verwijderd

Topicstarter
De url is http://www.huysvanlajois.nl/foto_gallery.htm

Ik zal ff rond vragen wat de personen met problemen gebruiken.

En ja.. stom stom stom. ik weet het van de "de gr." het is een gewoonte, bij deze excusses.

[ Voor 5% gewijzigd door Verwijderd op 19-03-2008 21:37 ]

woensdag 19 maart 2008 21:47

Acties:
  • kalizec
  • Registratie: September 2000
  • Laatst online: 17-07 01:45

kalizec

Heb hier in ieder geval een layout bug in Firefox 2 op 1280x800. De foto verschijnt vrijwel helemaal linksboven en niet netjes in het witte gebied zoals in IE7 (thans FF2 met IETab).

[edit]

Ik zie het probleem al.

code:
1

position: absolute;


Deze code wordt door FF2 juist geinterpreteerd en daardoor verschijnt de boel links bovenin. IE7 wijkt af van de standaard en de boel komt daardoor op de juiste plek terecht. Haal die absolute eens weg of vervang deze door relative. Als het er in FF2 en IE7 er dan opeens identiek uit ziet weet je zeker dat dat het probleem was en hoef je alleen nog maar de CSS aan te passen zodat het weer werkt zoals bedoelt (als het dat al niet meteen doet).

[ Voor 58% gewijzigd door kalizec op 19-03-2008 21:51 ]

Core i5-3570K/ASRock Z75 Pro3/Gigabyte Radeon HD7850/Corsair XMS3 2x4GB/OCZ Vertex2 64GB/3x640GB WD Black/24" B2403WS Iiyama x2/Nec 7200S

donderdag 20 maart 2008 03:41

Acties:
  • f.v.b
  • Registratie: Januari 2008
  • Laatst online: 17-11 09:06

f.v.b

Er begint een <br> tag halverwege je <img> tag. Ik vermoed dat dit een typo is. Deze typo komt echter wel vier keer voor. Dit zal door diverse browsers verschillend worden afgebeeld.

HTML:
1

<span><img src="joris-1.jpg" <br width="300" height="225"></span>


De correcte code is denk ik:

HTML:
1

<span><img src="joris-1.jpg" width="300" height="225"><br></span>

Don't erase all files?
       [Yes]   [No]

donderdag 20 maart 2008 09:51

Acties:
  • reddevil
  • Registratie: Februari 2001
  • Laatst online: 06-10 14:25

reddevil

Een validator gebruiken had ook wel handig geweest voordat er gepost werd :)
Genoeg fouten die er gevonden worden.

[ Voor 20% gewijzigd door reddevil op 20-03-2008 09:51 ]

donderdag 20 maart 2008 17:04

Acties:

Verwijderd

Topicstarter
tnx zal met boven staande eens gaan stoeien.

donderdag 20 maart 2008 17:34

Acties:
  • XangadiX
  • Registratie: Oktober 2000
  • Laatst online: 26-05 15:01

XangadiX

trepanatie is zóó kinderachtig

lees het algemeen beleid eens door dan kom je erachter dat we zelf inzet verwachten, je geen lappen code moet plaatsen en we groeten ook niet, grm.

Stoer; Marduq

Pagina: 1

Dit topic is gesloten.

Apple iPhone 17 LG OLED evo G5 Google Pixel 10 Samsung Galaxy S25 Star Wars: Outlaws Nintendo Switch 2 Apple AirPods Pro (2e generatie) Sony PlayStation 5 Pro

Tweakers is onderdeel van DPG Media B.V.
Alle rechten voorbehouden - Auteursrecht © 1998 - 2025 • Hosting door TrueFullstaq