link in css weghalen
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
55
56
57
58
59
60
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
<html>
<head>
<style type="text/css">
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}
img {
border: none;
}
#tabsB {
float:left;
width:auto;
background:#ffffff;
font-size:93%;
line-height:normal;
}
#tabsB ul {
margin:0;
padding:5px 10px 0 5px;
list-style:none;
}
#tabsB li {
display:inline;
margin:0;
padding:0;
}
#tabsB a {
float:left;
background:url("tableftB.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsB a span {
float:left;
display:block;
background:url("tabrightB.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {float:none;}
/* End IE5-Mac hack */
.bottom {position: absolute; top: 25px; left: 5px; width: 400px; height: 300px; border: #e3e3e3 1px solid; overflow:hidden;}
</style>
</head>
<body>
<div id="tabsB">
<ul>
<li><a href="#" title="Link 1"><span>Verhaal</span></a></li>
</ul>
</div>
<div class="bottom"></div>
</body>
</html>
<head>
<style type="text/css">
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}
img {
border: none;
}
#tabsB {
float:left;
width:auto;
background:#ffffff;
font-size:93%;
line-height:normal;
}
#tabsB ul {
margin:0;
padding:5px 10px 0 5px;
list-style:none;
}
#tabsB li {
display:inline;
margin:0;
padding:0;
}
#tabsB a {
float:left;
background:url("tableftB.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsB a span {
float:left;
display:block;
background:url("tabrightB.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {float:none;}
/* End IE5-Mac hack */
.bottom {position: absolute; top: 25px; left: 5px; width: 400px; height: 300px; border: #e3e3e3 1px solid; overflow:hidden;}
</style>
</head>
<body>
<div id="tabsB">
<ul>
<li><a href="#" title="Link 1"><span>Verhaal</span></a></li>
</ul>
</div>
<div class="bottom"></div>
</body>
</html>
maar hoe zou ik de link eruit kunnen halen dat het gewoon een text blijft ?
ik heb dit eruit gehaald maar werkte niet :
<a href="#" title="Link 1">
moet ik ook nog wat in de css weghalen ?
Gewijzigd op 01/01/1970 01:00:00 door Facho
weghalen moet gewoon werken, misschien foutje met opslaan?
Nopie had ik ook al geprobeerd als ik dat doe dan valt de text erbuiten
waar buiten?
Of ik begrijp je verkeerd, of jij begrijpt mij verkeerd. Maar dit is standaard HTML.
Wel een link
Geen link
Geen link (in de meeste browsers als ik me niet vergis), want href="" ontbreekt
Ik denk dat de fout in die css ligt
Gewijzigd op 01/01/1970 01:00:00 door facho
Je kan dan altijd nog overstappen naar javascript. :]
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
#tabsB {
float:left;
background:url("tableftB.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsB span {
float:left;
display:block;
background:url("tabrightB.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
float:left;
background:url("tableftB.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsB span {
float:left;
display:block;
background:url("tabrightB.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
En de <a [..]</a> weghalen (de <span> laten staan)
Technisch gezien is dit onmogelijk, je kan het wel zo maken alsof het normale tekst is door alles wat in een <span> staat een andere cursor te geven. :]
facho:
maar hoe zou ik de link eruit kunnen halen dat het gewoon een text blijft ?
Gewijzigd op 01/01/1970 01:00:00 door Willem Jan Z