-2

申し訳ありませんが、これはおそらく「noob」の質問ですが、ここに行きます.tumblrテーマのヘッダーをサイドバーに変更しています。新しいクラスを作成しましたが、その 1 つのインスタンスにのみ使用する予定だったので、ID を作成できることに気付きました。新しい ID を作成しました:

#bigborder {font-size: 13px; height: 25px; padding: 2px; letter-spacing: 2px; text-transform: uppercase; color: #999; background-color: #222;}

古いdivクラスタグがあった場所に配置しました:

<div id="left"><div class="border"><center><a href="/">Page Title</a></center></div>

<div id="left"><div id="bigborder"><center><a href="/">Untitled</a></center></div>

単語は本文のデフォルトに戻りました。

参照用のページの CSS 全体を次に示します。

    <style type="text/css">

    iframe#ask_form {height: 150px!important;}

    img, img a {border: none;}

    body {font-family: offside; font-size: 7pt !important; color: #e4e4e4; background-color: #222; background-image:url(''); background-attachment: relative; margin-top:15px;}

    a {color: #fff; text-decoration: none !important; -webkit-transition-duration: .3s; text-transform: uppercase; letter-spacing: 2px;}

    #center {width:500px; background-color: transparent; padding:10px; margin: auto; font-size: 10px; margin-bottom: 20px;}

    #right {top: 30px; left:50%; margin-left:268px; position:fixed; width: 150px; text-transform: lowercase; padding: 5px; background-color: ; -webkit-border-radius:5px;-moz-border-radius:5px 5px 5px 5px; }

    #left {top: 30px; right:50%; margin-right:268px; position:fixed; width: 150px; text-transform: lowercase; padding: 5px; background-color: ; -webkit-border-radius:5px;-moz-border-radius:5px 5px 5px 5px;}

    .desc {padding: 9px; margin-bottom: 7px; font-size: 10px; width: auto;}

    .drop {margin-top: 5px; font-size: 10px;}

    #qtm {margin: 5px; display: inline-block; font-size: 40px; float: left;}

    #qt {margin: 5px; display: inline-block; font-size: 18px; width: 400px;}

    #src {font-size: 10px;}

    .entry {padding: 5px; background-color: #333; margin-top: 0px; margin-bottom: 20px; -webkit-transition-duration: .1s; -webkit-border-radius:5px;-moz-border-radius:5px 5px 5px 5px; overflow: hidden;}

    .entry:hover #perma {display: block;}

    .entry a {-webkit-transition-duration: .3s; color: #999;}

    .entry a:hover {color: #fff; texxt-transform: uppercase !important;}

    blockquote {border-left-width: 1px; border-left-style: dashed; border-opacity:.5; border-left-color: #666; padding:0px; padding-left: 5px; margin: 5px;}

    .search {width: 140px; background-color: #dcdcdc; font-size: 10px; border: none; text-align: center; padding: 5px;}

    .header {color: #fff; padding-bottom: 5px; border-bottom: 1px solid #444; margin-bottom: 5px; font-size: 25px; font-family: offside; -webkit-transition-duration: .3s; letter-spacing: 0px; text-transform: uppercase; text-align: center; }

    h2 {color: #fff; margin-bottom: 5px; font-size:20px;font-family: offside; -webkit-transition-duration: .3s; letter-spacing: 0px; text-transform: none; }

    .title {
    font-family: offside;
    font-size: 40px;
    font-style: normal;
    text-transform:none;
    letter-spacing: 0px;
    -webkit-transition-duration: .3s; 
    }

    #perma {display: none; margin-top: 5px;}

    .perma {text-align: center; background-color:; padding: 1px; font-size: 10px;}

    .perma_info {margin-left: 5px; margin-right: 5px;}

    .caption {margin-top: 5px; padding: 2px; background-color: font-size: 9pt; color: #e4e4e4;}

    .nav1 {font-size: 20px; margin-top: 5px; padding: 5px;}

    .nav2 {font-size: 20px; text-align: right; padding: 5px; margin-top: -34px;}

    .ask {padding: 5px; z-index: 1000000000; font-size: 30px; font-family: offside;}

    .q {background-color: #444; color: #fff; font-size: 12px;}

    .tri {font-size: 12px; margin-top: -5px; margin-bottom: 3px; color: ; z-index: -1000; margin-left: 15px;}

    .audio {width: 490px; text-align: center; background-color: #e4e4e4;}

    .label {font-weight: bold; margin-right: 15px;}

    blockquote p, ul{ margin:0px; padding:0px; }

    ul, ol, li{list-style:none; margin:0px; padding:0px;}

    .pages {margin: 5px 0 5px 0; text-align: center; line-height: 20px;}

    .pages a {padding: 2px 4px 2px 4px; background-color: #444; -webkit-transition-duration: .3s; color: #fff;}

    .pages a:hover {background-color: #222; color: #fff;}

    .touch {text-transform: uppercase; margin-bottom: 5px; padding: 3px; background-color: #0e49ab; text-align: right; -webkit-transition-duration: .3s; color: #fff; font-size: 8px; letter-spacing: 2px;}

    .touch:hover {background-color: #222; color: #fff;}

    .navi {margin-bottom: 5px; padding: 3px; background-color: #ffffff; -webkit-transition-duration: .3s; color: #777777;}

    .navi:hover {background-color: {color:Link Background Hover}; color: {color:Link Font Hover};}

    .border {font-size: 13px; height: 15px; padding: 2px; letter-spacing: 2px; text-transform: uppercase; color: #999; background-color: #222; margin-bottom: 13px; border: #333 1px solid; -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius:5px 5px 0px 0px;}

    .border a {color: #999; -webkit-transition-duration: .3s; width: 500px; }
    .border a:hover (color: #fff;)

    #bigborder {font-size: 13px; height: 25px; padding: 2px; letter-spacing: 2px; text-transform: uppercase; color: #999; background-color: #222;}


    </style>

私の質問は、作成した div id では機能しないため、境界線のサイズを変更するにはどうすればよいかということです。引用されたエラーはありますか?

4

1 に答える 1

0

この行には、終了<div>タグが 1 つだけあるようです。

<div id="left">
  <div id="bigborder">
    <center><a href="/">Untitled</a></center>
  </div>

の終了</div>タグが必要<div id="left">ですか?

編集

.border元のクラスには境界線のスタイルが設定されていることに気付きましたが、新しい ID#bigborderには何もありませんか?

于 2013-01-08T23:02:06.183 に答える