Hilfe bei Website

01/01/2010 20:31 mrasdfzebr#1

Hallo Com
Mache gerade eine Website f�r einen Server doch ich hab folgendes Problem.
Ich habe erstmal eine Vorlage aus dem Internet genommen. Hab soweit alles ver�ndert doch trotzdem fehlt mir was:

Hier mal das Bild der Homepage:

Spoiler

[Only registered and activated users can see links. Click Here To Register...]

Und hier der HTML-Code vom oberen Bereich der Website:

Spoiler

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="robots" content="INDEX,FOLLOW"> <meta name="keywords" content="Server Mizar"> <meta name="description" content="homepage, dokument, webpage, page, web, netz" > <title>Mizar - New Metin2 private Server</title> <link rel="stylesheet" href="format.css" type="text/css"> </head> <body > <table align="center" width="100%" cellspacing="0" cellpadding="0" border="0" id="aussen" > <tr> <td align="center" width="100%" > <table width="764" cellspacing="0" cellpadding="0" border="0" > <tr> <td valign="middle" id="top1"> </td> </tr> <tr> <td valign="middle" id="top2"> </td> </tr> <tr>

Das besondere ist, dass das Bild nicht durch einen HTML-Befehl eingesetzt wurde.
Ich musste es einfach nur in einen Ordner tun und das Bild dann "lay" nennen. <.<
(War ja Vorlage aus dem Internet)
Jetzt meine Fragen:
Wie schaffe ich es, dass geschriebene und das Men� links unter den Banner zu kriegen ?
Wie k�rze ich die senktrechte Linie, vom Men� auf der Linken Seite, so dass sie bei "Der Server" aufh�rt ?

Hoffe mir kann jemand helfen
mfg. germanmars

01/01/2010 23:17 .nAno#2

Die .css datei ist hier interessanter, der Code allein ist zu kurz f�r so eine side ;)

Stell mal die foramt.css rein, dann k�nnen wa dir helfen

(du solltest allerdings n�chstesmal in der richtigen Section posten :P )

01/02/2010 00:18 mrasdfzebr#3

ja wo ist denn die richtige section ? -.-'''

Ka was das ist: aus der format.txt die dabei ist

Spoiler

HTML Code:

body
{margin-top: 0px;  margin-left: 0px; margin-right: 0px;margin-bottom: 0px; background-color: #383838; padding:0px;
background-image:url(images/bgmain.jpg);
background-repeat:repeat-y;
background-position:50% 0%;width:100%;}

#aussen
{padding:0px;margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px;
background-image:url(images/lay.jpg);background-repeat:no-repeat;
background-position:center top;
}


h2{ font-family: ,arial, helvetica, verdana, tahoma, sans-serif;color:#CFCFCF;
margin-bottom:18px;letter-spacing:2px;font-size: 16px;
border-bottom:solid 0px #746b64;
padding-bottom:4px
}

.logostyle {border:solid 1px #b6b6b6;}

.imgstyle {float:left;border:solid 1px #b6b6b6;margin-left:0px;margin-top:30px;margin-bottom:30px;margin-right:30px}

#bannertop
{height:120px;text-align:center;
background-image:url(images/hinter.jpg);
background-repeat:repeat-y;
background-position:center top;
border-bottom:solid 1px #b6b6b6;}

#top1 {
height:116px;
vertical-align:middle;
text-align:center;
}

#top2 {
height:36px;
vertical-align:middle;
text-align:center;
}
#leiste {vertical-align:middle;
height:110px;
border-top:solid 0px #CFCFCF;
background-color:#;
text-align:center;
padding-left:0px;}

#hpname {letter-spacing:2px;font-size:18px;font-family:  helvetica, verdana, tahoma, sans-serif; font-style:italic; border-top:solid 0px #666666;padding:0px;color:#DFDFDF;
 font-style:italic;width:700px;padding-left:10px;padding-right:20px;
}


.buleiste {vertical-align:middle;
text-align:left;
height:36px;
margin-left:40px;border-bottom:solid 0px #000;
border-bottom:solid 0px #000;
background-color:#;
margin:0px;padding:0px;


}



#leiste2 {vertical-align:middle;
height:2px;
}

#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#f7f7f7;
text-decoration:none ;
font-size: 14px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
padding-left: 8px; padding-right: 8px;padding-bottom: 0px; padding-top:0px;
border-left:solid 0px #b6b6b6;border-right:solid 1px #b6b6b6;
line-height:37px;
height:37px;
text-align:center;
background-color:#;
}

#menu2 a:hover {
background:transparent;
background-image:url(images/bt2.gif);
background-repeat:repeat-x;
background-position:left top;
}


#menu2vers4 a, #menu2vers4 a:visited , #menu2vers4 a:active {display: block;
color:#f7f7f7;
text-decoration:none ;
font-size: 14px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
padding-left: 8px; padding-right: 8px;padding-bottom: 0px; padding-top:0px;
border-left:solid 1px #b6b6b6;border-right:solid 0px #b6b6b6;
line-height:37px;
height:37px;
text-align:center;
background-color:#;
}

#menu2vers4 a:hover {
background:transparent;
background-image:url(images/bt2.gif);
background-repeat:repeat-x;
background-position:left top;
}




#main{  height:800px;
background-image:url(images/xbgin.jpg);background-repeat:repeat-x;
background-position:center top; background-color:#;
}
#inbox { text-align:justify;padding-top:40px;padding-bottom:30px;
font-size: 15px;line-height: 19px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
color:#b6b6b6;
}


#navbox {color:#fff;font: normal 11px/15px verdana, sans-serif; padding-left: 0px;padding-right:0px;padding-top: 0px;
background-color:#;
border-right:solid 1px #b6b6b6;
border-left:solid 1px #b6b6b6;
width:120px;
vertical-align:top;
text-align:center;height:800px}





#fussb {font-family: verdana, sans-serif;
font-size:12px;
 color: #b6b6b6;
height:112px;
text-align:center;
vertical-align:middle;
padding-bottom:24px;
background-color:#;
background-image:url(images/fuss.jpg);
background-repeat:repeat-x;
background-position:top center;
padding-bottom:10px;
letter-spacing:3px;
}

#fussb2 {font-family: verdana, sans-serif;
font-size:12px;
 color: #f7f7f7;
height:50px;
text-align:center;
vertical-align:middel;
font-style:italic;
background-color:#;
letter-spacing:3px;
background-image:url(images/fuss2.jpg);
background-repeat:repeat-x;
background-position:top center;
}

/* menue vertikal */

.menu1 a , .menu1 a:visited , .menu1 a:active {display:block;
background-color:#2d2d2d;
color:#f7f7f7;
text-decoration:none ;
text-align:left;
width:180px;
padding-left:20px;
line-height: 28px;
font-size: 14px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
margin:0px;
border-top:solid 0px #fff;
border-bottom:solid 1px #b6b6b6;
font-style:normal;
}

.menu1 a:hover{
background-color:#6f6f6f;
color:#000;
text-decoration:none ;

}




/* allgemeine links im text */

a:link, a:visited, a:active{ font-size: 15px;line-height: 19px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
color:#7f7f7f}

a:hover{ text-decoration:UNDERLINE;background-color:#fff;
color:#3F3F3F;}

/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #737b66; scrollbar-base-color: #F5F8F3;
scrollbar-highlight-color : #737b66; scrollbar-shadow-color : #ffffff;
SCROLLBAR-TRACK-COLOR: #e6e6e6;}

01/02/2010 01:11 MojoGG#4

Ich finde, wenn man einen Server macht, dann sollte man sich auch mit dem Homepage kram und so auskennen oder man gezahlt jmd daf�r!

Aufjedenfall w�rde ich dir raten, entweder:

-Du machst die homepage �ber einen Internet anbieter!
-oder du legst dir einen Homepagebuilder (z.B.: WYSIWYG Web Builder) zu!

Aber .nAno hat recht, der code ist wirklich zu kurz, das kann nicht der f�r diese Seite sein!

Das was du gerade gepostet hast, ist die Einstellung f�r den Hintergrund und das Hintergrundbild usw..(da siehst du auch, warum du es nur umbennen musst, n�hmlich genau hier: )

Quote:

#aussen
{padding:0px;margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px;
background-image:url(images/lay.jpg);background-repeat:no-repeat;
background-position:center top;
}

Und ich glaube die richtige section ist entweder Metin 2 oder eh hier^^

01/02/2010 11:15 mrasdfzebr#5

hehe geschafft
war ja die simpelste L�sung auf Erden
Einfach mal ein paar breaks rein setzen und schon klappts perfekt :)

Danke f�r eure antworten

Kann geschlossen werden
@Mod
H�tte eine neue Idee f�r einen neuen Bereich.
HTML, CSS, PHP
W�re ganz hilfreich ;)

01/02/2010 11:28 MojoGG#6

Jop, und als �ber - Thema:

Programmiersprachen!

Aufjedenfall, freut mich, dass wir dir helfen konnten und freut mich, dass du�s geschafft hast!

01/02/2010 12:28 S.A.L.O.M.O.N.#7

#closed :)