2012-02-02 14 views
0

これはおそらく非常に簡単なことですが、いくつかのことを試してみましたが、何も問題なく動作しています。テキストの代わりに画像を追加する方法トップリンクの「マイカート」 - Magento

トップリンクに「My Cart」というテキストの代わりに買い物籠の画像があります。この画像をテキストではなくリンクとして表示するにはどうすればよいですか?

このイメージはmytheme/imagesにあります。私は

.top-link-cart { background url(HD/Applications/MAMP/htdocs/devsite/skin/frontend/default/mytheme/images/cart.png)left center no-repeat; } 

を置くことによってStyles.cssを編集したチェックアウト/ブロック/ Links.phpを編集しようとしている。しかしテキストの代わりに画像を取得するように見えることはできません。どんな助けもありがとうございます。ありがとう。

答えて

2

にURLを変更することができますあなたのCSSに以下のエラーがあった:背景

  • は、URLとキーワードの間にスペースがありません後にコロン(:)欠落

    • どのようなあなたのここ
    • あなたの画像リンクが(エラーではありませんが、簡単にライブサイトを置くようになります)、相対、絶対及びませんでした

    を左コードは:

    .top-link-cart { background url('../images/cart.png') left center no-repeat; } 
    
  • +0

    ご返信ありがとうございます。これはうまくいった。バックグラウンドn urlの間にコロンを置くだけです。どうもありがとう。一番上のカテゴリのメニュー名のすぐ隣に画像を入れる方法を教えてくれると思いますか? – ivn

    +0

    あなたが参照しているカテゴリがわかりません。リンクがありますか? –

    +0

    マイカートのテキストの隣に小さいカートアイコンを追加するにはどうすればいいですか? – nero

    0

    background:の後にコロンを追加しますか?

    +0

    これは私のコードです、それは間違っていますか? '.top-link-cart {margin-left:40px;背景:url(HD /アプリケーション/ MAMP/htdocs/devsite/skin/frontend/default/ats_theme/images/cart.png)no-repeat;幅:10px;高さ:10px; text-indent:-9999px;} ' – ivn

    +0

    コードが正しいように見えます。あなたは今どのような問題を経験していますか?不足しているコロンは、問題を引き起こしているように見えた最初のものでした。イメージが見えますか? – nulluser

    +0

    いいえ、画像がありません。私はまだカートのテキストを見ています。私は自分のCSSファイルにこの行を追加して、イメージが存在していても自分のフォルダにチェックインしました。nは適切な場所にあります。画像がまだまったく現れない理由は分かりません – ivn

    2

    使用background:url('image link')ノー・リピートしてからwidthheightもあなたがtext-indent: -9999px以上の数にあなたがイメージに残されると、あなたの文章が画面の外になり、このように定義してください定義を定義します。ここで

    を使用すると、CSSの画像の交換のために使用できる他の方法のトンです: http://css-tricks.com/css-image-replacement/

    1

    私は画像のURLが正しくありませんあなたはそれを表示しようとしているかのように、それは私には見えることを示唆していますディスク上の場所を使用します。実際には、ウェブサイトのルートに関連する場所である必要があります。

    たとえば、ウェブサイトルートがHD/Applications/MAMP/htdocs/の場合、URLを/devsite/skin/frontend/default/ats_the‌​me/images/cart.pngにする必要があります。

    また、あなたのcssファイルに関連することができます。だからあなたのCSSファイルがHD/Applications/MAMP/htdocs/devsite/skin/frontend/default/ats_the‌​me/css/である場合は、../images/cart.png

    +0

    私は両方の組み合わせを試しましたが、まだ動作していないようです。 – ivn

    +0

    それはちょうど働いた。以前は申し訳ありませんが、バックグラウンドn urlの間にコロンがありませんでした。私は '../ images/cart.png'と書いています。トップカテゴリのメニュー名の横にイメージを追加する方法を知っていると思いますか? – ivn

    関連する問題