Hilfe bei Website

mrasdfzebr · 01/01/2010, 20:31

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

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

.nAno · 01/01/2010, 23:17

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 )

mrasdfzebr · 01/02/2010, 00:18

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;}

MojoGG · 01/02/2010, 01:11

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^^

mrasdfzebr · 01/02/2010, 11:15

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

MojoGG · 01/02/2010, 11:28

Jop, und als über - Thema:

Programmiersprachen!

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

S.A.L.O.M.O.N. · 01/02/2010, 12:28

#closed