Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 12
Seite [1]
Mr.Metzel


Rock the board





Beiträge: 56
 # Thema - 31.12.2007 um 20:20 Uhr
Hallo ich mal wieder ^^

ich habe noch ein Problem. Ich habe alles soweit hinbekommen aber dann ist ein clanmate von mir auch mal auf die Seite gegangen. Bei mir mit einer Auflösung von 1024x768 ist alles Ok.

Dazu muß ich allerdings sagen das ich das Hintergrundbild auf margin:45% center hatte da wenn ich margin: center center eingebe es nicht synchron über dem anderen liegt obwohl ich die tabelle auch auf align="center" hatte.

Zurück zu meinem Clankollegen: Der hat ne Auflösung von 1280x768. Wenn der auf die Seite ging war das Hintergrundbild nicht synchron. Mir wurde schnell klar das das an margin:45% lag da dies ja bei verschiedenen Auflösungen zu unterschiedlichen ergebnissen führt.

Wenn ich die Tabelle jetzt statt auf Center auf Standart stehen lasse ist der Hintergrund wieder Synchron aber bei der höheren Auflösung ist Sie ganz auf der linken Seite und nicht in der Mitte.

Ich habe schon versucht die kompletten Tabellen in ein div zu packen und zu zentrieren aber das funkrioniert auch nicht oder ich mache was falsch.

Also wie bekomme ich es für beide Auflösungen gleich hin?



MfG

Mr.Metzel


Zuletzt editiert von Mr.Metzel am 31.12.2007 um 20:20 Uhr (1x Editiert)
Inaktiv
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
 # Antwort: 1 - 03.01.2008 um 12:51 Uhr
link ?


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
h4ze


Geekboy




Herkunft: Itzehoe
Beiträge: 1433
 # Antwort: 2 - 03.01.2008 um 15:44 Uhr
margin: 45% ist totaler mist, margin: center gibts gar nicht

guck mal auf css4you.de, aber meiner meinung nach musst du das mit
 
1.
1. / 2. / ... 
 margin: 0 auto;
machen.

ansonsten:
 
1.
2.
3.
4.
1. / 2. / ... 
 background-image:url(img/bla.jpg);
background-color: #fff;
background-repeat: no-repeat;
background-position: 50% 50%;


------------------
gembee.com - Upload your Life!
A Social Filesharing Network
"Wie YouTube, nur für alle Datei-Typen"
Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
 # Antwort: 3 - 03.01.2008 um 17:29 Uhr
jop

margin: 0 auto; im body tag reicht schon


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
Mr.Metzel
Thread-Ersteller


Rock the board





Beiträge: 56
 # Antwort: 4 - 04.01.2008 um 22:08 Uhr
Das mit margin:0 auto; hatte ich auch versucht hat aber alles nicht gefunzt. Was wohl daran liegt das das wie gesagt meine erstes Design ist und ich so ziemlich alles an HTML und CSS zusammengewürfelt habe was es gibt. Habe das ganze jetzt mit einem einfachen <center> </center> gelöst. Trotzdem danke für die Antworten.

Kann das mischmasch der Grund sein wieso ich die Schriftart in der CSS zwar ändere aber das keine Auswirkungen auf die Page hat? Ich muß nämlich jetzt sämtliche .tpl dateien die ich nutze durchgehen und da die Schrift einstellen das Nervt.

Wobei komisch ist das ich die Hintergrundfarben sehr wohl verändern kann aber nicht die Schriftgröße...


Zuletzt editiert von Mr.Metzel am 04.01.2008 um 22:10 Uhr (1x Editiert)
Inaktiv
|
h4ze


Geekboy




Herkunft: Itzehoe
Beiträge: 1433
 # Antwort: 5 - 04.01.2008 um 22:33 Uhr
lol, hör damit sofort auf! das geht in der css!

es kann sein, dass du dich überschreibst. das bitte einmal prüfen. aber ansonsten: schriftart und größe, etc. in der css ändern. nicht in den templates.


------------------
gembee.com - Upload your Life!
A Social Filesharing Network
"Wie YouTube, nur für alle Datei-Typen"
Inaktiv
|
Mr.Metzel
Thread-Ersteller


Rock the board





Beiträge: 56
 # Antwort: 6 - 04.01.2008 um 23:14 Uhr
Ja aber ich hab das ehrlich versucht und ich habe nirgens davor was mit schriftarten gemacht aber in der css KANN ich das nicht ändern. Weiß der Geier wieso...


Inaktiv
|
h4ze


Geekboy




Herkunft: Itzehoe
Beiträge: 1433
 # Antwort: 7 - 04.01.2008 um 23:33 Uhr
hast du in der css stehen:

body {
font-family: Verdana;
font-size: 11px;
}

bzw: link zur seite bitte!


------------------
gembee.com - Upload your Life!
A Social Filesharing Network
"Wie YouTube, nur für alle Datei-Typen"
Inaktiv
|
Mr.Metzel
Thread-Ersteller


Rock the board





Beiträge: 56
 # Antwort: 8 - 04.01.2008 um 23:36 Uhr
Nein hab ich nicht. Hier mal die komplette CSS

Meine komplette CSS... +-
div,span {
background-color:inherit;
color:#E4E4E4;
font-family:Verdana,Helvetica,sans-serif;
}
img {
border:0px;
}
form {
display:inline;
}
textarea {
width:90%;
}
ul {
margin:0px;
}

#nav-left,#content,#bottom {
float:left;
margin:auto;
}

#nav-left {
width:14%;
}
#nav-right {
float:right;
width:20%;
}
#content {
background-color:inherit;
color:#222222;
text-align:center;
width:66%;
}
#bottom {
background:#323242;
border:2px ridge #585858;
color:#C2C2C2;
margin-top:20px;
padding:4px 0px 4px 0px;
width:100%;
}
#head {
background:#323242;
border:2px ridge #585858;
color:#C2C2C2;
font-size:25pt;
height:100px;
margin-bottom:20px;
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:#666666;
}
.h1 {
color: #000000;
font-size: 14pt;
font-weight: bold;
text-decoration: none;
}
.h2 {
color: #000000;
font-size: 16pt;
font-weight: normal;
text-decoration: none;
}
.h3 {
color: #000000;
font-size: 20pt;
font-weight: normal;
text-decoration: none;
}
.form {
background-color:#252533;
border:2px ridge #585858;
color:#B3B3B3;
font-family:Verdana,Helvetica,sans-serif;
font-size:8pt;
margin:2px;
padding-left:3px;
}
.forum {
background-color:#000000;
color:#FFFFFF;
margin:auto;
}
.headb {
background-color:#000000;
border:2px ridge #585858;
color:#E4E4E4;
font-weight:bold;
padding:1px;
text-align:left;
background-image: url(images/mainpic.jpg);
height: 19px;
}
.bottom {
background-color:#252533;
border:2px ridge #585858;
color:#C2C2C2;
padding:4px 6px 4px 8px;
text-align:left;
}
.newshead {
background-color:#FFFFFF;
border:2px ridge #FFFFFF;
color:#E4E4E4;
font-size:11pt;
font-weight:bold;
text-align:left;
background-image: url(images/newspic.jpg);
height: 25px;
padding-top: 1px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 8px;
}
.left,.center,.right {
padding:1px;
}
.leftb,.centerb,.rightb {
background-color:#000000;
border:2px ridge #585858;
color:#E4E4E4;
padding:4px 6px 4px 8px;
}
.leftc,.centerc,.rightc {
background-color:#000000;
border:2px ridge #333333;
color:#E4E4E4;
padding:4px 6px 4px 8px;
}
.shbgex {
background-image: url(images/shbgex.jpg);
height: 250px;
}

.left,.leftb,.leftc {
text-align:left;
}
.center,.centerb,.centerc {
text-align:center;
}
.right,.rightb,.rightc {
text-align:right;
}
.quote {
background-color:#525262;
border:2px ridge #585858;
color:#F2F2F2;
padding:6px;
text-align:left;
}
.navhead,.navhead2 {
background-color:#224477;
border:2px ridge #585858;
color:#E4E4E4;
font-weight:bold;
padding:4px;
text-align:center;
}
.navbodyb,.navbody2b {
background-color:#323242;
border:2px ridge #585858;
color:inherit;
list-style:none;
padding:4px 6px 4px 8px;
text-align:left;
}
.calhead {
background-color:#323242;
border:2px ridge #585858;
color:inherit;
padding:4px 2px 4px 2px;
text-align:center;
}
.calday,.calevent,.caltoday, .calweek {
padding:4px 2px 4px 2px;
text-align:right;
}
.calday {
background-color:#424252;
border:2px ridge #585858;
color:inherit;
}
.calevent {
background-color:#525262;
border:2px ridge #585858;
color:inherit;
}
.caltoday {
background-color:#626272;
border:2px ridge #585858;
color:inherit;
}
.calweek {
background-color:#727282;
border:2px ridge #585858;
color:inherit;
}
.sh1 {
background-image: url(images/sh1.jpg);
height: 19px;
}
.shend {
background-image: url(images/shend.jpg);
height: 30px;
}
.shbg {
background-image: url(images/shbg.jpg);
height: 250px;
}
.cbg {
background-image: url(images/counterbg.jpg);
height: 80px;
}
.ftxt {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
}

A:LINK
{
color: red;
font-style: oblique
}

A:VISITED
{
color: red;
font-style: oblique;
}

A:ACTIVE
{
color: white;
text-decoration:
overline;
font-style: oblique
}

A:HOVER
{
color: blue;
font-style: oblique
}
Inaktiv
|
h4ze


Geekboy




Herkunft: Itzehoe
Beiträge: 1433
 # Antwort: 9 - 05.01.2008 um 08:17 Uhr
füg mal meinen code von oben mit in die css ein. wo ist egal, ich würds ganz oben machen.


------------------
gembee.com - Upload your Life!
A Social Filesharing Network
"Wie YouTube, nur für alle Datei-Typen"
Inaktiv
|
Mr.Metzel
Thread-Ersteller


Rock the board





Beiträge: 56
 # Antwort: 10 - 05.01.2008 um 23:09 Uhr
Eieieiei ich hab gemerkt wo mein Fehler war -.-
ich habe einfach nach font-size gesucht aber ich hätts einfach reinschreiben können und mit verschachtelten selektoren kenn ich mich jetzt auch prima aus ^^ Naja man lernt nie aus. Vielen Dank für den Denkansporn ^^

Aber wo du grad dabei bist xD
Wie Stelle ich es ein das bei den {news:navlist} statt 4 news nur 3 angezeigt werden?


Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
 # Antwort: 11 - 05.01.2008 um 23:41 Uhr
/mods/news/navlist.php zeile 11

$cs_news = cs_sql_select(__FILE__,$tables,$select,$public,'ne.news_time DESC',0,4);

die vier am ende in Deine Wunsch Anzahl ändern,... ^^


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

Verschwende keine Energie an Dinge die Du nicht ändern kannst...
Inaktiv
|
Mr.Metzel
Thread-Ersteller


Rock the board





Beiträge: 56
 # Antwort: 12 - 06.01.2008 um 00:59 Uhr
cool VIELEN DANK!

Ihr seid wirklich alle SUPER


Inaktiv
|
Antworten: 12
Seite [1]


Sie müssen sich registrieren, um zu antworten.