Moinsen, habe 2 Styling Probleme
[Blocked Image: http://ro-artz.x10.mx/paradisefx.png]
Problem1 (hier in gelb)
Kann man hier die Buttons individuell verschieben. oder nur den oberen, bzw. den unteren anzeigen lassen (mit display: none;)
Ich habe das Problem das der obere Button zu sehr schon am Content dranpickt. Aber immer wenn ich ein padding, bzw. margin erstelle verschiebt sich der untere gleich mit. (haben die selbe klasse).
Problem2 (hier in Blau)
Sollte selbsterklärend sein, einfach die Box weiter raufschieben
Mein (derweiliger) CSS Code:
CSS
#header, #logo, #mainMenu, .mainMenu .mainMenuInner {
border: 0px !important;
border-style:none !important;
}
.largeButtons li a {
border-width: 0;
font-family: Tahoma;
font-size: 12px;
font-weight: bolder;
padding-top: 0;
position: relative;
top: 5px;
}
.largeButtons li {
border-style: none;
}
.mainHeadline.headlineContainer {
margin-top: 0px;
}
.borderMarginRemove {
border: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.containerHead {
font-family: Verdana;
font-size: 11px;
font-weight: bold;
height: 23px;
margin-bottom: 5px;
}
.container-1 a, .messageInner .color-1 a, .container-2 a, .messageInner .color-2 a {
color: #fff;
}
.container-1 a:hover, .messageInner .color-1 a:hover, .container-2 a:hover, .messageInner .color-2 a:hover {
color: #0070df;
}
.boardlistLastPost {
padding-top: 3px;
font-family: Tahoma;
font-size: 10px;
color: #fff;
}
.boardlistTitle.boardlistCols-2 {
font-family: Tahoma;
font-size: 10px;
color: #fff;
padding-top: 5px;
}
.boardlistInner.container-1, .boardlistInner.container-2 {
background-image: url(../images/pfx/main_topic_bg.png);
background-repeat: no-repeat;
height: 44px;
width: 972px;
padding-top: 0px;
margin-top: -9px;
margin-bottom: -5px;
color: #fff;
}
.mainMenuInner ul li {
padding-right: 1px;
}
#profileEditContent
{
margin-top: 35px;
}
#boardlist h3
{
font-weight:bold;
}
.border {
border-width: 0px;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
}
.board .boardlistStats {
display:none;
}
.searchContainer {
position: relative;
left: 14px;
top: 110px;
right: 3px;
}
.containerHead a:hover {
color: #FFFFFF;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
.containerContent {
padding-top: 4px;
margin-left: 5px;
}
#main {
background-image: url("../images/pfx/mainbg.png");
background-repeat: repeat-y;
margin-top: -37px;
width: 972px;
z-index: 120;
}
.mainHeadline {
margin-top: -3px;
height: 79px;
margin-bottom: 0px;
background: url("../images/pfx/wbb_welcome.png") no-repeat left top;
padding-left: 10px;
z-index: 120;
}
.headlineContainer h2 {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
color: white;
margin-top: 0px;
}
.headlineContainer {
margin-top: 0px;
padding-top: 30px;
}
#userPanel {
position: absolute;
top: 0px;
left: 620px;
z-index: 120;
}
.userPanel, .userPanel a {
color: #ffffff !important;
}
#userNote {
color: white;
}
.mainMenuInner {
}
.mainMenu {
font-family: Verdana;
font-size: 10px;
border-width: 0 0px;
}
.mainMenu a {
border-width: 0 0px;
}
#mainMenu {
border-color: #FFFFFF;
border-style: solid;
border-width: 0 !important;
position: relative;
text-decoration: none;
top: -34px;
width: 789px;
z-index: 120;
}
.editor textarea, .inputText, select, textarea {
font-family: Tahoma;
}
.editor textarea, .inputText, select, textarea {
font-size: 0.75em;
}
#searchInput {
width: 12em;
}
#main {
margin-top: -60px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.tableList {
width: 99.9%;
}
.largeButtons {
margin-right: 10px;
}
.footerOptions ul {
display: none;
}
.footerOptions li {
display: none;
}
.tableList td {
background-image: url("../images/pfx/main_topic_bg.png");
border-color: #212325;
border-left: 0 none #212325;
border-right: 0 none #212325;
border-top: 0 none #212325;
}
.tableList td {
border-style: solid;
font-family: Verdana;
font-size: 10px;
}
.tableList .columnTopic div.topic {
font-weight: bold;
}
.tableHead a, .tableHead .emptyHead {
border-style: solid;
color: #747474;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
padding-top: 3px;
}
.tableHead .active .emptyHead, .tableHead .active a {
color: #747474;
}
.tableList td {
border-style: none;
}
.tableHead a, .tableHead .emptyHead {
border-style: none;
}
.infoBox .container-1, .infoBox .container-2 {
padding-top: 0px;
}
.tableList th {
border-style: none;
font-weight: normal;
}
#footer{
border-width: 0;
background-image: url(../images/pfx/footer.png);
background-repeat: no-repeat;
height: 174px;
width: 972px;
margin-top: -29px;
}
.copyright {
position: relative;
top: 80px;
}
.footerOptionsInner {
}
.pageOptions {
position: relative;
top: -40px;
margin-right: 10px;
}
.infoBox {
background-image: url(../images/pfx/statistics.png);
background-repeat: no-repeat;
height: 84px;
width: 972px;
padding-left: 5px;
padding-top: 10px;
margin-top: -31px;
}
.infoBox.container-1 {
padding-bottom: 4px;
margin-top: 0px;
padding-top: 0px;
}
.infoBox h3 {
color: white;
}
.color-1 legend, .container-1, .container-1 legend, .iframeBody, .inlineCalendarTable, .messageInner .color-1 {
color: #666666;
}
.border.titleBarPanel {
padding-bottom: 3px;
}
.containerIcon {
width: 36px;
padding-right: 5px;
margin-top: 1px;
}
.contentHeader {
padding-top: 0px;
margin-top: -38px;
}
.breadCrumbs {
margin-bottom: 0px;
margin-top: 0px;
padding-left: 10px;
position: relative;
bottom: 0px;
left: 60px;
top: 30px;
height: 0px;
}
.mainHeadline .headlineContainer {
margin-top: 25px;
}
.mainHeadline img {
margin-left: 5px;
margin-top: 12px;
}
Display More
Ich hoffe auf die Lösung meines Problemes
Grüße