つらい・・・

marginの値でマイナス値を設定してもよいのでしょうか？

解決済

質問者：初心者サイト作成
質問日時：2025/03/09 17:38
回答数：1件

ファイルアップロードが可能な質問掲示板を作成中で表示したい画像、動画の高さと横幅を CSS で設定しているのですが、動画（video要素）の時のみ height の影響によって上部にスペースが発生してしまい困っております。
margin の値にマイナスの値を設定することで解決できるのですが反則になるのではないかと思い心配です。

<?php
$upload_dir = wp_upload_dir();
echo '<div class="main_container">';
echo '<div class="quest_container">';
// var_dump($rows);
foreach ($rows as $row) {
$files = array_filter([$row->attach1, $row->attach2, $row->attach3]);
$views = []; //ＨＴＭＬをため込む配列の初期化する
foreach ($files as $file) {
$info = pathinfo($file);
$attach_url = $upload_dir['baseurl'] . '/attach/' . $info['basename'];
$ext = $info['extension'];
switch ($ext) {
case 'jpeg':
case 'png':
$views[] = '<img style="height:350px;width:530px" src="' . $attach_url . '">';
break;
case 'mp4':
$views[] = '<video height="350px" width="530px" src="' . $attach_url . '" controls>';
break;
case 'pdf':
$views[] = '<iframe style="height:350px;width:530px" src="' . $attach_url . '"></iframe>';
break;
default:
break;
}
}
$count = count($views);
if ($count == 1 || $count == 2) {
$qm = 'quest_markdown';
$qi = 'quest_item';
} else {
$qm = 'quest_markdown_group';
$qi = 'quest_item_group';
}
if (empty($row->usericon)) {
$usericon_src = 'wp-content/themes/sample_theme/images/noimage.png';
} else {
$usericon_src = $upload_dir['baseurl'] . '/attach/' . $row->usericon;
}
?>

<style>
.quest_header_title {
font-size: 25px;
display: inline-block;
vertical-align: top;
width: 1010px;
padding-right: 30px;
}

.quest_feeling_stamp {
display: inline-block;
}

.quest_item_group {
float: left;
display: inline-block;
margin-bottom: 25px;
padding: 0px 18px 0px 5px;
margin-top: -20px;
}

.quest_overview {
color: #e52d77;
font-size: 150%;
font-weight: 700;
width: 1098px !important;
margin-top: 25px;
}
</style>