Link doet het niet
Ik ben bezig met het maken van een website is meerdere talen.Op: http://4eSite.com/m kun je rechtsboven in uw taalvoorkeur kiezen. Dit werkt wel op mijn PC maar zodra ik het test op mijn telefoon kan ik de taal wel aanklikken maar wordt niet door gelinkt naar http://4eSite.com/m/eng
Dit is de css-code die ik voor dit stukje heb gebruikt:
Code (php)
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
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
<style>
#clickable_div {
width:23px;
height:50px;
margin-top: -10px;
margin-right: 10px;
font-size: 18px;
color: white;
float:right;
}
#nav_menu {
width:45px;
display: none;
font-size: 14px;
text-align: center;
color: <?php echo $sql['navtekst']; ?>;
background-color: <?php echo $sql['navigatie']?>;
height: auto;
margin-right: -30px;
margin-top: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid <?php echo $sql['navtekst']; ?>;
float: right;
}
#clickable_div:hover + #nav_menu{
display: inline-block;
position:relative;
z-index:1;
}
#nav_menu:hover {
display: inline-block;
}
#nav_menu a {
color: <?php echo $sql['navtekst']; ?>;
display: inline-block;
}
#nav_menu li:hover{
background-color: <?php echo $sql['navtekst']; ?>;
color: <?php echo $sql['navigatie']; ?>;
}
#nav_menu li:hover a{
color: <?php echo $sql['navigatie']; ?>;
display: inline-block;
}
#nav_menu li{
list-style: none;
margin-left: -40px;
}
</style>
#clickable_div {
width:23px;
height:50px;
margin-top: -10px;
margin-right: 10px;
font-size: 18px;
color: white;
float:right;
}
#nav_menu {
width:45px;
display: none;
font-size: 14px;
text-align: center;
color: <?php echo $sql['navtekst']; ?>;
background-color: <?php echo $sql['navigatie']?>;
height: auto;
margin-right: -30px;
margin-top: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid <?php echo $sql['navtekst']; ?>;
float: right;
}
#clickable_div:hover + #nav_menu{
display: inline-block;
position:relative;
z-index:1;
}
#nav_menu:hover {
display: inline-block;
}
#nav_menu a {
color: <?php echo $sql['navtekst']; ?>;
display: inline-block;
}
#nav_menu li:hover{
background-color: <?php echo $sql['navtekst']; ?>;
color: <?php echo $sql['navigatie']; ?>;
}
#nav_menu li:hover a{
color: <?php echo $sql['navigatie']; ?>;
display: inline-block;
}
#nav_menu li{
list-style: none;
margin-left: -40px;
}
</style>
Dit is de html-code die ik voor dit stukje heb gebruikt:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<div id="clickable_div"><div id="nav_text">NL</div>
</div>
<div id="nav_menu">
<ul>
<li><a href="eng/index.php">EN</a></li>
<li><a href="du/index.php">DE</a></li>
</ul>
</div>
Hopelijk zien jullie het foutje waarom het niet werkt op een telefoon.
Bedankt!
Gewijzigd op 13/12/2013 14:22:20 door CNEPHP -
Beide URL's bevatten geen fatsoenlijk HTML; misschien kan je smartphone daarmee gewoon niet uit de voeten?
http://4eSite.com/m/eng/index.php doet hij het wel. Maar het leek me niet handig omdat deze site in de toekomst op meerdere domeinen moet gaan lopen.
Als ik de URL Link dan eens naar kortweg /m/eng/ zonder hostnaam en zonder index.php?
Ja zo doet hij het inderdaad ook, Thanks!