[Michael]

Schau dir dein Stylesheet mal an, dann solltest du sehen woran es liegt: http://germanen.redio.de/Forum/cache/the...global.css

[Heno3]

Ich finde im Code keine großartigen Fehler:

PHP-Code:

a:link {
color: #804000;
text-decoration: none;
}
.thead a:link {
background: #804000;
color: #DFD5BA;
text-decoration: none;
}
.tcat a:link {
color: #804000;
}
.tfoot a:link {
color: #EFEBDF;
text-decoration: none;
}

.navigation a:link {
color: #804000;
text-decoration: none;
}
#panel .links {
color: #804000;
margin: 0;
float: right;

text-decoration: #804000;
}


LG

[StefanT]

Ich kann den Link leider nicht öffnen, kann mir aber nicht vorstellen, dass das der gesamte Code ist.

[Heno3]

Nein ich hatte alles kopiert was mit Links zu tun hat.
Hier der ganze Code:

PHP-Code:

body {
background: #804000;
text-align: center;
line-height: 1.4;
}

font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}

a:link {
color: #804000;
text-decoration: none;
}

a:visited {
color: #804000;
text-decoration: none;
}

a:hover, a:active {
color: #804000;
text-decoration: underline;
}

#container {
background: #EFEBDF;
width: 95%;
color: #804000;
border: 1px solid #e4e4e4;
margin: auto auto;
padding: 20px;
text-align: left;

text-decoration: #804000;
}

#content {
width: auto !important;
color: #804000;
text-decoration: #804000;
}

.menu ul {
color: #000000;
font-weight: bold;
text-align: right;
padding: 4px;
}

.menu ul a:link {
color: #80400;
text-decoration: none;
}

.menu ul a:visited {
color: #000000;
text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
color: #804000;
text-decoration: none;
}

#panel {
background: #DFD5BA;
color: #804000;
border: 1px solid #D4D4D4;
padding: 8px;

text-decoration: #804000;
font-size: 11px;
}

table {
color: #000000;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}

.tborder {
background: #804000;
width: 100%;
margin: auto auto;
border: 1px solid #EFEBDF;
}

.thead {
background: #804000;
color: #000000;
text-decoration: #DFD5BA;
}

.thead a:link {
background: #804000;
color: #DFD5BA;
text-decoration: none;
}

.thead a:visited {
color: #DFD5BA;
text-decoration: none;
}

.thead a:hover, .thead a:active {
color: #DFD5BA;
text-decoration: underline;
}

.tcat {
background: #DFD5BA;
color: #000000;
font-size: 12px;
}

.tcat a:link {
color: #804000;
}

.tcat a:visited {
color: #000000;
}

.tcat a:hover, .tcat a:active {
color: #000000;
}

.trow1 {
background: #EFEBDF;
text-decoration: #804000;
}

.trow2 {
background: #EFEBDF;
text-decoration: #804000;
}

.trow_shaded {
background: #EFEBDF;
color: #EFEBDF;
text-decoration: #804000;
}

.trow_selected td {
background: #EFEBDF;
text-decoration: #804000;
}

.trow_sep {
background: #EFEBDF;
color: #000;
text-decoration: #804000;
font-size: 12px;
font-weight: bold;
}

.tfoot {
background: #804000;
color: #ffffff;
}

.tfoot a:link {
color: #EFEBDF;
text-decoration: none;
}

.tfoot a:visited {
color: #ffffff;
text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
color: #ffffff;
text-decoration: underline;
}

.bottommenu {
background: #DFD5BA;
color: #000000;
border: 1px solid #804000;
padding: 10px;
}

.navigation {
color: #000000;
font-size: 13px;
font-weight: bold;
}

.navigation a:link {
color: #804000;
text-decoration: none;
}

.navigation a:visited {
text-decoration: none;
}

.navigation a:hover, .navigation a:active {
text-decoration: none;
}

.navigation .active {
color: #000000;
font-size: small;
font-weight: bold;
}

.smalltext {
color: #804000;
text-decoration: #804000;
font-size: 11px;
}

.largetext {
font-size: 16px;
font-weight: bold;
}

input.textbox {
background: #ffffff;
color: #000000;
border: 1px solid #0f5c8e;
padding: 1px;
}

textarea {
color: #000000;
border: 1px solid #0f5c8e;
padding: 2px;
line-height: 1.4;

font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}

select {
background: #ffffff;
border: 1px solid #0f5c8e;
}

.editor {
background: #f1f1f1;
border: 1px solid #ccc;
}

.editor_control_bar {
background: #fff;
border: 1px solid #0f5c8e;
}

.autocomplete {
background: #fff;
border: 1px solid #000;
color: black;
}

.autocomplete_selected {
background: #adcee7;
color: #000;
}

.popup_menu {
background: #ccc;
border: 1px solid #000;
}

.popup_menu .popup_item {
background: #fff;
color: #000;
}

.popup_menu .popup_item:hover {
background: #C7DBEE;
color: #000;
}

.trow_reputation_positive {
background: #EFEBDF;
color: #804000;
text-decoration: #804000;
}

.trow_reputation_negative {
background: #EFEBDF;
color: #EFEBDF;
text-decoration: #804000;
}

.reputation_positive {
color: green;
}

.reputation_neutral {
color: #444;
}

.reputation_negative {
color: red;
}

.invalid_field {
border: 1px solid #f30;
color: #f30;
}

.valid_field {
border: 1px solid #0c0;
}

.validation_error {
background: url(../../../images/invalid.gif) no-repeat center left;
color: #f30;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}

.validation_success {
background: url(../../../images/valid.gif) no-repeat center left;
color: #00b200;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}

.validation_loading {
background: url(../../../images/spinner.gif) no-repeat center left;
color: #555;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}

/* Additional CSS (Master) */
img {
border: none;
}

.clear {
clear: both;
}

.hidden {
display: none;
float: none;
width: 1%;
}

.float_left {
float: left;
}

.float_right {
float: right;
}

.menu ul {
list-style: none;
margin: 0;
}

.menu li {
display: inline;
padding-left: 5px;
}

.menu img {
padding-right: 5px;
vertical-align: top;
}

#panel .links {
color: #804000;
margin: 0;
float: right;

text-decoration: #804000;
}

.expcolimage {
float: right;
width: auto;
vertical-align: middle;
margin-top: 3px;
}

img.attachment {
border: 1px solid #E9E5D7;
padding: 2px;
}

hr {
color: #804000;
background-color: #000000;
height: 1px;
border: 0px;
}

#copyright {
color: #804000;
font: 10px Verdana, Arial, Sans-Serif;
margin: 0;
padding: 10px 0 0 0;
}

#debug {
float: right;
text-align: right;
margin-top: 0;
}

blockquote {
border: 1px solid #ccc;
margin: 0;
background: #fff;
padding: 4px;
}

blockquote cite {
font-weight: bold;
border-bottom: 1px solid #ccc;
font-style: normal;
display: block;
margin: 4px 0;
}

blockquote cite span {
float: right;
font-weight: normal;
}

.codeblock {
background: #fff;
border: 1px solid #ccc;
padding: 4px;
}

.codeblock .title {
border-bottom: 1px solid #ccc;
font-weight: bold;
margin: 4px 0;
}

.codeblock code {
overflow: auto;
height: auto;
max-height: 200px;
display: block;
font-family: Monaco, Consolas, Courier, monospace;
font-size: 13px;
}

.subforumicon {
border: 0;
vertical-align: middle;
}

.separator {
margin: 5px;
padding: 0;
height: 0px;
font-size: 1px;
list-style-type: none;
}

form {
margin: 0;
padding: 0;
}

.popup_menu .popup_item_container {
margin: 1px;
text-align: left;
}

.popup_menu .popup_item {
display: block;
padding: 3px;
text-decoration: none;
white-space: nowrap;
}

.popup_menu a.popup_item:hover {
text-decoration: none;
}

.autocomplete {
text-align: left;
}

.subject_new {
font-weight: bold;
}

.highlight {
background: #FFFFCC;
padding: 3px;
}

.pm_alert {
background: #FFF6BF;
border: 1px solid #FFD324;
text-align: center;
padding: 5px 20px;
font-size: 11px;
}

.red_alert {
background: #FBE3E4;
border: 1px solid #A5161A;
color: #A5161A;
text-align: center;
padding: 5px 20px;
font-size: 11px;
}

.high_warning {
color: #CC0000;
}

.moderate_warning {
color: #F3611B;
}

.low_warning {
color: #AE5700;
}

div.error {
background: #EFEBDF;
color: #DF0101;
padding: 5px 10px;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;

text-decoration: #DF0101;
font-size: 12px;
}

div.error p {
background: #EFEBDF;
color: #EFEBDF;
margin: 0;

text-decoration: #DF0101;
font-weight: normal;
}

div.error p em {
background: #EFEBDF;
color: #DF0101;
padding-left: 24px;
display: block;

text-decoration: #DF0101;
font-style: normal;
font-weight: bold;
}

div.error.ul {
background: #EFEBDF;
color: #EFEBDF;
margin-left: 24px;

text-decoration: #DF0101;
}

.online {
color: #15A018;
}

.offline {
color: #C7C7C7;
}

.pagination {
font-size: 11px;
padding-top: 10px;
margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
padding-top: 0;
}

.pagination .pages {
font-weight: bold;
}

.pagination .pagination_current, .pagination a {
padding: 2px 6px;
margin-bottom: 3px;
}

.pagination a {
border: 1px solid #81A2C4;
}

.pagination .pagination_current {
background: #F5F5F5;
border: 1px solid #81A2C4;
font-weight: bold;
}

.pagination a:hover {
background: #F5F5F5;
text-decoration: none;
}

.thread_legend, .thread_legend dd {
margin: 0;
padding: 0;
}

.thread_legend dd {
padding-bottom: 4px;
margin-right: 15px;
}

.thread_legend img {
margin-right: 4px;
vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
margin: 0;
padding: 0;
}

.forum_legend dd {
float: left;
margin-right: 10px;
}

.forum_legend dt {
margin-right: 10px;
float: left;
}

.success_message {
color: #00b200;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}

.error_message {
color: #C00;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}

.post_body {
padding: 5px;
}

.post_content {
padding: 5px 10px;
}

.quick_jump {
background: url(../../../images/jump.gif) no-repeat 0;
width: 13px;
height: 13px;
padding-left: 13px; /* amount of padding needed for image to fully show */
vertical-align: middle;
border: none;
}


LG

[StefanT]

Code:

body {
    background: #804000;
    text-align: center;
    line-height: 1.4;
}

font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

Da stimmt eindeutig etwas nicht.

[Heno3]

Das sollte ich hier ja auch bearbeiten!

[linwinman]

Hallo Heno3,

drei Dinge sind mir beim Überflug aufgefallen:

1. ersetze im Stylesheet

Code:

body {
    background: #804000;
    text-align: center;
    line-height: 1.4;
}

font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

durch

Code:

body {
    background: #804000;
    text-align: center;
    line-height: 1.4;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

2. ersetze

Code:

.menu ul a:link {
color: #80400;
text-decoration: none;
}

durch

Code:

.menu ul a:link {
color: #804000;
text-decoration: none;
}

3. du verwendest in div. Defintionen Farb-Codes für das Attribut "text-decoration", z. B.

Code:

.thead {
    background: #804000;
    color: #000000;
    text-decoration: #DFD5BA;
}

was jedoch nicht gültig ist; s. hierzu auch > css4you.de - text-decoration.

Du solltest dein Stylesheet einmal dahingehend überprüfen; nach den entsprechenden Änderungen ist das CSS valide.

[Heno3]

So ok...
Das hat den Fehler behoben mit den Links nur ist immer noch alles gestapelt!

[linwinman]

Hallo Heno3,

dein Forum ist für Gäste leider nicht zugänglich.

- ist der Screenshot aus Beitrag #1 noch gültig?
- kannst du bitte den Code des Templates "header" posten?

[Heno3]

In der Linkliste stapeln sich die Links ich dachte die können alle nebeneinander sein!

Kann mir jemand helden Danke

LG

Gäste können die Bar leider nicht sehen!
Aber hier mal das Template header:

PHP-Code:

<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<div class="menu">
<ul>
<li><a href="/chat.php" target="_blank"><img src="http://www.bpi-systeme.de/fileadmin/img/icon-chat.gif" alt="" title="" /> Chat</a></li>
<li><form name="jump2">
<select name="myjumpbox"
OnChange="window.open(jump2.myjumpbox.options[selectedIndex].value)">
<option selected>Hilfe
<option value="http://www.php.de/">PHP-Forum
<option value="http://www.php-homepage.de/">PHP
<option value="http://gidf.de">Gidf
<option value="https://www.mybb.de">mybboard.de
<option value="http://wikipedia.de">Wikipedia
</select>
</form></li>
<li><a href="http://yahoo.de" target="_blank"><img src="http://img.photobucket.com/albums/v13/mysteriorulz/yahoo-icon.gif" alt="" title="" /> Yahoo</a></li>
<li><a href="http://www.google.de" target="_blank"><img src="http://lh3.ggpht.com/_SozlNEK_9Pc/RgrONYib7aI/AAAAAAAAC6s/sqgwquIOMhQ/g.gif.jpg" alt="" title="" /> Google</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
<li class="portallink_link"><a href="{$mybb->settings['bburl']}/portal.php"><img src="http://427.twforums.de/images/vam/toplinks/portal.gif?v=0"" border="0" alt="" />Portal</a></li>


</ul>
</div>
<hr class="hidden" />
<div id="panel">
{$welcomeblock}
</div>
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
<navigation>
<br />


Alles noch so wie oben halt nur eine Suchfeld mehr was sich jetzt auch stapelt ):