Versio

foto schuift achter divjes

ICT & Systeembeheer » Techtalk » foto schuift achter divjes

Overzicht Reageren

Niek Kasius

Niek Kasius

22/02/2009 13:12:00
Quote Anchor link
Ik heb een script met aantal diverse boxen, ik had het eerst met alleen de main_container en een box en alles met table en tbody in die ene box gezeten toen werkte het goed het verschuifde wel als ik met de muis aanwijzer over de foto's ging en de foto's groter werden, maar de rest maar dat bleef wel netjes binnen de main_container zonder dat het vervormd. maar omdat ik op "sceneone.nl" had gelezen dat tabelen bedoeld zijn voor tabulaire data, "niet dat ik weet wat dat betekend". dus heb ik alles in divjes gezet. maar het script met de divjes verschuivende foto's achter de andere divjes, vervormd de navigatie div. en ik heb position van die div id="box" nu veranderd van float naar position: absolute, en dan werkt het wel. Maar dan trekt de layout van de pagina niet meer mee als die word getoond met een lagere of hogere resolute.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
<style type="text/css">

#swap #logo {
display: block;
border: 0;
border-color:#816627;  
}
  
#swap a #logohover {
display: none;
left: 0px
}

#swap a:hover #logo {
display: none;
border-color:#816627;    
 }  

#swap a:hover #logohover {
display: block;
background: #F5C416;
}
 
#p a:hover #logohover {  
display: text;
background: #F5C416;
}

</style>

</head>
<body>
<div id="main_container">

<div id="box1">

<li>MENU</li>

<li>&nbsp;</li>

<li><a href="http://localhost/dchofland/gastenboek/index.php" target="_top">Gastenboek</a></li>

<li><a href="http://localhost/dchofland/kalgenda/agenda.php" target="_top">Agenda</a></li>

<li><a href="http://localhost/dchofland/cartering/fotoos/album.php" target"=_top">Foto&rsquo;s</a></li>

<li><a href="http://localhost/dchofland/carnaval/optocht.php" target="_top">Carnaval</a></li>

<li><a href="http://localhost/dchofland/toernooi/toernooi.php" target="_top">Jeugddarten</a></li>

<li><a href="http://localhost/dchofland/dchofland/index1.php" target="_top">Dartclub</a></li>

<li><a href="http://www.clubs.nl/community/default.asp?clubid=14001" target="_blank">Damvereniging</a></li>

<li><a href="http://members.home.nl/svbrunssum" target="_blank">Schaakvereniging</a></li>

<li><a href="http://www.opelclubmijnstreek.nl/news.php" target="_blank">Opelclub</a></li>
<li><br><br></li>

<li><div id="swap">
<a href="#">
  <img src="./plaatjes/zaal1.jpg" width="150px" height="100px" border="1" id="logo" alt="zaal">
<img src="./plaatjes/zaal1.jpg" width="400px" height="225px" border="1" id="logohover" alt="zaal">
<p id="logohover">
<font color="#816627">Der Thiejk</font></p></a></div></li>

<li> <div id="swap">
<a href="#">
                <img src="./plaatjes/zaal2.jpg" width="150px" height="100px" border="1" id="logo" alt="zaal">
                <img src="./plaatjes/zaal2.jpg" width="400px" height="225px" border="1" id="logohover" alt="zaal"><p id="logohover"><font color="#816627">Der Wiejrdschaft</font></p></a></div></li>

<li><div id="swap"><a href="#">
               <img src="./plaatjes/zaal3.jpg" width="150px" height="100px" border="1" id="logo" alt="zaal">
               <img src="./plaatjes/zaal3.jpg" width="400px" height="225px" border="1" id="logohover" alt="zaal"><p id="logohover"><font color="#816627">De Zoal gezien vanuit het wiejrdschaft</font></p></a> </div></li>

<li><div id="swap"><a href="#">
               <img src="./plaatjes/zaal4.jpg" width="150px" height="100px" border="1" id="logo" alt="zaal">
               <img src="./plaatjes/zaal4.jpg" width="400px" height="225px" border="1" id="logohover" alt="zaal"><p id="logohover"><font color="#816627">De Zoal gezien van hinger</font></p></a></div></li>
 </div>
</div>

<div id="box2"></div>
<div id="box3"></div>
<div id="box4"></div>
<div id="box5"></div>
<div id="box6"></div>
<div id="box7"></div>

</div>
Gewijzigd op 01/01/1970 01:00:00 door Niek Kasius
 
PHP hulp

PHP hulp

24/05/2012 17:22:40
Gesponsorde koppelingen:
 
Er zijn nog geen reacties op dit bericht.



Overzicht Reageren

Get Adobe Flash player