0

オープンジャーナルシステムのcssコードを変更しています。サイドバーには、いくつかのパーツを含むいくつかのdivがあります。そのうちの1つには、ページのフォントサイズの変更に関する3つのリンク（大きいフォントサイズ-デフォルトのフォントサイズ-小さいフォントサイズ）が下部に含まれています。リンクのレイアウトは、を使用して並べて作成されました

float: left;

それから私はそれらのdivをよりスタイリッシュにしました。次のルールを追加しました。

border-radius: 8px;
border: 1px solid #aaa;
margin: 10px auto;
background: rgb(254,254,254);

しかし、リンクのfloat：leftルールのため、divの高さは十分ではないようです。そこで、前に述べた3つのリンクの直後に次の行を追加することにしました。

<div  style="clear:both"></div>

Webサイト全体でファイルを検索しましたが、どこにあるかわかりませんでした。3つのリンクの後にそのhtmlコードをどこに追加できるか誰かが知っていますか？

あなたは私の現在の問題のイメージを見ることができます。 私の問題

あなたが画像で見ることができるように、ボタン/リンクはdivの境界から出ます。これを修正するために上記の行を追加したいと思います。

4

1 に答える 1

1

oveflowを非表示にすることで、私の問題は解決しました。ありがとうCBroe

border-radius: 8px;
border: 1px solid #aaa;
margin: 10px auto;
background: rgb(254,254,254);
overflow:hidden;

問題は解決しました

別のアプローチ

しかし、nd_maciasが古いアプローチだと言っていても、別の解決策を見つけました。

public_html / lib / pkp / js/fontController.jsファイルを見つけました

次に、32行目から35行目で次のことを見つけました。

smallFontHtml = "<a href='javascript:void(0);' class='smallFont' title='" + minCaption +"'>" + minCaption + "</a> ";
defFontHtml = "<a href='javascript:void(0);' class='defaultFont' title='" + defCaption +"'>" + defCaption + "</a> ";
largeFontHtml = "<a href='javascript:void(0);' class='largeFont' title='" + maxCaption +"'>" + maxCaption + "</a> ";
$(container).html(smallFontHtml + defFontHtml + largeFontHtml);

次に、それを以下に変更しました。

smallFontHtml = "<a href='javascript:void(0);' class='smallFont' title='" + minCaption +"'>" + minCaption + "</a> ";
defFontHtml = "<a href='javascript:void(0);' class='defaultFont' title='" + defCaption +"'>" + defCaption + "</a> ";
largeFontHtml = "<a href='javascript:void(0);' class='largeFont' title='" + maxCaption +"'>" + maxCaption + "</a> ";
clearFix = "<div style='clear:both;'></div>";
$(container).html(smallFontHtml + defFontHtml + largeFontHtml + clearFix);

これは別の解決策として扱うことができます。

于 2013-03-22T14:56:33.860 に答える