Div in Div
Maak ik een div binnen die div dan zie ik de tekst niet. Als ik de site dan inspecteer zie ik hem wel gewoon in de code staan maar de tekst niet.
Ik heb al een tijdje zitten prutsen maar ik kom er maar niet uit!
Hier een stukje index
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<ul class="css-tabs">
<li><a href="ajax1.html">Tab 1</a></li>
<li><a href="ajax2.html">Second tab</a></li>
<li><a href="ajax3.htm">An ultra long third tab</a></li>
</ul>
<div class="css-panes">
<div style="display:block">
<form>
<div>
Bij welk bedrijf ben jij werkzaam?
<br />
<input type="text" class="inputCls" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
</div>
<div class="suggestionsBox" id="suggestions" style="display: none;">
<div class="suggestionList" id="autoSuggestionsList">
</div>
</div>
</form>
</div>
</div>
<li><a href="ajax1.html">Tab 1</a></li>
<li><a href="ajax2.html">Second tab</a></li>
<li><a href="ajax3.htm">An ultra long third tab</a></li>
</ul>
<div class="css-panes">
<div style="display:block">
<form>
<div>
Bij welk bedrijf ben jij werkzaam?
<br />
<input type="text" class="inputCls" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
</div>
<div class="suggestionsBox" id="suggestions" style="display: none;">
<div class="suggestionList" id="autoSuggestionsList">
</div>
</div>
</form>
</div>
</div>
Hier een stukje css
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
/* tab pane */
.css-panes div {
display:none;
border:1px solid #666;
border-width:0 1px 1px 1px;
min-height:150px;
padding:15px 20px;
background-color:#ddd;
}
.css-panes div {
display:none;
border:1px solid #666;
border-width:0 1px 1px 1px;
min-height:150px;
padding:15px 20px;
background-color:#ddd;
}
Update: Op het moment dat ik display:none; weghaal is het wel zichtbaar alleen dan heb ik een dubbel border en rekt hij niet meer mee.
Gewijzigd op 05/09/2011 23:52:15 door Kjeld Hogenkam
Anyway, haal dat weg, voeg een class toe en zet daarin border: none.
Problem solved
hoezo haal je ze door elkaar? Tis totaal verschillend?
Je hoeft trouwens ook geen display: block; mee te geven, want een div is al een block element.
Oké dan, speciaal voor jou.
Gewijzigd op 06/09/2011 13:44:56 door Ozzie PHP
