× このお仕事の募集は終了しています。

ページングページにおけるfloat 内部コンテンツの底辺を揃える css+htmlコーディング php ホームページ作成の仕事の依頼

4.9 本人確認未提出 発注ルールチェック未回答
クラウドワークスで発注するにあたり、 必要な知識・ルールを確認するためのチェックテストです。
もっと詳しく

仕事の概要

固定報酬制
〜 5,000円
納品完了日
-
掲載日
2017年05月04日
応募期限
2017年05月07日
希望する色 特になし・その他

応募状況

応募した人 4 人
契約した人 1 人
募集人数
気になる!リスト 1 人

仕事の詳細

目的・概要
お世話になります。
現在、料理レシピサイトを作成中で、料理一覧のページを作成したのですが、タイトル部分の底辺が揃わず行き詰っています。
http://www.choi-toku.com/ichiran.php?num=pg1
ボックスが3個横並びで5行、1ページ当たり15個の表示となります。
タイトルは0~30文字まで
ご覧のとおり、タイトルの長さにより、タイトル部分が1行、もしくは2行、もしくは3行になっており
料理画像の高さがバラバラですので、タイトルの底辺(料理画像の上辺)を、最も長いものに揃えるコーディングをお願いいたします。

一行目では、「ママレードチキンサラダ」の下に1行分空白を追加、「新じゃがと牛肉の甘辛煮」の下に2行分空白を追加し、春キャベツの高さに揃えます。
同じように2行目では、「キャベツとひき肉の重ね煮」の下に1行分空白を追加し、左2つと揃えます。
3行目では一番右に、4行目では右2つに、5行目では「グリンピースのペンネ」の下に1行分空白を追加し、左右に揃えます。


依頼詳細
報酬は安くて申し訳ないのですが、1500円を予定しております。

添付ファイル「クラウドワークス依頼資料.txt」のhtmlソース、cssソースをご覧ください。
現在、fboxの高さが255pxとなっていますが、最終的にはこの高さ設定をなくします。
タイトル部分の高さが揃えば、残りの画像の高さはどれも同じ、材料費とジャンルもどちらも一行なので、
高さ指定をしなくとも、ボックスの高さが揃うこととなります。

できたら依頼前にどのようにすれば可能になるか、簡単な説明をしていただけると幸いです。
もちろん教えてもらい、依頼をしないということはございません。
よろしくお願いいたします。
サイト種類
料理レシピ紹介
ターゲット像
10代 20代 30代 40代 50代 60代 70代
女性
期待する効果
  • 売上向上
参考サイトURL
http://www.choi-toku.com/ichiran.php?num=pg1
用意してある素材
なし
必要なページ
ワーカーにお任せ
納品方法
ワーカーにお任せ

添付ファイル

※ 募集が終了したお仕事の添付ファイルは、ダウンロードできません。

クライアント情報

最近応募したクラウドワーカー

クラウドワーカー 応募日時
ariMuu 2017/05/05 13:54
Freeway 2017/05/04 12:30
うぇっぶ工房 2017/05/04 11:39
tomo2010 2017/05/04 03:35