1

ソーシャルメディアのリンクとメールアドレスが記載されたフォームとアイコンが記載された連絡先ページがあります。フォームが送信されると、アイコン/画像はページから消えますが、フォームは検証され、問題ありません。標準のimgタグとfloatLeftのクラスを使用しています。私は、CSSで相対的な位置を使用したときに誰かのために機能する解決策を見つけましたが、それでも私には運がありません。それはcssと関係があるに違いありません（少なくとも私はそうだと思います）。codeigniters img snippet（CI Frameworkを使用しています）を使用してみましたが、フォームの送信時に画像は問題ありませんが、CI画像タグをPタグと整列させる方法がわかりません。

問題となる可能性のあるものへのヘルプやリンクをいただければ幸いです。

ありがとう。

解決済み：

<img src="<?php echo base_url(); ?>assets/images/phone.png" alt="Phone" class="floatLeft"><p>123 456 789</p>
4

2 に答える 2

0

次のようにスタイルを変更します。

img.floatLeft{
    float:left;
    left:-20px;
    position:relative;
}

.contact-info{
    padding:10px 0px 10px 0px;
    height:38px;
    font-size:14px;
    overflow:hidden;
    clear:both;
}

画像ソースで相対リンクを使用しているため、画像がダウンロードされていることを確認してください。

于 2012-12-18T11:45:54.130 に答える
0

あなたは単にimg中に入れることができますp：

<p><?php echo img('assets/images/phone.png'); ?>Your paragraph here</p>

次に、画像に右パディングを追加して、テキストからオフセットします。それとも私は何かが足りないのですか？

于 2012-12-18T11:53:35.570 に答える