- 文字サイズ変更
- 小
- 中
- 大
解決済
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;}
最近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;}
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2020/09/24 18:46
ECマスターズの伊藤です。
> 最近HTML、CSSを独学で勉強し始めました。
> ショットスクリーンに仕様を載せています。
> 1行目と2行目の間の………（省略）………
> 最近HTML、CSSを独学で勉強し始めました。
> ショットスクリーンに仕様を載せています。
> 1行目と2行目の間の………（省略）………
- 返信者：非公開
- 2020/09/24 19:30
もっとシンプルに書かれたほうが良いかと思います。
同じ書体・フォントならBRで改行して、1.5とかで数値で入れてあげればいいです。
1.2とかでもOKです。………（省略）………
同じ書体・フォントならBRで改行して、1.5とかで数値で入れてあげればいいです。
1.2とかでもOKです。………（省略）………
- 返信者：非公開（質問者）
- 2020/09/25 07:45
Becky!さん
ご回答ありがとうございます。
書き換えましたが、解決でき出ないですね。
でもありがとうございます。
伊藤さん
htmlファイルを………（省略）………
ご回答ありがとうございます。
書き換えましたが、解決でき出ないですね。
でもありがとうございます。
伊藤さん
htmlファイルを………（省略）………
- 返信者：非公開（質問者）
- 2020/09/25 07:51
うまくアップ出来てないみたいですので、ソースを添付します。
<!DOCTYPE html>
<html lang="ja">
<head>
<met………（省略）………
<!DOCTYPE html>
<html lang="ja">
<head>
<met………（省略）………
- 返信者：非公開（質問者）
- 2020/09/25 07:56
完成イメージも添付します。
よろしくお願い致します。 ………（省略）………
よろしくお願い致します。 ………（省略）………
- 返信者：非公開
- 2020/09/25 11:53
ECマスターズの伊藤です。
> うまくアップ出来てないみたいですので、ソースを添付します。
ソースの詳細のご連絡ありがとうございました。
コメ………（省略）………
> うまくアップ出来てないみたいですので、ソースを添付します。
ソースの詳細のご連絡ありがとうございました。
コメ………（省略）………
- 返信者：非公開（質問者）
- 2020/09/26 07:09
伊藤さん
教えていただいた情報で解決しました。ありがとうございます！………（省略）………
教えていただいた情報で解決しました。ありがとうございます！………（省略）………
このフォーラムへの質問は終了しました
質問を検索する