Webdesign in Siegen

Buttons werden falsch dargestellt

Fragen zum Thema PHP können hier gestellt werden

Moderator: Basti

Buttons werden falsch dargestellt

Beitragvon Deamon am 18.12.2007, 17:37

Hallo erstmal zusammen,

ich habe ein kleineres Problem mit meinem Forum, und zwar wird der Durchsuchen Button z.b in FF beschnitten, oder "Absenden" Felder werden mit weiser schrift auf weisem Grund dargestellt. Ich weis jetzt nicht genau ob es nur ein CSS Problem ist oder ob es an dem Mod liegt der in das Forum eingebaut wurde.

Aber schaut es euch einfach selbst einmal ab

geht einfach auf http://darkboard.comphost.info
und dort loggt ihr euch mit dem user "test" ein und mit dem passwort "test" und klickt nach anmeldung oben auf Nickpage dann seht ihr genau was ich meine :-/

ich stelle hier jetzt schonmal die CSS bereit vielleicht liegt der Fehler auch nur daran, falls ihr noch andere dateien benötigt sagt einfach bescheid, ich weis im moment selbst nichtmehr weiter bei dem problem :oops:

html {
height: 100%}

body {
height: 100%;
background-color: #232323;
text-align: center;
padding: 0;
margin: 0}

table {
width: 100%;
padding: 0}

form, .checkbox, input.radio, .helpline, p {
margin: 0;
padding: 0;
border: 0}

input, select {
vertical-align: middle;
}

input.button {
background: #343434 url('images/buttonsbg.gif') repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #E30000;
border: 1px solid;
border-color: #999 #666 #555 #888;
padding: 1px 0.5em;
}

* html input.button {
/*\*//*/
padding: 1px 0.5em;
/**/
/*\*/padding: 1px 0.5em;/* */
width/**/: 0;
overflow/**/: visible;
}

input.button {
cursor: pointer !important;
cursor: hand;
}

input.button:hover, input.button:focus {
border: 1px solid;
border-color: #bbb #888 #777 #aaa;
}


/*
.avatar img {
background-color: #fff;
border: 3px solid #fff}

html>body .avatar img {
padding: 3px;
background-color: #fff;
border: 1px solid #dbdbdb}
*/


#forum {
width: 780px;
height: 100%;
background-color: #000;
margin: 0 auto}

#bodyline {
width: 717px;
padding: 10px 0;
vertical-align: top;
text-align: left}



#top_image {
text-align: center}

#top_image img {
border: 0;
width: 717px;
height: 231px}



#menu {
height: 18px;
line-height: 18px;
padding: 0 3px 1px}

#menu #left a {
padding-right: 10px}

#menu #right a {
padding-left: 10px}

.mainmenu {
line-height: 18px}




div.spacing {
height: 10px;
clear: both}



.postbuttons img {
border: 0;
margin-right: 10px}



.pad0-0-4 {
padding: 0 0 4px}

.pad0-0-10 {
padding: 0 0 10px}

.pad4 {
padding: 4px}

.pad25 {
padding: 25px}

.pad60 {
padding: 60px}

div.timezone {
padding: 0 3px}

div.copyright {
padding: 5px}

.quote, .code {
margin: 10px;
padding: 10px}

.quote .inside_quote, .code .inside_code {
padding: 10px}

div.hr {
height: 1px;
background-color: #444;
margin: 5px 0}

div.hr hr {
display: none}



input.post, textarea.post, select, input.postfile {
margin: 0;
border: 1px solid #666;
background-color: #131313}

input.post, textarea.post, input.postfile {
padding: 2px 3px}

input.post {
height: 19px}

html>body input.post {
height: 12px}

.helpline {
background-color: #232323}



.postmini {
width: 25px}

.postsmall {
width: 90px}

.postmedium {
width: 150px}

.postbig {
width: 225px}

.postbiggest {
width: 450px}



.block {
display: block}

.clear {
clear: both}

.left {
float: left;
text-align: left}

.right {
float: right;
text-align: right}

.txtcenter {
text-align: center}

.txtmiddle {
text-align: center;
vertical-align: middle}

.txtright {
text-align: right}

.txttop {
vertical-align: top}

.txtbottom {
vertical-align: bottom}

.txtleft {
text-align: left}



td.row1 {
background-color: #232323}

td.row2 {
background-color: #2b2b2b}

td.row3 {
background-color: #333333}



td, th, input, select, textarea, .message {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
text-transform: none;
text-decoration: none;
color: #f5f5f5;
font-size: 10px;
line-height: 13px;
}



td a {
color: #Ca2023;
text-decoration: underline;
}

td a:hover {
color: #Ca2023;
text-decoration: none;
}

tr.lines_1 th .nav, tr.lines_3 th .nav, .nav {
font-size: 11px;
line-height: 13px;
font-weight: bold}

tr.lines_1 th .nav a, tr.lines_3 th .nav a, .nav a {
color: #Ca2023;
text-decoration: none;
}

tr.lines_1 th .nav a:hover, tr.lines_3 th .nav a:hover, .nav a:hover {
color: #Ca2023;
text-decoration: underline;
}

.code {
background-color: #333;
border: 2px solid #434343;
font-family: Courier, 'Courier New', sans-serif;
font-style: normal;
font-weight: normal;
text-transform: none;
text-decoration: none;
color: #89b0df;
font-size: 11px;
line-height: 13px}

.code a {
color: #0000b4;
text-decoration: underline}

.code a:hover {
color: #0000b4;
text-decoration: none}

.quote {
background-color: #333;
border: 2px solid #434343;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
text-transform: none;
text-decoration: none;
color: #d5d5d5;
font-size: 10px;
line-height: 13px}

.quote a {
color: #555;
text-decoration: underline}

.quote a:hover {
color: #555;
text-decoration: none}

.edited {
font-style: italic}




tr.toplines th {
line-height: 24px;
height: 24px;
font-weight: bold;
text-align: center;
border: 1px solid #ddd;
border-width: 1px 0;
padding: 0 10px}

tr.lines_1 th {
border: 1px solid #ddd;
border-width: 1px 0;
padding: 5px 2px 6px}

tr.lines_3 th {
border: 1px solid #ddd;
border-width: 1px 0;
padding: 3px 2px}



table.index_body td.one img {
width: 46px;
height: 25px}

table.index_body td.one {
padding: 4px;
text-align: center}

table.index_body td.two {
padding: 4px;
width: 100%}

table.index_body td.three {
padding: 4px;
text-align: center;
white-space: nowrap}

table.index_body_icons td img {
vertical-align: middle}

table.index_body_icons td {
white-space: nowrap;
text-align: center}



table.groupcp td.one {
padding: 4px 7px;
width: 150px;
height: 26px}

table.groupcp td.two {
padding: 4px 5px 4px 4px}

table.groupcp td.three {
padding: 4px 7px;
height: 26px}



table.memberlist td.one {
padding: 4px 7px;
height: 26px}



table.modcp td.one img {
width: 19px;
height: 18px}

table.modcp td.one {
padding: 4px;
text-align: center}

table.modcp td.two {
padding: 8px 4px;
width: 100%}

table.modcp td.three {
padding: 4px;
text-align: center;
white-space: nowrap}

table.modcp td.four {
padding: 4px;
white-space: nowrap;
width: 150px}

table.modcp td.five {
padding: 4px}

table.modcp td.six {
padding: 4px 7px;
vertical-align: top;
font-weight: bold;
text-align: left;
width: 150px;
height: 100px}

table.modcp td.seven {
padding: 4px 7px;
vertical-align: top;
text-align: left;
width: 470px}

table.modcp td.eight {
padding: 4px 7px}

table.modcp td.nine {
padding: 4px 7px;
height: 18px;
line-height: 18px}



table.posting_body td.one {
padding: 4px 7px;
width: 150px;
height: 26px}

table.posting_body td.two {
padding: 4px 5px 4px 4px}

table.posting_body td.three {
padding: 4px 7px;
vertical-align: top;
width: 150px}

table.posting_body td.four {
padding: 4px 5px 4px 4px;
vertical-align: top}

table.posting_body td.four div {
padding-bottom: 3px}

table.posting_body td.five {
padding: 4px 7px}

table.posting_body td.six {
padding: 4px 7px;
height: 130px}

table.posting_body td.seven {
padding: 4px 5px 4px 4px;
vertical-align: top}

table.posting_body td.eight {
padding: 4px 7px;
vertical-align: top;
font-weight: bold;
width: 135px;
text-align: left}

table.posting_body td.nine {
padding: 4px 7px 10px;
vertical-align: top;
text-align: left}



table.privmsgs td.one img {
width: 19px;
height: 18px}

table.privmsgs td.one {
padding: 4px;
text-align: center}

table.privmsgs td.two {
padding: 8px 4px;
width: 100%}

table.privmsgs td.three {
padding: 4px;
text-align: center;
white-space: nowrap}




table.profile td.one {
padding: 4px 7px;
width: 50%;
height: 26px}

table.profile td.two {
padding: 4px 5px 4px 4px}

table.profile td.three {
padding: 4px 7px;
height: 26px}



table.profile_view_body tr {
height: 18px;
text-align: right}



table.viewtopic td.one {
padding: 4px 7px;
font-weight: bold}

table.viewtopic td.two {
padding: 4px 5px 4px 2px;
height: 20px}

table.viewtopic td.three {
padding: 4px 7px;
vertical-align: top;
width: 150px}

table.viewtopic td.four {
padding: 2px 5px 4px;
vertical-align: top;
height: 130px}

table.viewtopic td.four table {
height: 100%;
width: 560px}

table.viewtopic td.five {
padding: 4px 7px;
height: 18px;
line-height: 18px}

table.viewtopic td.six {
padding: 4px 5px}



table.viewforum td.one img {
width: 19px;
height: 18px}

table.viewforum td.one {
padding: 4px;
text-align: center}

table.viewforum td.two {
padding: 4px;
width: 100%}

table.viewforum td.three {
padding: 4px;
text-align: center;
white-space: nowrap}



table.forumicons {
width: 0}

table.forumicons td {
white-space: nowrap}

table.forumicons td img {
width: 19px;
height: 18px}



table.search td.one {
padding: 4px 7px;
width: 50%;
vertical-align: top}

table.search td.two {
padding: 4px 5px 4px 4px}

table.search td.two div {
padding-top: 3px}

table.search td.three {
padding: 4px 7px;
text-align: right}

table.search td.four {
padding: 4px;
width: 150px}

table.search td.five {
padding: 8px 4px}

table.search td.six {
padding: 4px;
vertical-align: top}

table.search td.seven img {
width: 19px;
height: 18px}

table.search td.seven {
padding: 4px;
text-align: center}

table.search td.eight {
padding: 4px}

table.search td.nine {
padding: 4px;
text-align: center}

table.search td.ten {
padding: 4px;
text-align: center;
white-space: nowrap}



table.simple_header {
background-color: #000;
height: 100%}

table.simple_header td {
vertical-align: top}



table.viewonline td.one {
padding: 8px 4px}

table.viewonline td.two {
padding: 8px 4px;
text-align: center}



h2 {
font-size: 11px;
line-height: 26px;
height: 26px;
font-weight: bold;
color: #Ca2023;
margin: 0;
padding: 0 4px;
}

h3 {
font-size: 11px;
line-height: 13px;
font-weight: bold;
text-decoration: none;
color: #Ca2023;
margin: 0;
}

h2 a, h3 a {
text-decoration: none;
color: #Ca2023;
}

h2 a:hover, h3 a:hover, .copyright a:hover {
color: #Ca2023;
text-decoration: underline;
}

.mainmenu a, tr.lines_1 th a, tr.lines_3 th a, .timezone a, .copyright a, .blacklink a {
color: #f5f5f5;
text-decoration: none;
}

.mainmenu a:hover, tr.lines_1 th a:hover, tr.lines_3 th a:hover, .timezone a:hover, .blacklink a:hover {
color: #f5f5f5;
text-decoration: underline;
}



.copyright {
text-align: center;
letter-spacing: -1px}
Deamon
Mitglied
 
Beiträge: 4
Registriert: 18.12.2007, 17:24

Re: Buttons werden falsch dargestellt

Beitragvon SilentStormer am 18.12.2007, 17:54

Also der Durchsuchen-Button wird abgeschnitten, weil das anliegende Textfeld eine zu geringe Höhe besitzt. Einfach die Höhe bei input.post ändern, dann sollte es wieder funktionieren.
Dass Speichern und Zurücksetzen weiß geschrieben wird, hat höchstwahrscheinlich auch mit einer CSS-Einstellung zu tun (mainoption), die kann ich in deinem geposteten CSS-Code allerdings nicht finden.
Bild
Benutzeravatar
SilentStormer
Mitglied
 
Beiträge: 384
Registriert: 24.09.2005, 18:37
Wohnort: Österreich

Re: Buttons werden falsch dargestellt

Beitragvon Deamon am 18.12.2007, 18:11

SilentStormer hat geschrieben:Also der Durchsuchen-Button wird abgeschnitten, weil das anliegende Textfeld eine zu geringe Höhe besitzt. Einfach die Höhe bei input.post ändern, dann sollte es wieder funktionieren.

Super Danke hat geklappt :thumbsup:

SilentStormer hat geschrieben:Dass Speichern und Zurücksetzen weiß geschrieben wird, hat höchstwahrscheinlich auch mit einer CSS-Einstellung zu tun (mainoption), die kann ich in deinem geposteten CSS-Code allerdings nicht finden.

Ich hab es nämlich auch icht gefunden, kann es sein das diese so angezeigt werden gerade WEIL sie nicht definiert sind ?
Oder könnte das problem auch in einer der *.tpl dateien des Mods liegen ?

Das müsste diese dann sein nehm ich mal an

<table width="700" cellpadding="0" cellspacing="3" class="bodyline" align="center">
<tr>
<td class="row2" width="100%" align="center">
<table width="100%" cellpadding="0" cellspacing="3">
<tr>
<td class="row1" width="100%" colspan="2">
<table class="row1" width="100%" cellpadding="1" cellspacing="3">
<tr>
<td class="row1" align="right"><span class="genmed"><a href="?user={Nickname}">{U_BACK_TO_NICKPAGE}</a></span></td>
</tr>
<tr>
<td class="row1"><span class="forumlink"><a href="?admin={Nickname}">{U_CONFIGURATION}</a></span> | <span class="forumlink"><a href="?admin={Nickname}&sub=gal">{U_GALERIE}</a></span> | <span class="forumlink"><a href="?admin={Nickname}&sub=kre">{U_SELFMADE}</a></span> | <span class="forumlink"><a href="?admin={Nickname}&sub=bud">{U_BUDDIES}</a></span> | <span class="forumlink"><a href="?admin={Nickname}&sub=lin">{U_FAVORTIE_URL}</a></span> | <span class="forumlink"><a href="?admin={Nickname}&sub=sic">{U_SECURITY}</a></span> | <span class="forumlink"><a href="?admin={Nickname}&sub=gb">{U_GUESTBOOK}</a></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100">&nbsp;</td>
</tr>
<!-- BEGIN Algkonf -->
<form method="post" enctype="multipart/form-data" action="?admin={Nickname}">
<tr>
<td><span class="genmed"><b>{U_BIRTHDAY}:</b><br>
{U_BIRTHDAY_COMMENT}</span></td>
<td valign="top"><input type="text" name="tag" value="{Algkonf.Tag}" size="2" class="post">.<input type="text" name="monat" value="{Algkonf.Monat}" size="2" class="post">.<input type="text" name="jahr" value="{Algkonf.Jahr}" size="2" class="post"></td>
</tr>
<tr>
<td><span class="genmed"><b>{U_SHOW_EMAIL}:</b><br>
{U_SHOW_EMAIL_COMMENT}</span></td>
<td valign="top"><span class="genmed"><input type="radio" name="email" value="1" {Algkonf.Email_ja} /> {U_YES}&nbsp;&nbsp;<input type="radio" name="email" value="0" {Algkonf.Email_nein} /> {U_NO}</span></td>
</tr>
<tr>
<td><span class="genmed"><b>{U_NAME}:</b></span></td>
<td><input type="text" name="name" value="{Algkonf.Name}" size="40" class="post"></td>
</tr>
<tr>
<td><span class="genmed"><b>{U_FROM}:</b></span></td>
<td><input type="text" name="wohnort" value="{Algkonf.Wohnort}" size="40" class="post"></td>
</tr>
<tr>
<td><span class="genmed"><b>{U_WEBSITE}:</b></span></td>
<td><input type="text" name="webseite" value="{Algkonf.Webseite}" size="40" class="post"></td>
</tr>
<tr>
<td><span class="genmed"><b>{U_INFORMATION}:</b></span></td>
<td><input type="text" name="info" value="{Algkonf.Info}" size="30" class="post"></td>
</tr>
<tr>
<td><span class="genmed"><b>{U_SPECIALNICKNAME}:</b></span></td>
<td><input type="text" name="specialnick" value="{Algkonf.Specialnick}" size="40" class="post"></td>
</tr>
<tr>
<td valign="top"><span class="genmed"><b>{U_INTERESTS}:</b></span></td>
<td><textarea name="hobbies" cols="40" rows="4" class="post">{Algkonf.Hobbies}</textarea></td>
</tr>
<tr>
<td valign="bottom"><span class="genmed"><b>{U_USERPIC}:</b></span></td>
<td valign="bottom">
<!-- BEGIN PIC_VORHANDEN -->
<span class="genmed">{Pic}&nbsp;<input type="checkbox" name="deletepic" value="1"> {U_DELETE_PIC}</span><br>
<!-- END PIC_VORHANDEN -->
<input type="file" name="pic" size="40" class="post"></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="2" align="center" class="catBottom" class="row1"><input type="submit" name="algkonf" value="{U_SAFE}" class="mainoption">&nbsp;<input type="reset" value="{U_SETBACK}" class="mainoption"></td>
</tr>
</form>
<!-- END Algkonf -->
<!-- BEGIN Links -->
<!-- JAVASCRIPT -->
<script language="javascript">
function laenge()
{
if(document.LinkAddForm.urlname.value.length > 25)
{
var teil;
teil = document.LinkAddForm.urlname.value.substr(0,24);
document.LinkAddForm.urlname.value = teil;
return false;
}
else
{
var z;
z = 25 - document.LinkAddForm.urlname.value.length;
document.LinkAddForm.zeichen.value = z;
}
}
</script>
<!-- JAVASCRIPT ENDE -->
<form method="post" enctype="multipart/form-data" action="?admin={Links.Nickname}" name="LinkAddForm">
<tr>
<td colspan="2" width="100%" class="row1"><span class="genmed"><b>{U_ADD_LINK}</b></span></td>
</tr>
<tr>
<td colspan="2" width="100%" align="center"><span class="genmed"><b>{U_LINK_NAME} (<input type="text" name="zeichen" size="2" value="25" style="font-size:8px">):</b></span> <input type="text" name="urlname" size="30" class="post" maxlength="25" onKeyDown="laenge()"> <span class="genmed"><b>{U_LINK_ADRESS}:</b></span> <input type="text" name="url" size="30" class="post"> <input type="submit" name="addlink" value="{U_SAFE}" class="mainoption"></td>
</tr>
</form>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="2" width="100%" class="row1"><span class="genmed"><b>{U_EDIT_LINK}</b></span></td>
</tr>
<tr>
<td colspan="2" width="100%" align="center">
<table cellpadding="0" cellspacing="3">
<tr>
<td><span class="genmed"><b>{U_LINK_NAME}</b></span></td>
<td><span class="genmed"><b>{U_LINK_ADRESS}</b></span></td>
<td><span class="genmed"><span class="genmed"><b>{U_EDIT}</b></span></td>
<td><span class="genmed"><b>{U_DELETE}</b></span></td>
</tr>
<!-- BEGIN Linkssub -->
<form method="post" enctype="multipart/form-data" action="?admin={Links.Linkssub.Nickname}">
<input type="hidden" name="url" value="{Links.Linkssub.Url}"><input type="hidden" name="urlname" value="{Links.Linkssub.Urlname}">
<tr>
<td><input type="text" name="newurlname" size="30" value="{Links.Linkssub.Urlname}" class="post"></td>
<td><input type="text" name="newurl" size="30" value="{Links.Linkssub.Url}" class="post"></td>
<td><input type="submit" name="editlink" value="{U_EDIT}" class="mainoption"></td>
<td class="row1"><input type="submit" name="deletelink" value="{U_DELETE}" class="mainoption"></td>
</tr>
</form>
<!-- END Linkssub -->
</table>
</td>
</tr>
<!-- END Links -->

<!-- BEGIN Buddies -->
<form method="post" name="post" enctype="multipart/form-data" action="?admin={Buddies.Nickname}">
<tr>
<td colspan="2" width="100%" class="row1"><span class="genmed"><b>{U_ADD_BUDDY}</b></span></td>
</tr>
<tr>
<td colspan="2" width="100%" align="center"><span class="genmed"><b>{U_NICKNAME}:</b></span> <input type="text" name="username" size="30" class="post">&nbsp;<input type="submit" name="addbuddie" value="{U_SAFE}" class="mainoption">&nbsp;<input type="submit" name="usersubmit" value="{U_NICKNAME_SEARCH}" onClick="window.open('./search.php?mode=searchuser&amp;', '_phpbbsearch', 'HEIGHT=250,resizable=yes,WIDTH=400');return false;" class="mainoption"></td>
</tr>
</form>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="2" width="100%" class="row1"><span class="genmed"><b>{U_EDIT}</b></span></td>
</tr>
<tr>
<td colspan="2" width="100%" align="center">
<table cellpadding="0" cellspacing="3">
<tr>
<td><span class="genmed"><b>{U_NICKNAME}</b></span></td>
<td><span class="genmed"><b>{U_DELETE}</b></span></td>
</tr>
<!-- BEGIN Buddiessub -->
<form method="post" enctype="multipart/form-data" action="?admin={Buddies.Buddiessub.Nickname}">
<tr>
<td><input type="text" name="username" size="30" value="{Buddies.Buddiessub.Username}" class="post"><input type="hidden" name="buddie_id" value="{Buddies.Buddiessub.Buddie_id}"></td>
<td class="row1"><input type="submit" name="deletebuddie" value="{U_DELETE}" class="mainoption"></td>
</tr>
</form>
<!-- END Buddiessub -->
</table>
</td>
</tr>
<!-- END Buddies -->
<!-- BEGIN Galerie -->
<form method="post" enctype="multipart/form-data" action="?admin={Galerie.Nickname}">
<tr>
<td colspan="2" width="100%" class="row1"><span class="genmed"><b>{U_ADD_GALERIE}</b></span></td>
</tr>
<tr>
<td colspan="2" width="100%" align="center"><span class="genmed"><b>{U_PIC}:</b></span> <input type="file" name="pic" size="20" class="post"> <span class="genmed"><b>{U_PIC_TITLE}:</b></span> <input type="text" name="comment" size="30" class="post"> <input type="submit" name="addpic" value="{U_SAFE}" class="mainoption"></td>
</tr>
</form>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="2" width="100%" class="row1"><span class="genmed"><b>{U_EDIT}</b></span></td>
</tr>
<tr>
<td colspan="2" width="100%" align="center">
<table cellpadding="0" cellspacing="3">
<tr>
<td><span class="genmed"><b>{U_PIC}</b></span></td>
<td><span class="genmed"><b>{U_PIC_TITLE}</b></span></td>
<td><span class="genmed"><b>{U_EDIT}</b></span></td>
<td><span class="genmed"><b>{U_DELETE}</b></span></td>
</tr>
<!-- BEGIN Galeriesub -->
<form method="post" enctype="multipart/form-data" action="?admin={Galerie.Galeriesub.Nickname}">
<input type="hidden" name="gal_id" value="{Galerie.Galeriesub.Gal_id}">
<input type="hidden" name="picname" value="{Galerie.Galeriesub.Picname}">
<tr>
<td>{Galerie.Galeriesub.Pic}</td>
<td valign="top"><input type="text" name="comment" size="30" value="{Galerie.Galeriesub.Comment}" class="post"></td>
<td valign="top" class="row1"><input type="submit" name="editpic" value="{U_EDIT}" class="mainoption"></td>
<td valign="top" class="row1"><input type="submit" name="deletepic" value="{U_DELETE}" class="mainoption"></td>
</tr>
</form>
<!-- END Galeriesub -->
</table>
</td>
</tr>
<!-- END Galerie -->
<!-- BEGIN Kreatives -->
<script language="JavaScript" type="text/javascript">
<!--
// bbCode control by
// subBlue design
// http://www.subBlue.com

// Startup variables
var imageTag = false;
var theSelection = false;

// Check for Browser & Platform for PC & IE specific bits
// More details from: http://www.mozilla.org/docs/web-develop ... _type.html
var clientPC = navigator.userAgent.toLowerCase(); // Get client info
var clientVer = parseInt(navigator.appVersion); // Get browser version

var is_ie = ((clientPC.indexOf("msie") != -1) && (clientPC.indexOf("opera") == -1));
var is_nav = ((clientPC.indexOf('mozilla')!=-1) && (clientPC.indexOf('spoofer')==-1)
&& (clientPC.indexOf('compatible') == -1) && (clientPC.indexOf('opera')==-1)
&& (clientPC.indexOf('webtv')==-1) && (clientPC.indexOf('hotjava')==-1));

var is_win = ((clientPC.indexOf("win")!=-1) || (clientPC.indexOf("16bit") != -1));
var is_mac = (clientPC.indexOf("mac")!=-1);


// Helpline messages
b_help = "Text in fett: Text (alt+b)";
i_help = "Text in kursiv: Text (alt+i)";
u_help = "Unterstrichener Text: Text (alt+u)";
q_help = "Zitat:
Text
(alt+q)";
c_help = "Code anzeigen:
Code: Alles auswählen
Code
(alt+c)";
l_help = "Liste:
    Text
(alt+l)";
o_help = "Geordnete Liste: [list=]Text[/list] (alt+o)";
p_help = "Bild einfügen: Bild (alt+p)";
w_help = "URL einfügen: http://URL oder URL Text (alt+w)";
a_help = "Alle offenen BBCodes schließen";
s_help = "Schriftfarbe: Text Tip: Sie können ebenfalls color=#FF0000 benutzen";
f_help = "Schriftgröße: [size=x-small]Kleiner Text[/size]";

// Define the bbCode tags
bbcode = new Array();
bbtags = new Array('','','','','','','
','
','
Code: Alles auswählen
','
','
    ','
','[list=]','[/list]','[img]','[/img]','[url]','[/url]');
imageTag = false;

// Shows the help messages in the helpline window
function helpline(help) {
document.post.helpbox.value = eval(help + "_help");
}


// Replacement for arrayname.length property
function getarraysize(thearray) {
for (i = 0; i < thearray.length; i++) {
if ((thearray[i] == "undefined") || (thearray[i] == "") || (thearray[i] == null))
return i;
}
return thearray.length;
}

// Replacement for arrayname.push(value) not implemented in IE until version 5.5
// Appends element to the array
function arraypush(thearray,value) {
thearray[ getarraysize(thearray) ] = value;
}

// Replacement for arrayname.pop() not implemented in IE until version 5.5
// Removes and returns the last element of an array
function arraypop(thearray) {
thearraysize = getarraysize(thearray);
retval = thearray[thearraysize - 1];
delete thearray[thearraysize - 1];
return retval;
}


function checkForm() {

formErrors = false;

if (document.post.message.value.length < 2) {
formErrors = "Sie müssen zu Ihrem Beitrag einen Text eingeben.";
}

if (formErrors) {
alert(formErrors);
return false;
} else {
bbstyle(-1);
//formObj.preview.disabled = true;
//formObj.submit.disabled = true;
return true;
}
}

function emoticon(text) {
text = ' ' + text + ' ';
if (document.post.message.createTextRange && document.post.message.caretPos) {
var caretPos = document.post.message.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
document.post.message.focus();
} else {
document.post.message.value += text;
document.post.message.focus();
}
}

function bbfontstyle(bbopen, bbclose) {
if ((clientVer >= 4) && is_ie && is_win) {
theSelection = document.selection.createRange().text;
if (!theSelection) {
document.post.message.value += bbopen + bbclose;
document.post.message.focus();
return;
}
document.selection.createRange().text = bbopen + theSelection + bbclose;
document.post.message.focus();
return;
} else {
document.post.message.value += bbopen + bbclose;
document.post.message.focus();
return;
}
storeCaret(document.post.message);
}


function bbstyle(bbnumber) {

donotinsert = false;
theSelection = false;
bblast = 0;

if (bbnumber == -1) { // Close all open tags & default button names
while (bbcode[0]) {
butnumber = arraypop(bbcode) - 1;
document.post.message.value += bbtags[butnumber + 1];
buttext = eval('document.post.addbbcode' + butnumber + '.value');
eval('document.post.addbbcode' + butnumber + '.value ="' + buttext.substr(0,(buttext.length - 1)) + '"');
}
imageTag = false; // All tags are closed including image tags :D
document.post.message.focus();
return;
}

if ((clientVer >= 4) && is_ie && is_win)
theSelection = document.selection.createRange().text; // Get text selection

if (theSelection) {
// Add tags around selection
document.selection.createRange().text = bbtags[bbnumber] + theSelection + bbtags[bbnumber+1];
document.post.message.focus();
theSelection = '';
return;
}

// Find last occurance of an open tag the same as the one just clicked
for (i = 0; i < bbcode.length; i++) {
if (bbcode[i] == bbnumber+1) {
bblast = i;
donotinsert = true;
}
}

if (donotinsert) { // Close all open tags up to the one just clicked & default button names
while (bbcode[bblast]) {
butnumber = arraypop(bbcode) - 1;
document.post.message.value += bbtags[butnumber + 1];
buttext = eval('document.post.addbbcode' + butnumber + '.value');
eval('document.post.addbbcode' + butnumber + '.value ="' + buttext.substr(0,(buttext.length - 1)) + '"');
imageTag = false;
}
document.post.message.focus();
return;
} else { // Open tags

if (imageTag && (bbnumber != 14)) { // Close image tag before adding another
document.post.message.value += bbtags[15];
lastValue = arraypop(bbcode) - 1; // Remove the close image tag from the list
document.post.addbbcode14.value = "Img"; // Return button back to normal state
imageTag = false;
}

// Open tag
document.post.message.value += bbtags[bbnumber];
if ((bbnumber == 14) && (imageTag == false)) imageTag = 1; // Check to stop additional tags after an unclosed image tag
arraypush(bbcode,bbnumber+1);
eval('document.post.addbbcode'+bbnumber+'.value += "*"');
document.post.message.focus();
return;
}
storeCaret(document.post.message);
}

// Insert at Claret position. Code from
// http://www.faqts.com/knowledge_base/vie ... 52/fid/130
function storeCaret(textEl) {
if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
}

//-->
</script>
<form method="post" name="post" action="?admin={Kreatives.Nickname}" onsubmit="return checkForm(this)">
<tr>
<td colspan="2" width="100%" class="row1"><span class="genmed"><b>{U_ADD_SELFMADE}</b></span></td>
</tr>
<tr>
<td colspan="2" width="100%" class="row2" valign="top"><table width="450" border="0" cellspacing="0" cellpadding="2" align="center">
<tr align="center" valign="middle">
<td><span class="genmed">
<input type="button" class="button" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onClick="bbstyle(0)" onMouseOver="helpline('b')">
</span></td>
<td><span class="mediumtext">
<input type="button" class="button" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onClick="bbstyle(2)" onMouseOver="helpline('i')">
</span></td>
<td><span class="mediumtext">
<input type="button" class="button" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onClick="bbstyle(4)" onMouseOver="helpline('u')">
</span></td>
<td><span class="mediumtext">
<input type="button" class="button" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onClick="bbstyle(6)" onMouseOver="helpline('q')">
</span></td>
<td><span class="mediumtext">
<input type="button" class="button" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onClick="bbstyle(8)" onMouseOver="helpline('c')">
</span></td>
<td><span class="mediumtext">
<input type="button" class="button" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onClick="bbstyle(10)" onMouseOver="helpline('l')">
</span></td>
<td><span class="mediumtext">
<input type="button" class="button" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onClick="bbstyle(12)" onMouseOver="helpline('o')">
</span></td>
<td><span class="mediumtext">
<input type="button" class="button" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onClick="bbstyle(14)" onMouseOver="helpline('p')">
</span></td>
<td><span class="mediumtext">
<input type="button" class="button" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onClick="bbstyle(16)" onMouseOver="helpline('w')">
</span></td>
</tr>
<tr>
<td colspan="9">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed"> &nbsp;Schriftfarbe:
<select name="addbbcode18" onChange="bbfontstyle('[color=' + this.form.addbbcode18.options[this.form.addbbcode18.selectedIndex].value + ']', '[/color]')" onMouseOver="helpline('s')">
<option style="color:black; background-color: #FFFFFF " value="#" class="mediumtext">Standard</option>
<option style="color:darkred; background-color: #DEE3E7" value="darkred" class="mediumtext">Dunkelrot</option>
<option style="color:red; background-color: #DEE3E7" value="red" class="mediumtext">Rot</option>
<option style="color:orange; background-color: #DEE3E7" value="orange" class="mediumtext">Orange</option>
<option style="color:brown; background-color: #DEE3E7" value="brown" class="mediumtext">Braun</option>
<option style="color:yellow; background-color: #DEE3E7" value="yellow" class="mediumtext">Gelb</option>
<option style="color:green; background-color: #DEE3E7" value="green" class="mediumtext">Grün</option>
<option style="color:olive; background-color: #DEE3E7" value="olive" class="mediumtext">Oliv</option>
<option style="color:cyan; background-color: #DEE3E7" value="cyan" class="mediumtext">Cyan</option>
<option style="color:blue; background-color: #DEE3E7" value="blue" class="mediumtext">Blau</option>
<option style="color:darkblue; background-color: #DEE3E7" value="darkblue" class="mediumtext">Dunkelblau</option>
<option style="color:indigo; background-color: #DEE3E7" value="indigo" class="mediumtext">Indigo</option>
<option style="color:violet; background-color: #DEE3E7" value="violet" class="mediumtext">Violett</option>
<option style="color:white; background-color: #DEE3E7" value="white" class="mediumtext">Weiß</option>
<option style="color:black; background-color: #DEE3E7" value="black" class="mediumtext">Schwarz</option>
</select>
&nbsp;Schriftgröße:
<select name="addbbcode20" onChange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]')" onMouseOver="helpline('f')">
<option value="7" class="mediumtext">Winzig</option>
<option value="9" class="mediumtext">Klein</option>
<option value="12" selected class="mediumtext">Normal</option>
<option value="18" class="mediumtext">Groß</option>
<option value="24" class="mediumtext">Riesig</option>
</select>
</span></td>
<td nowrap align="right"><span class="smalltext"><a href="javascript:bbstyle(-1)" class="genmed" onMouseOver="helpline('a')">Tags schließen</a></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="9"> <span class="smalltext">
<input type="text" name="helpbox" size="45" maxlength="100" style="width:450px; font-size:10px" class="row1" value="Tip: Styles können schnell zum markierten Text hinzugefügt werden">
</span></td>
</tr>
<tr>
<td colspan="9"><span class="mediumtext">
<textarea name="message" rows="15" cols="35" wrap="virtual" style="width:450px" tabindex="3" class="post" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);">{Kreatives.Kreatives}</textarea>
</span></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" width="100%" align="center" class="row1"><input type="submit" accesskey="s" tabindex="6" name="machekreatives" class="mainoption" value="{U_SAFE}" /></td>
</tr>
</form>
<tr>
<td>&nbsp;</td>
</tr>
<!-- END Kreatives -->
<!-- BEGIN Sicherheit -->
<form method="post" enctype="multipart/form-data" action="?admin={Sicherheit.Nickname}">
<tr>
<td colspan="2" width="100%" class="row1"><span class="genmed"><b>{U_SECURITY_SETTINGS}</b></span></td>
</tr>
<tr>
<td colspan="2">
<table cellspacing="0" cellpadding="3">
<tr>
<td><span class="genmed">{U_REGISTERED_ONLY_VIEW}:</span></td>
<td><input type="checkbox" name="safe" {Sicherheit.Safe} value="1" class="post"></td>
</tr>
<tr>
<td><span class="genmed">{U_REGISTERED_ONLY_GB}:</span></td>
<td><input type="checkbox" name="safe_gb" {Sicherheit.Safe_gb} value="1" class="post"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" align="center" class="row1"><input type="submit" name="sicherheit" value="{U_SAFE}" class="mainoption">&nbsp;<input type="reset" value="{U_SETBACK}" class="mainoption"></td>
</tr>
</form>
<tr>
<td>&nbsp;</td>
</tr>
<!-- END Sicherheit -->

<!-- BEGIN GB -->
<tr>
<td colspan="2" width="100%" class="row1"><span class="genmed"><b>{U_MANAGE_GUESTBOOK}</b></span></td>
</tr>
<tr>
<td colspan="2"><br>

<table cellspacing="1" cellpadding="3">
<tr><form method="post" enctype="multipart/form-data" action="?admin={Nickname}">
<td><span class="genmed"><b>{U_GB_EMAIL}</b></span></td>
<td><input type="checkbox" name="gb_email" value="1" {GB_EMAIL}></td>
<td><input type="submit" name="update_gb_email" value="{U_SAFE}"></td>
</tr>
</table><br>
<!-- BEGIN GB_SUB -->
<table cellspacing="1" cellpadding="3">
<tr>
<td><span class="genmed"><b>{U_AUTHOR}</b></span></td>
<td><span class="genmed"><b>{U_DATE}</b></span></td>
<td><span class="genmed"><b>{U_TIME}</b></span></td>
<td><span class="genmed"><b>{U_ENTRY}</b></span></td>
<td><span class="genmed"><b>{U_DELETE}</b></span></td>
</tr>
<tr>
<td colspan="5"><hr></td>
</tr>
<tr><form method="post" enctype="multipart/form-data" action="?admin={Nickname}">
<td colspan="5" align="right"><input type="submit" name="gbdelete" value="{U_DELETE}" class="mainoption"></td>
</tr>
<!-- BEGIN Gb_entry -->
<tr>
<td valign="top"><span class="genmed">{GB.GB_SUB.Gb_entry.Autor}</span></td>
<td valign="top"><span class="genmed">{GB.GB_SUB.Gb_entry.Datum}</span></td>
<td valign="top"><span class="genmed">{GB.GB_SUB.Gb_entry.Zeit}</span></td>
<td valign="top"><span class="genmed">{GB.GB_SUB.Gb_entry.Gbentry}</span></td>
<td valign="top" class="row1"><input type="checkbox" name="aid[]" value="{GB.GB_SUB.Gb_entry.AID}"></td>
</tr>
<tr>
<td colspan="5"><hr></td>
</tr>
<!-- END Gb_entry -->
<tr>
<td colspan="5" align="right"><input type="submit" name="gbdelete" value="{U_DELETE}" class="mainoption"></td>
</tr>
</form
</table>
<!-- END GB_SUB -->
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<!-- END GB -->
<!-- BEGIN Ready -->
<tr>
<td colspan="2" align="center"><span class="genmed">{Ready.Text}</span></td>
</tr>
<!-- END Ready -->
</table>
</td>
</tr>
</table>
<br>
<br>



Deamon
Mitglied
 
Beiträge: 4
Registriert: 18.12.2007, 17:24

Re: Buttons werden falsch dargestellt

Beitragvon SilentStormer am 18.12.2007, 18:20

Eher nicht, ist ziemlich wahrscheinlich eine CSS-Definition (oder auch allgemeine HTML-Schriftfarbendefinition), die wir jetzt nicht finden ...

Du kannst versuchen, eine eigene CSS-Deklaration zu schreiben, vielleicht hilft das was.

Zum Beispiel:
Code: Alles auswählen
.mainoption {
   color: #000;
}
Bild
Benutzeravatar
SilentStormer
Mitglied
 
Beiträge: 384
Registriert: 24.09.2005, 18:37
Wohnort: Österreich

Re: Buttons werden falsch dargestellt

Beitragvon Deamon am 18.12.2007, 19:16

Super, vielen Dank Problem ist behoben :thumbsup:
Deamon
Mitglied
 
Beiträge: 4
Registriert: 18.12.2007, 17:24

Re: Buttons werden falsch dargestellt

Beitragvon Deamon am 18.12.2007, 22:02

Hab noch ein problemchen gefunden....

In den Eingabefeldern wird die Schrift weis angezeigt und auf weisem Grund ist das nicht sehr von Vorteil :?
Deamon
Mitglied
 
Beiträge: 4
Registriert: 18.12.2007, 17:24

Re: Buttons werden falsch dargestellt

Beitragvon SilentStormer am 18.12.2007, 22:25

Ich schätze mal, dem kannst du mit color: #000 an entsprechender Stelle entgegenwirken.
Einfach hier hinzufügen:

Code: Alles auswählen
input.post, textarea.post, select, input.postfile {
margin: 0;
border: 1px solid #666;
background-color: #131313}
Bild
Benutzeravatar
SilentStormer
Mitglied
 
Beiträge: 384
Registriert: 24.09.2005, 18:37
Wohnort: Österreich


Zurück zu PHP

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast