| Autor | Zpráva | ||
|---|---|---|---|
| virgo86 Profil |
#1 · Zasláno: 14. 4. 2011, 19:15:41
Prosím o radu nahled problému: Odkaz
css
#navigation a span {
display: none;
}
#navigation a span.description {
color: #fff;
background-color: red;
font-size: 0.9em;
font-style: italic;
position:absolute;
top:250px;
display: block;
visibility: hidden;
}
#navigation a:hover span.description, div#navigation a:focus span.description {
visibility: visible;
}
.nahled {
width:100px;
float:left;
margin-left:10px;
background-color:rgb(183,183,183);
}html <div id="navigation">
<div class="nahled">
<a href="#obraz" title="ttt">
<img src="system/obrazky/tn_obr1.png">
<span class="description">
<img src="system/obrazky/obr1.png">
</span></a>
</div>
<div class="nahled">
<a href="#obraz" title="ttt">
<img src="system/obrazky/tn_obr1.png">
<span class="description">
<img src="system/obrazky/obr1.png">
</span></a>
</div>
<div class="nahled">
<a href="#obraz" title="ttt">
<img src="system/obrazky/tn_obr1.png">
<span class="description">
<img src="system/obrazky/obr1.png">
</span></a>
</div><br style="clear:both" />
<div class="nahled">
<a href="#obraz" title="ttt">
<img src="system/obrazky/tn_obr1.png">
<span class="description">
<img src="system/obrazky/obr1.png">
</span></a>
</div>
<div class="nahled">
<a href="#obraz" title="ttt">
<img src="system/obrazky/tn_obr1.png">
<span class="description">
<img src="system/obrazky/obr1.png">
</span></a>
</div>
<div class="nahled">
<a href="#obraz" title="ttt">
<img src="system/obrazky/tn_obr1.png">
<span class="description">
<img src="system/obrazky/obr1.png">
</span></a>
</div><br style="clear:both" />
</div> chci aby se fotografie zobrazi hned pod nahledy ale bohužel se zobrazí vždy posunuty nahled do prava. Zkoušel jsem zadat ještě left: ale to sice pomůže ale při zmenšení zobrazení stránky se to samozřejmě posune a je to uplně jinde. Už to řeším dlouho proto díky za pomoc a názor |
||
| Lupa Profil |
#2 · Zasláno: 14. 4. 2011, 19:46:59 · Upravil/a: Lupa
Skúšal si absolutnú poziciu?
Síce CSS som aj začiatočník, ale toto by malo fungovať. Edit ==>> Skús toto .nahled {
width:100px;
float:left;
position: absolute; left: 10px; top: ?px
background-color:rgb(183,183,183);
}Ospravedlnujem sa TOTO JE ZLE... Nevyrieši to nič |
||
| Lupa Profil |
#3 · Zasláno: 14. 4. 2011, 19:59:54
#navigation a span.description {
color: #fff;
background-color: red;
font-size: 0.9em;
font-style: italic;
position:absolute;
top:250px;
display: block;
visibility: hidden;
}left: 10px; |
||
| panther Profil |
#4 · Zasláno: 14. 4. 2011, 22:29:23
virgo86:
pokud se mají zobrazovat všechny na stejném místě, pak třeba takto: #navigation {position: relative}
.description {position: absolute; top: 100px; left: 10px;} |
||
| virgo86 Profil |
#5 · Zasláno: 15. 4. 2011, 06:40:38
Lupa:
„left: 10px;Malo by to fungovať.“ ne jak jsem, psal funguje ale při srolovani stranky se ti i tento div posune vždy o 10px z leva protože je position:absolute tím pádem bude stranka rozhozena |
||
| virgo86 Profil |
#6 · Zasláno: 17. 4. 2011, 08:20:53
panther:
Tvoje řešení samozřejmě v pohodě děkuji |
||
|
Časová prodleva: 13 let
|
|||
0