### 前提・実現したいこと
2カラムレイアウトで、
①画像の左にメニューを立てる。メニューの字(黒色)、背景色は白色で分かりやすくしたい。
②ノートパソコン13インチ程度でクロームとIEで最大化してずれない程度に見せたい。
③画像の中のメニューは
リストメニューを長方形(左)でずれた大きさで
手前に画像(右)を後ろにしたい。
以上よろしくお願いします。
ここに質問の内容を詳しく書いてください。
HTML,CSSでポートフォリオ作成中です。
トップ画面に、空の写真をバーンと貼り
その中に、1はじめに2どこの空?3空の街の一口メモ
みたいな感じで左側に文字(リストメニュー)を入れています。
こちらに、☆1.画像の中の文字の色と、背景色を変える方法
☆2.写真内に左揃えでリストの文字を入れる方法
☆3.写真で一つボックスイメージで、リストメニューを長方形でずれた大きさで
リストメニューを手前に画像を後ろにする方法
☆4.スマホサイズは今はいいですが、13インチパソコン画面で最大化でみた際
IE,クロームであまりずれない程度のデザインする方法
を聞きたいです。
発生している問題・エラーメッセージ
フォントの色が変更出来ていないです。
あと背景色も白にしたいができていません。
あと、行間隔もあかないです。
エラーメッセージ
該当のソースコード
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5<style> 6#wrap{ 7width:1000px; 8margin:0 auto; 9} 10.menu{ 11float:left 12} 13.menu a{ 14color: black; 15font:bold 20px /3em; 16display: block; 17} 18.photo{ 19float:right; 20opacity: 0.3; 21} 22li{ 23list-style-type:none; 24} 25</style> 26<body> 27 <div id="wrap"> 28 <div class="menu"> 29 <ul> 30 <li><a href="#">はじめに</a></li> 31 <li><a href="#">どこの海?</a></li> 32 <li><a href="#">海辺の街の一口メモ</a></li> 33 </ul> 34 </div> 35 <img src="photo/sky.jpg" class="photo"> 36 </div> 37</body> 38</html>
html,css言語使用しています。 ソースコード
試したこと
補足情報(FW/ツールのバージョンなど)
回答3件
あなたの回答
tips
プレビュー