llightboxポップアップ内のリンク

Question

私は現在、このpageに取り組んでいますが、lighboxのポップアップ内にリンクを追加しようとしていますが、これを行うと、ページに表示されているように画像が乱れる。画像がポップアップすると、これらの言葉（XHTML | Javascript | Jquery | Design |ロゴ）の下に表示します。何か案は。 HTMLは次のようになります。

<li><a href="images/huelarge.png" title="XHTML | Javascript | Jquery | Design | Logo<br /> 
<a href="services.php">Go to site</a>"> 
     <img src="images/huethumb.jpg" alt="" width="314" height="157" /></a></li> 
     <li> 

Answer 1

Java（または "A"リンクを構成するもの）の構造に誤りがあります。そのため、あなたはそのため貧困層構造、GTの

<a servers.php"="> <!--Your Link Text--> </a>gt;" 

のように見えるタグで終わる;」任意の要素の周りに巻かれることなく、DOMに追加されたマークアップどこのあなたの構造を見てみましょう。あなたはそれを生成し、それを修正

次に、あなたのCSSに：。

今

#sampler ul li{ 
    //everything else that was default stayed the same, add the next line. 
    position:relative; 
} 

、絶対位置のアンカーを作ることは、親（#sampler UL李）は相対的なものであるのです、それはスコープに固執します。その要素の。

#sampler ul li a{ 
    position:absolute; 
    //set your top and left values 
    top: value; 
    left: value 

} 

今、彼らは今、適切に見えるように、あなたがそのようなように、タグを固定した場合：

<a href="services.php"> <!--Your Link Text--> </a> 

意図したように、その要素を使用すると、スタイルができ、その時点で、絶対にLIと仕事の上に置きますアンカー要素は意図したとおりに配置し、あなたが好きな場所に配置するまで上端と左端を変更します。