Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 10
Seite [1]
Billbo


Try to beat me





Beiträge: 118
# Thema - 15.08.2008 um 13:47 Uhr
Hab ein kleines Problem mit meiner "Profil Edit" Seiten.




Wie kann ich die einzelnen Eingabefelder begrenzen, dass sie nicht mehr herausragen?


Zuletzt editiert von Billbo am 15.08.2008 um 16:35 Uhr (1x Editiert)
Inaktiv
Chelrid


Geekboy





Beiträge: 1114
# Antwort: 1 - 15.08.2008 um 13:52 Uhr
musst dir mal unter den themes bei user die edit.tpl angucken, glaub die ist das....


------------------
Grüße vom Chelrid
Und denkt dran: Immer locker durch die Hose atmen....


Inaktiv
|
Billbo
Thread-Ersteller


Try to beat me





Beiträge: 118
# Antwort: 2 - 15.08.2008 um 14:06 Uhr
ja hab da auch schon rumgefummelt wie nen Wilden...

also "size" und "maxlength"? aber da ändert sich nichts


Inaktiv
|
taM*


Geekboy




Beiträge: 1055
# Antwort: 3 - 15.08.2008 um 14:07 Uhr
"size" ist die größe der input felder, "maxlength" ist die maximale buchstaben grenze
wenn du das size verkleinerst, müsste das input feld auch kleiner werden.


Inaktiv
|
Billbo
Thread-Ersteller


Try to beat me





Beiträge: 118
# Antwort: 4 - 15.08.2008 um 14:18 Uhr
Habe z.B. von 40 beide auf 20 herunter gesetzt. Und dies bei allen Feldern.
Dennoch ändert sich nichts...

users/edit.tpl +-
<table class="forum" style="width:{page:width};" cellpadding="0" cellspacing="1">
<tr><td class="headb">
{lang:mod_name} - {lang:edit}
</td></tr><tr><td class="leftb">
{users:body}
</td></tr></table>
<br />
<form method="post" name="data[users_edit]" action="{form:action}">

<table class="forum" style="width:{page:width};" cellpadding="0" cellspacing="1">
<tr>
<td class="leftc">
{icon:locale} {lang:lang} *</td>
<td class="leftb">
{users:language_dropdown}

</td>
</tr>
<tr>
<td class="leftc">
{icon:personal} {lang:nick} *</td>
<td class="leftb">
<input type="text" name="data[users_nick]" value="{users:users_nick}" maxlength="20" size="20" class="form" />
</td>
</tr>
<tr>
<td class="leftc">
{icon:mail_generic} {lang:email} *</td><td class="leftb" colspan="2">

<input type="text" name="data[users_email]" value="{users:users_email}" maxlength="20" size="20" class="form" />
</td>
</tr>
<tr>
<td class="leftc">
{icon:access} {lang:access} *</td>
<td class="leftb">
{users:access_dropdown}
</td>
</tr>
<tr>
<td class="leftc">
{icon:gpg} {lang:state}</td><td class="leftb">

<select name="data[users_active]" class="form">
<option value="0" {users:state_deactivated}>Deaktiviert</option>
<option value="1" {users:state_activated}>Aktiviert</option>
</select>

</td>
</tr>
</table>

{if:access_5}
<table class="forum" style="width:{page:width};" cellpadding="0" cellspacing="1">
<tr>
<td class="headb" colspan="3">
{lang:profile_edit_admin}
</td>
</tr>
</tr>
<tr>
<td class="headb">{lang:column}</td>
<td class="headb">{lang:value}</td>
<td class="headb">{lang:hidden}</td>
</tr>
<tr>
<td class="leftc"> {icon:personal} {lang:prename}</td>
<td class="leftb"><input type="text" name="data[users_name]" value="{users:users_name}" maxlength="20" size="20" /></td>
<td class="centerc"><input type="checkbox" name="hidden[]" value="users_name" {hidden:users_name} />
</td>
</tr>
<tr>
<td class="leftc"> {icon:personal} {lang:surname}</td>
<td class="leftb"><input type="text" name="data[users_surname]" value="{users:users_surname}" maxlength="20" size="20" /></td>
<td class="centerc"><input type="checkbox" name="hidden[]" value="users_surname" {hidden:users_surname} />
</td>
</tr>
<tr>
<td class="leftc"> {icon:groupevent} {lang:sex}</td>
<td class="leftb" colspan="2"><select name="data[users_sex]" >
<option value="0">----</option>
<option value="male" {users:male_check}>{lang:male}</option>
<option value="female" {users:female_check}>{lang:female}</option>
</select>
</td>
</tr>
<tr>
<td class="leftc"> {icon:1day} {lang:birthday}</td>
<td class="leftb">{users:users_age}
</td>
<td class="centerc"><input type="checkbox" name="hidden[]" value="users_age" {hidden:users_height} />
</td>
</tr>
<tr>
<td class="leftc"> {icon:kivio} {lang:height}</td>
<td class="leftb"><input type="text" name="data[users_height]" value="{users:users_height}" maxlength="3" size="3" />
cm</td>
<td class="centerc"><input type="checkbox" name="hidden[]" value="users_height" {hidden:users_height} />
</td>
</tr>
<tr>
<td class="leftc"> {icon:kdm_home} {lang:adress}</td>
<td class="leftb"><input type="text" name="data[users_adress]" value="{users:users_adress}" maxlength="20" size="20" /></td>
<td class="centerc"><input type="checkbox" name="hidden[]" value="users_adress" {hidden:users_adress} />
</td>
</tr>
<tr>
<td class="leftc"> {icon:starthere} {lang:postal_place}</td>
<td class="leftb"><input type="text" name="data[users_postalcode]" value="{users:users_postalcode}" maxlength="8" size="8" />
<input type="text" name="data[users_place]" value="{users:users_place}" maxlength="20" size="20" /></td>
<td class="centerc"><input type="checkbox" name="hidden[]" value="users_place" {hidden:users_place} />
</td>
</tr>
<tr>
<td class="leftc"> {icon:locale} {lang:country}</td>
<td class="leftb" colspan="2">
<select name="data[users_country]" id="users_country" onchange="document.getElementById('country_1').src='{pa ge:path}symbols/countries/' + document.getElementById('users_country').options[this.form.users_count ry.selectedIndex].value + '.png'">
{loop:country}
<option value="{country:short}"{country:selection}>{ country:full}</option>
{stop:country}
</select>
{users:country_url}</td>
</tr>
<tr>
<td class="leftc"> {icon:mail_generic} {lang:email} *</td>
<td class="leftb"><input type="text" name="data[users_email]" value="{users:users_email}" maxlength="20" size="20" /></td>
<td class="centerc"><input type="checkbox" name="hidden[]" value="users_email" {hidden:users_email} />
</td>
</tr>
<tr>
<td class="leftc"> {icon:gohome} {lang:url}</td>
<td class="leftb"> http://
<input type="text" name="data[users_url]" value="{users:users_url}" maxlength="20" size="20" /></td>
<td class="centerc"><input type="checkbox" name="hidden[]" value="users_url" {hidden:users_url} />
</td>
</tr>
<tr>
<td class="leftc"> {icon:licq} {lang:icq}</td>
<td class="leftb"><input type="text" name="data[users_icq]" value="{users:users_icq}" maxlength="12" size="12" /></td>
<td class="centerc"><input type="checkbox" name="hidden[]" value="users_icq" {hidden:users_icq} />
</td>
</tr>
<tr>
<td class="leftc"> {icon:msn_protocol} {lang:msn}</td>
<td class="leftb"><input type="text" name="data[users_msn]" value="{users:users_msn}" maxlength="20" size="20" /></td>
<td class="centerc"><input type="checkbox" name="hidden[]" value="users_msn" {hidden:users_msn} />
</td>
</tr>
<tr>
<td class="leftc"> {icon:skype} {lang:skype}</td>
<td class="leftb"><input type="text" name="data[users_skype]" value="{users:users_skype}" maxlength="20" size="20" /></td>
<td class="centerc"><input type="checkbox" name="hidden[]" value="users_skype" {hidden:users_skype} />
</td>
</tr>
<tr>
<td class="leftc"> {icon:linphone} {lang:phone}</td>
<td class="leftb"><input type="text" name="data[users_phone]" value="{users:users_phone}" maxlength="20" size="20" /></td>
<td class="centerc"><input type="checkbox" name="hidden[]" value="users_phone" {hidden:users_phone} />
</td>
</tr>
<tr>
<td class="leftc"> {icon:sms_protocol} {lang:mobile}</td>
<td class="leftb"><input type="text" name="data[users_mobile]" value="{users:users_mobile}" maxlength="20" size="20" /></td>
<td class="centerc"><input type="checkbox" name="hidden[]" value="users_mobile" {hidden:users_mobile} />
</td>
</tr>
<tr>
<td class="leftc"> {icon:documentinfo} {lang:info}<br /><br />
{abcode:smilies}
</td>
<td class="leftb" colspan="2">{abcode:features}
<textarea name="data[users_info]" cols="50" rows="12" id="users_info" >{users:users_info}</textarea>
</td>
</tr>
<tr>
<td class="leftc"> {icon:ksysguard} {lang:options}</td>
<td class="leftb" colspan="2"><input type="submit" name="submit" value="{lang:edit}" />
<input type="reset" name="reset" value="{lang:reset}" />
</td>
</tr>
</table>
{stop:access_5}
<input type="hidden" name="id" value="{users:users_id}" />
</form>


Inaktiv
|
Pred


Poststar




Herkunft: Bischofsmais
Beiträge: 762
# Antwort: 5 - 15.08.2008 um 15:04 Uhr
hast du die size vllt. in der css festgelegt (per width:xxpx geht das ja glaub ich)


------------------


Inaktiv
|
Billbo
Thread-Ersteller


Try to beat me





Beiträge: 118
# Antwort: 6 - 15.08.2008 um 15:37 Uhr
Naja da sind einige "width" bei mir drin.

Vllt. kann mir einer sagen wo genau:

meine css +-
/* $Id: clansphere.css 232 2006-08-19 16:07:22Z hajo $ */
/* ----------Body/ links / Schriftstyle-------------- */
body {
background-color: #1b1818;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#292625;
padding:0;
margin:0;
}

.a1:link {
color: #inherit;
text-decoration: none;
}

.a1:hover { color: #inhert; background-image: url(images/buttont.png); text-decoration: none; display: list-item; white-space: pre; }

.a1:active {
color: #inherit;
text-decoration: none;
}

a:link, a:visited {
background-color:inherit;
color:#2a321a;
text-decoration:none;
font-weight:bold;



}
a:active, a:hover {
background-color:inherit;
color:#9ea48a;
text-decoration:none;



}
.h1 {
color: #C6C2C2;
font-size: 14pt;
font-weight: bold;
text-decoration: none;
}
.h2 {
color: #C6C2C2;
font-size: 16pt;
font-weight: normal;
text-decoration: none;
}
.h3 {
color: #C6C2C2;
font-size: 20pt;
font-weight: normal;
text-decoration: none;
}
/* ----------Regeln-------------- */
div,span {
font-family:Verdana,Helvetica,sans-serif;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
img {
border:0px;
}
form {
display:inline;
}
textarea {
width:90%;
}
ul {
margin:0px;
}
/* -----------Clansphere Zeugs-------------*/
/* Schriftfarbe News */
td {
background-color:inherit;
color:#ccd2c1;
font-size:8pt;
vertical-align:top;

/* Eingabe Feld */
}
.form {
background-color:#a8aa92;
border:1px solid #000000;
color:#002200;
font-family:Verdana,Helvetica,sans-serif;
font-size:8pt;
margin:2px;
padding-left:3px;
}
select, input, textarea {
background-color:#a8aa92;
border:1px solid #000000;
color:#002200;
font-family:Verdana,Helvetica,sans-serif;
font-size:8pt;
margin:2px;
padding-left:3px;
}
/* Rand */
.forum {
color:inherit;
margin:auto;
border:1px solid #686b62;
}
/* Kategorien Kopf */
.headb {
background-image: url(images/news_betreff.gif);
border:0,5px solid #ccd2c1;
color:#FFFFFF;
font-weight:bold;
padding:4px;
text-align:left;
}
/* Kategorien Kopf Squad Ansicht*/
.headbbig {
background-image: url(images/squad_head.gif);
border:0,5px solid #686b62;
color:#FFFFFF;
font-weight:bold;
padding:4px;
text-align:left;
}
/* Newsbetreff */
.bottom {
background-color:#bbbfa8;
color:inherit;
font-family:Verdana,Helvetica,sans-serif;
font-size:8pt;
margin:2px;
padding:4px 6px 4px 8px;
}
#bottom {
background-color:#545c43;
color:inherit;
margin-top:40px;
padding:4px 0px 4px 0px;
width:100%;
}
#head {
background-color:#545c43;
color:#F2F2F2;
font-size:25pt;
height:150px;
margin-bottom:30px;
text-align:center;
width:100%;
}
#debug {
height:150px;
margin-bottom:20px;
overflow:auto;
padding-left:4px;
width:100%;
text-align:left;
}
#errors {
color:#CC0000;
}
#sql {
color:#777777;
}
/* News Kopf */
.newshead {
color:#ffffff;
font-size:11pt;
font-weight:bold;
background-image: url(images/news_head.gif);
padding:4px 6px 4px 8px;
height:29; text-align:left;
}
/* Content oben */
.leftb,.centerb,.rightb {
background-image:url('images/navbodyb_bg.png');
padding:4px 6px 4px 8px;
}
/* Content unten */
.leftc,.centerc,.rightc {
background-image:url('images/navbodyb_bg.png');
padding:4px 6px 4px 8px;
}
.left,.leftb,.leftc {
text-align:left;
}
.center,.centerb,.centerc {
text-align:center;
}
.right,.rightb,.rightc {
text-align:right;
}
/* Zitat */
.quote {
background-color:#9ba187;
border:ridge 2px;
color:#000000;
padding:6px;
text-align:left;
}
/* Kalendar */
.calhead {
background-color:#9fa58b;
color:#353231;
padding:4px 2px 4px 2px;
text-align:center;

}
.calday,.calevent,.caltoday, .calweek {
padding:4px 2px 4px 2px;
text-align:right;
color:#353231;
}
.calday {
background-color:#b8bca5;
color:#353231;
}
.calevent {
background-color:#ffffff;
color:#353231;
}
.caltoday {
background-color:#c7953f;
color:#353231;
}
.calweek {
background-color:#a4a488;
color:#353231;
}

/* ----------container zentriert das layout-------------- */
#container {
background-image:url('images/bg.jpg');
width: 900px;
margin-bottom: 10px;
margin:0 auto;
}
/* ----------banner for logo-------------- */
#banner {
background-image:url('images/banner.png');
text-align:center;
padding: 0px;
margin: 0px;






font-size:25pt;
height:182px;
width:100%;

}
#banner img {padding:10px 0px;}
/* -----------------Inhalt--------------------- */
#content {
background-image:url('images/navbodyb_bg.png');
padding: 0;
margin: 0 200px;
}
div#content {
min-height:200px;
height:expression(this.scrollHeight > 200 ? "auto":"200px");
}
/* --------------left navigavtion------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}
/* --------------right navigavtion------------- */
#right {
float: right;
width: 200px;
margin: 0px 0px 0px 0px;
padding: 0px;
}
/* -----------footer--------------------------- */
#footer {
background-image:url('images/navbodyb_bg.png');
clear: both;
margin: 0px;
padding: 0px;
text-align: center;
}
/* --------------Menu Kopf links-------------- */
.navhead {
background-image:url('images/navhead.gif');
color:#F2F2F2;
width: 175px;
height: 21px;
font-weight:bold;
padding:4px;
text-align:center;
margin-top:0px;

}
/* --------------Menu body links-------------- */
.navbody {
background-image:url('images/navbodyb_bg.png');
list-style:none;
padding:4px 6px 4px 8px;
text-align:left;
width: 169px;
}





/* --------------Menu end links-------------- */
.navend {
background-image:url('images/box_left_unten.png');
height: 20px;
width: 183px;
}
/* --------------Menu Kopf rechts-------------- */
.navhead2 {
background-image:url('images/navhead_right.gif');
color:#F2F2F2;
width: 175px;
height: 21px;
font-weight:bold;
padding:4px;
text-align:center;
margin-top:0px;
float: right;
}
/* --------------Menu body rechts-------------- */
.navbody2 {
background-image:url('images/navbodyb_bg.png');
list-style:none;
padding:4px 6px 4px 8px;
text-align:left;
width: 169px;
float: right;
}
/* --------------Menu end rechts-------------- */
.navend2 {
background-image:url('images/box_right_unten.png');
height: 20px;
width: 183px;
float: right;
margin-bottom: 13px;
}
/* --------------statische Seiten-------------- */
.tabelle {
background-image:url(images/navbodyb_bg.png);
text-align: left;
border: solid 1px gray;

}
.stathead {
color:#ffffff;
font-size:11pt;
font-weight:bold;
background-image: url('images/news_head.gif');
padding:4px 6px 4px 8px;
height:29; text-align:left;
}
.stattopic {
background-image: url('images/news_betreff.gif');
font-weight:bold; padding:4px; text-align:left;
color:#ffffff;
width:auto;
}
.line {
border:solid 1px gray;
}


Inaktiv
|
fay-pain


Specialist




Beiträge: 2006
# Antwort: 7 - 15.08.2008 um 15:51 Uhr
in der .css wird das nicht festgehalten

es ist auch nicht die users/edit.tpl
sondern die users/profile.tpl



------------------
Manchmal hast du fay und machmal pain.
- hajo

Inaktiv
|
Chelrid


Geekboy





Beiträge: 1114
# Antwort: 8 - 15.08.2008 um 15:57 Uhr
ich sagte oben ja "ich glaube" ^^


------------------
Grüße vom Chelrid
Und denkt dran: Immer locker durch die Hose atmen....


Inaktiv
|
fay-pain


Specialist




Beiträge: 2006
# Antwort: 9 - 15.08.2008 um 15:58 Uhr
ne, ist schon okay kann jedem mal passieren


------------------
Manchmal hast du fay und machmal pain.
- hajo

Inaktiv
|
Billbo
Thread-Ersteller


Try to beat me





Beiträge: 118
# Antwort: 10 - 15.08.2008 um 16:35 Uhr
passt danke dir !


Inaktiv
|

Dieses Thema wurde von fay-pain PM geschlossen.

Antworten: 10
Seite [1]