0

css が .build クラスの div で機能しない理由を理解しようとしています。どこで間違ったのかわかりません。HTML:

<!DOCTYPE HTML>
<html>
<head>
        <title> Build Projects

    (bryan22)

    </title>
<link href = 'obpstyle.css' rel = 'stylesheet' type = 'text/css' />
</head>
<body>
    <h1> Build Projects </h1>   
    <strong> bryan22 </strong>
    <a class = 'navbut' href = 'index2.php'>Home</a>
    <a class = 'navbut' href = 'obpmembers.php'>Members</a>
    <a class = 'navbut' href = 'obpfriends.php'>Friends</a>
    <a class = 'navbut' href = 'obpmessages.php'>Messages</a>
    <a class = 'navbut' href = 'obpmembers.php?view=bryan22'>Profile</a>
    <a class = 'navbut' href = 'obpbrowse.php'>Browse Builds</a> 
    <a class = 'navbut' href = 'obplogout.php'>Log Out</a>

    <div class = 'showProfile'> <h3 class = 'heading'>Your Page</h3>
        <div id = 'profimg'>
            <img src = '../website/users/bryan22/bryan22.jpg' />
        </div>
        <p class = 'usertext'>
            I'm Bryan!
        </p>
        <form action = '' method = 'post'>
            <input type = 'submit' name = 'edit' value = 'Edit' />
        </form>
    </div>
    <div class = 'builds'>
        <a href = 'obpbuilds.php?view=bryan22&build=The Danger Ranger'>
            <strong>The Danger Ranger</strong>
            <br />
        </a>
<img src = '../website/users/bryan22/The Danger Ranger/The Danger Ranger.jpg' />
    </div>
    <div class = 'builds'>
        <a href = 'obpbuilds.php?view=bryan22&build=450 monster'>
            <strong>450 monster</strong>
            <br />
        </a>
    <img src = '../website/users/bryan22/450 monster/450 monster.jpg' />
    </div>
    <a href = 'obpmessages.php?view=bryan22'> Your Messages</a> 
    <a href = 'obpfriends.php?view=bryan22'> Your Friends</a></body>
</html>

CSS:

.builds
{
float:right; !important;
font-family:helvetica;
background-color:red !important;
}
.showProfile
{
/*float:left;*/
background-color:red
}

ビルド div を showProfile div の隣にフロートさせたいだけですが、背景色でさえ機能していません。洞察力を教えてください。ありがとう！

4

2 に答える 2

0

適用されたクラスで div を作成する PHP ループに問題はありません。ループの反復ごとに、CSS を取得して使用する必要があります。

コメントしたように、フィドルで HTML/CSS が適切に機能している場合は、HTML、CSS、または PHP に他の問題があり、コードの形式が正しくないか、置き換えられている必要があります。

于 2013-01-03T07:57:09.453 に答える
-1

あなたのために簡単なレイアウトを作りました。これがあなたが探しているものであることを願っています: codepen。

于 2013-01-03T03:22:49.713 に答える