【重要なお知らせ】フォーラム内の画像が一部表示されない状態について

画像共有サービス「Gyazo」(提供:株式会社Helpfeel)における不正アクセスが2026年9月16日に公表されました。この影響により、過去の質問・回答に掲載していた画像の一部が表示されなくなっております。ECマスターズクラブのシステムおよび会員情報への影響はございません。

画像が表示されず内容が分かりにくい投稿がございましたら、お手数ですが当該スレッドへのご返信、または新規のご質問にてお知らせください。改めてご案内いたします。

なお、Gyazoをご利用中の店舗様は、Helpfeel社からの告知内容をあわせてご確認くださいますようお願いいたします。

  • 文字サイズ


解決済

HTML,CSSコードに関して

  • 相談者:非公開
  • 2020/09/24 18:22
お世話になります。

最近HTML、CSSを独学で勉強し始めました。
ショットスクリーンに仕様を載せています。
1行目と2行目の間の空白を縮めたいです。
どう書けばいいでしょうか。

HTML部分:
<div class="boxA">
<a href="リンク">
<div class="box1">
<div class="box1a">
<img src="写真"width="80"height="80">
</div>
<div class="box1b">
<span class="smalltext">カバーオール</span><span class="cm">ロンパース</span>
</div>
</div>
</a>

CSS部分:
.smalltext {font-family: sans-serif;font-size: 25px;line-height:none;font-weight:bold;font-stretch: condensed;white-space: pre-wrap;text-align: center;vertical-align: top;}

.cm {font-family: sans-serif;font-size: 25px;font-weight:bold;}

.box1a{float: left;width: 10%;}

.box1b{float: left;width: 70%;padding-left: 49px;}

a {text-decoration:none;color:#51514f;}
キーワード:HTMLCSS文字間隔

投稿内容について報告する



  • 返信者:非公開
  • 2020/09/24 18:46
ECマスターズの伊藤です。

> 最近HTML、CSSを独学で勉強し始めました。
> ショットスクリーンに仕様を載せています。
> 1行目と2行目の間の………(省略)………
  • 返信者:非公開
  • 2020/09/24 19:30
もっとシンプルに書かれたほうが良いかと思います。
同じ書体・フォントならBRで改行して、1.5とかで数値で入れてあげればいいです。
1.2とかでもOKです。………(省略)………
  • 返信者:非公開(質問者)
  • 2020/09/25 07:45
Becky!さん
ご回答ありがとうございます。
書き換えましたが、解決でき出ないですね。
でもありがとうございます。

伊藤さん
htmlファイルを………(省略)………
  • 返信者:非公開(質問者)
  • 2020/09/25 07:51
うまくアップ出来てないみたいですので、ソースを添付します。

<!DOCTYPE html>
<html lang="ja">
<head>
<met………(省略)………
  • 返信者:非公開(質問者)
  • 2020/09/25 07:56
完成イメージも添付します。
よろしくお願い致します。 ………(省略)………
  • 返信者:非公開
  • 2020/09/25 11:53
ECマスターズの伊藤です。

> うまくアップ出来てないみたいですので、ソースを添付します。

ソースの詳細のご連絡ありがとうございました。

コメ………(省略)………
  • 返信者:非公開(質問者)
  • 2020/09/26 07:09
伊藤さん

教えていただいた情報で解決しました。ありがとうございます!………(省略)………
このフォーラムへの質問は終了しました