我的文字之间有一些图像,其中一个图像显示不正确,无法找出原因......(它是#abbey one,4th ul list,3rd image)。这是HTML,然后使用jquery加载到另一个页面。
<br/>
<h1>Programski jeziki</h1>
<ul>
<li><span class="bold">Java: </span>Opravljen izpit Osnove Programiranja kot del poklicnega tečaja Tehnik Računalništva, učenje na lastno pest.</li>
</ul>
<h1>Spletno oblikovanje</h1>
<ul>
<li><span class="bold">HTML, CSS: </span>Opravljen izpit Načrtovanje in razvoj spletnih aplikacij kot del poklicnega tečaja Tehnik Računalništva, opravljen tečaj na spletni strani <a href=www.codeacademy.com>codeacademy</a>.</li>
<li><span class="bold">PHP: </span>opravljen tečaj na spletni strani <a href=www.codeacademy.com>codeacademy</a>, ki zajema variables, arrays, functions, classes, loops.</li>
<li><span class="bold">Javascript: </span>opravljen tečaj na spletni strani <a href=www.codeacademy.com>codeacademy</a>, učenje na lastno pest
<li><span class="bold">Jquery: </span>osnovno poznavanje uporabe ter načina dela, učenje ob uporabi ter na spletni strani <a href=www.codeacademy.com>codeacademy</a>.
</ul>
<h1>Ostala računalniška znanja</h1>
<ul>
<li>programi MS Office (Word, Excel, PowerPoint)</li>
<li>poizvedbe po podatkovni bazi (mySQL)</li>
</ul>
<h1>Drugo</h1>
<ul>
<li><span class="bold">Retorika, moderatorika in argumentacija</span><br/>Član mednarodne debatne ekipe 4 leta v gimnaziji.</li>
<img class="thumbnail" id="cicero" src="images/cicero_thumbnail.jpg" alt="p" />
<img class="thumbnail" id ="pokal" src="images/pokal_thumbnail.jpg" alt="p" />
img class="thumbnail" id="idea" src="images/idea_thumbnail.jpg" alt="p" />
<li><span class="bold">Komunikacija s strankami</span><br/>študentsko delo: anketiranje(klicni center+v živo)</li>
<li><span class="bold">Tuji jeziki:</span>
angleščina: dodatno učenje angleškega jezika od začetka osnovne šole, obiskovanje poletnih taborov (Bohinj, Anglija)
<img class="thumbnail" id ="abbey" src="images/abbey_thumbnail.jpg" alt="p" />
<a>francoščina: učenje francoščine kot drugi tuji jezik v gimnaziji (4 leta)</a>
</li>
<li><span class="bold">Vozniški izpit B kategorije</span></li>
</ul>
<script>
$(".thumbnail").hover( function() {
$(this).fadeTo(500, 1);
},
function() {
$(this).fadeTo(1000, 0.5);
});
$("#cicero").on("click",function(){
window.open('images/cicero.jpg','_blank');
});
$("#pokal").on("click",function(){
window.open('images/pokal.jpg','_blank');
});
$("#idea").on("click",function(){
window.open('images/idea.jpg','_blank');
});
$("#abbey").on("click",function(){
window.open('images/abbey.jpg','_blank');
});
</script>
答案 0 :(得分:3)
您的第三个img
标记缺少开头<
字符。
像这样更改您的第4个UL:
<ul>
<li><span class="bold">Retorika, moderatorika in argumentacija</span><br/>Član mednarodne debatne ekipe 4 leta v gimnaziji.</li>
<img class="thumbnail" id="cicero" src="images/cicero_thumbnail.jpg" alt="p" />
<img class="thumbnail" id ="pokal" src="images/pokal_thumbnail.jpg" alt="p" />
<img class="thumbnail" id="idea" src="images/idea_thumbnail.jpg" alt="p" />
<li><span class="bold">Komunikacija s strankami</span><br/>študentsko delo: anketiranje(klicni center+v živo)</li>
<li><span class="bold">Tuji jeziki:</span>
angleščina: dodatno učenje angleškega jezika od začetka osnovne šole, obiskovanje poletnih taborov (Bohinj, Anglija)
<img class="thumbnail" id ="abbey" src="images/abbey_thumbnail.jpg" alt="p" />
<a>francoščina: učenje francoščine kot drugi tuji jezik v gimnaziji (4 leta)</a>
</li>
<li><span class="bold">Vozniški izpit B kategorije</span></li>
</ul>