Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 8
Seite [1]
Nemo4Lupus


Beginner




Beiträge: 5
# Thema - 28.01.2009 um 20:17 Uhr
Hey,
Auch ich bin begeisterter User eures CMS, hab bisher auch alles meinen Bedürfnissen anpassen können, allerdings stehe ich gerade kurz vor der Verzweiflung.

Ich habe nav:login durch float so formatiert, dass nick, passwort und button nebeneinander liegen.

Mein Problem ist ästhetischer Natur: Der Button ist aus mir unerfindlichen Gründen um einige wenige Pixel höher als die Eingabefelder - stelle ich auf ein "default"-template um ... dort stimmt die Höhe der beiden Elemente überein.

Bisher habe ich die externe CSS-Datei auseinandergenommen, kontrolliert ... alles, was ich für Ursache dieser Unschönheit habe halten können, ohne Erfolg.

Würde mich freuen, wenn sich Jmd. meines Problems annehmen könnte. Möchte ungern die Seite oder CSS verlinken, deswegen würde ich direkten Kontakt, via ICQ beispielsweise, vorziehen - dann gebe ich auch gerne Link und alle nötigen Infos raus.

ICQ: 165248297

Danke
Nemo
Inaktiv
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 1 - 28.01.2009 um 20:23 Uhr
und warum ist es so schlimm hier das CSS und die Seite zu verlinken? So etwas deutet doch meistens sowieso nur darauf hin, dass etwas faul ist (meiner Meinung nach).

Supporter werden dir sicher nicht hinterher laufen. Du musst uns schon etwas entgegen kommen wenn du dafür Ergebnisse sehen möchtest.


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
Nemo4Lupus
Thread-Ersteller


Beginner




Beiträge: 5
# Antwort: 2 - 28.01.2009 um 20:28 Uhr
Ich kann versichern, dass alles in Ordnung ist ... ich habe nicht vor gegen irgendwelche "Regeln" zu verstoßen ... wollte nur nicht gleich die Seite posten. Und da ich den Fehler in der CSS selber nicht gefunden habe, weiss ich nicht, ob es Euch was bringt, wenn ich sie hier komplett aufführe?!

Aber in der Hoffnung, dass mir Jmd. hilft: http://account.electronicsport.us/ - Problem sollte zu sehen sein.


Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 3 - 28.01.2009 um 20:44 Uhr
dann posste doch einfach die css in nem klapptext und den codeschnippsel denn du ändern möchtest wenn du nicht die ganze seite zeigen willst =)


Inaktiv
|
Nemo4Lupus
Thread-Ersteller


Beginner




Beiträge: 5
# Antwort: 4 - 28.01.2009 um 20:53 Uhr
Irgendwo muss doch das Problem begraben liegen ... vllt seh ich den Wald auch vor lauter Bäumen nicht mehr?!

Hier die CSS zum großen Teil:
mehr... +-

/* $Id: clansphere.css 232 2006-08-19 16:07:22Z hajo $ */

a:link, a:visited {
/* background-color:inherit; */
/* color:#5FA2E4; */
/* color: #8D9651; */
color: #BBBBBB;
text-decoration:none;
}
a:active, a:hover {
/* background-color:inherit; */
/* color:#FFD100; */
/* color: #626233; */
color: #333333;
}
div,span {
background-color:inherit;
color:#333333;
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 */
input, textarea, select {
background-color:#FFFFFF;
border:2px solid #CCCCCC;
color:#333333;
font-family:Verdana,Helvetica,sans-serif;
font-size: 8pt;
}
img {
border:0px;
}
form {
display:inline;
}
td {
background-color:inherit;
color:#333333;
font-size:8pt;
vertical-align:top;
}
textarea {
width:90%;
}
ul {
margin:0px;
}
#debug {
height:150px;
overflow:auto;
width:100%;
text-align:left;
}
#errors {
color:#333333;
}
#sql {
color:#333333;
}
.h1 {
color: #333333;
font-size: 14pt;
font-weight: bold;
text-decoration: none;
}
.h2 {
color: #333333;
font-size: 16pt;
font-weight: normal;
text-decoration: none;
}
.h3 {
color: #333333;
font-size: 20pt;
font-weight: normal;
text-decoration: none;
}
.forum {
color:inherit;
border-collapse:seperate;
border-spacing:1px;
}
.headb {
color:#333333;
font-weight:bold;
text-align:left;
text-transform:uppercase;
}
.bottom {
color:#333333;
text-align:left;
}
.newshead {
color:#66A2DD;
font-size:11pt;
font-weight:bold;
text-align:left;
}
.left,.center,.right {
padding:1px;
}
.leftb,.centerb,.rightb {
color:#333333;
}
.leftc,.centerc,.rightc {
color:#333333;
}
.left,.leftb,.leftc {
text-align:left;
}
.center,.centerb,.centerc {
text-align:center;
}
.right,.rightb,.rightc {
text-align:right;
}
.quote {
border:1px solid #330000;
color:#333333;
text-align:left;
}
.navhead,.navhead2 {
border:solid #330000;
border-width:1px 1px 0px 1px;
color:inherit;
font-weight:bold;
text-align:center;
}
.navhead:first-letter,.navhead2:first-letter {
color:#333333;
}

.navbodyb,.navbody2b {
border:1px solid #330000;
color:inherit;
list-style:none;
text-align:left;
}

/* -------------------------------------------------- HIER BEGINNT CSS von LUPUS -------------------------------------------------- */

* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
height: 100%;
background-image: url(pictures/body.png);
color: #333333;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 8pt;
}
#gradient {
height: 100%;
background-image: url(pictures/gradient.png);
background-repeat: repeat-x;
}
#container {
width: 756px;
margin: 0 auto;
}
#header {
height: 249px;
background-image: url(pictures/header.png);
background-repeat: no-repeat;
}
#content {
width: 756px;
background-image: url(pictures/content.png);
background-repeat: repeat-y;
}
#footer {
height: 58px;
background-image: url(pictures/footer.png);
background-repeat: no-repeat;
}
#navigation_head,
#navigation_foot {
height: 27px;
}
#navigation_head {
width: 450px;
padding: 29px 53px 0px 253px;
}
#navigation_foot {
width: 180px;
padding: 1px 323px 0px 253px;
}
#navigation_head a,
#navigation_foot a {
width: 90px;
height: 27px;
float: left;
position: relative;
cursor: pointer;
}
#navigation_head a span,
#navigation_foot a span {
width: 90px;
height: 27px;
background-position: top left;
background-repeat: no-repeat;
display: block;
position: absolute;
top: 0;
left: 0;
}
#navigation_head a:hover span,
#navigation_foot a:hover span {
background-position: top right;
}
#inner_content {
width: 748px;
margin: 0 auto;
overflow: hidden;
}
#inner_content_left {
width: 248px;
float: left;
}
#inner_content_right {
width: 499px;
float: right;
}


Welchen Teil der "default" CSS hab ich vernichtet oder welchen habe ich vergessen, der dafür sorgte, dass Button und Formularfeld gleich groß waren?!


Zuletzt editiert von Nemo4Lupus am 28.01.2009 um 20:58 Uhr (1x Editiert)
Inaktiv
|
Jam2 ClanSphere Team


Highlander





Beiträge: 3291
# Antwort: 5 - 28.01.2009 um 21:18 Uhr
auf dem ersten blick sag ich:
die schriftgröße ist zu hoch^^


------------------
Gruß/ Best regards
Jam2

Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes)
Template Switch for index.php
Board Navlist last posts

Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota.....
Edi: hö ?
Jam2: nichts ist unmöglich!


Inaktiv
|
Nemo4Lupus
Thread-Ersteller


Beginner




Beiträge: 5
# Antwort: 6 - 28.01.2009 um 21:29 Uhr
Schriftgröße des Buttons und der Formularfelder unterscheidet sich aber nicht ... sie sind untereinander identisch in meiner Version, in der default Version und die Schriftgröße von 8pt habe ich auch nicht verändert :/


Zuletzt editiert von Nemo4Lupus am 28.01.2009 um 21:29 Uhr (1x Editiert)
Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 7 - 28.01.2009 um 21:53 Uhr
also was ich auch aufn ersten blick sehe, was wohl jam auch meint, ist dassder button insgesammt zu breit ist und in die nächste zeile rutscht.

wenn man den aber kürzt, dann sehe ich auch das problem was du wohl meinst, dass der button 2px zu hoch ist.
das liegt wohl daran, dass alle inputs einen standard padding von 1px haben, den du aber bei nick und password entfernt hast. bei dem submit-button scheint sich das padding aber nicht entfernen zu lassen, sprich er kann nicht noch kleiner werden. am einfachsten wäre es, einfach den beiden anderen feldern 1px padding wiederzugeben.


------------------
www.laszlokorte.de

Inaktiv
|
Nemo4Lupus
Thread-Ersteller


Beginner




Beiträge: 5
# Antwort: 8 - 28.01.2009 um 23:00 Uhr
So, danke allen ... Schiri, du hast mit weiterhelfen können. An sich hatte ich Padding und Margin bereits komplett durch ... irgendwo muss ich vorhin einen Denkfehler gemacht haben - Wie gesagt, manchmal sieht man den Wald vor lauter Bäumen nicht.

Hab das Problem nun beheben können. Weil FF und IE aber ein unterschiedliches Verständnis in Bezug auf die Größe der Felder hat, hab ich es jetzt mit einem CSS-Hack folgendermaßen lösen können:

mehr... +-

.formular {
padding: 1px;
}
*+html .formular{
padding: 2px 0px 1px 0px;
}
* html .formular {
padding: 2px 0px 1px 0px;
}


Inaktiv
|
Antworten: 8
Seite [1]


Sie müssen sich registrieren, um zu antworten.