float with Youtube

float with Youtube

http://systemboy.xsrv.jp/sliding-1/

width = 650　関連動画の非表示処理済
YouTubeのURLの後ろに ?rel=0″ を追加するだけで、関連動画が表示されなくなります。
「YouTubeの埋め込み動画に表示される関連動画を非表示方法」

関連動画の非表示処理済

メンテナンスサイトsliding-1

HTMLで、画像を文字を回り込ませる方法はそれほど難しくありません。うまくCSSをを利用すれば、すぐに実現できます。はじめはよくわからないかもしれませんが、とりえあずやってみましょう！HTMLで、画像を文字を回り込ませる方法はそれほど難しくありません。うまくCSSをを利用すれば、すぐに実現できます。はじめはよくわからないかもしれませんが、とりえあずやってみましょう！

メンテナンスサイトはsliding-1

floatプロパティをちゃんと設定しているはずなのに並んでくれない例です。実は、floatが指定されたボックスが横に並ぶためには、もうひとつ条件がありました。floatプロパティをちゃんと設定しているはずなのに並んでくれない例です。実は、floatが指定されたボックスが横に並ぶためには、もうひとつ条件がありました。floatプロパティをちゃんと設定しているはずなのに並んでくれない例です。実は、floatが指定されたボックスが横に並ぶためには、もうひとつ条件がありました。

実装中のCSS

/**************************************/
/******float with Youtube**************/
/**************************************/
.float-right{
  float:right;
  width:50%;
}
.float-left{
  float:left;
  width:50%;
}
.wrap:after{
display:block;
clear:both;
content:"";
}

メンテナンス　sliding-1
写真とテキストを横に並べたいfloatプロパティの方法