Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [CSS] Login an oberen Rand (https://www.gegen-bilderklau.net/thread.php?threadid=165086)


Geschrieben von Startpost-Retter am 23.11.2009 um 10:17:

  Login an oberen Rand

Ich mal wieder Zunge raus

Ja folgende Frage. Ich hab ja mit Delites neuem login Script ein neues Projekt angefangen aufzubauen. Nun ja ich will n neues Design machen, und da soll das login halt oben hin. Und wenn jemand grad bock hat kann er noch bei den links rumfummeln großes Grinsen , bin in CSS nicht so bewappnet^^"


sry für die schlechte quali^^

sieht etwa so aus. Ach ja nicht wundern. Das Design ist noch nicht fertig xD..

hier mal die CSS:
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
body {
text-align:center;
margin:0px 0px 15px 0px;
padding:0px;
font:normal 12px/170% "Trebuchet MS";
background:url(img/bg.jpg) top repeat-x #70675a;
color:#4F4F4F;
}
.spacer {
clear:both;
}
#container {
width:816px;
background:url(img/contentbg.jpg);
margin:0 auto;
text-align:left;
}
#inhalt {
background:url(img/header.jpg) top no-repeat;
}
#inhalt .rand {
padding:40px 10px 0px 5px;
}

#kasten {
padding:-100px 84px 0px 20px;
height:80px;
color:#527022;
}
#kasten a {
color:#505050;
}
#kasten a:hover {
color:#527022;
}
#kasten .rand {
padding:2px;
}
#menu ul {
padding:6px;
margin:0px;
}
#menu ul li {
list-style:none;
float:left;
width:10%;
padding:0px;
margin:0px;
}
#menu ul li a {
display:block;
padding:70px 0px 3px 0px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
color:#FFF;
}
#menu ul li a:hover {
color:#3E3E3E;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
}
#content {
width:557px;
float:right;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
margin:40px 6px 20px 0px;
padding:5px 3px 5px 5px;
color:#a14f0d;
border-bottom:1px solid #D2D2D2;
}
#content h1 { font-size:22px; }
#content h2 { font-size:18px; }
#content h3 { font-size:16px; }
#content h4 { font-size:14px; }
#content h5 { font-size:12px; }
#content h6 { font-size:11px; }
#content a {
color:#7AA73B;
}
#content a:hover {
color:#51771B;
}
#content .rand {
padding: 30px;
}
#sidebar {
width:234px;
float:left;
}
#sidebar .rand {
padding:120px 2px 2px 0px;
}
#sidebar h1 {
margin:0px;
padding:0px 6px 6px 10px;
text-align:right;
font-size:16px;
color:#628B28;
}
#sidebar ul {
margin:0px 0px 10px 0px;
padding:6px;
border:1px solid #D2D2D2;
}
#sidebar ul li {
list-style:none;
margin:1px 0px 2px 0px;
padding:0px;
}
#sidebar ul li a {
padding:6px 0px 6px 0px;
background:#2b1913;
border:solid 1px #978c62;
display:block;
color:#a98c62;
text-decoration:none;
}
#sidebar ul li a:hover {
border:solid 0px #9AC85A;
}
#sidebar .text {
margin:0px 0px 10px 0px;
padding:10px;
border:1px solid #D2D2D2;
}
#sidebar .text:hover {
border:1px solid #8C8C8C;
}
#sidebar .text a {
color:#343434;
}
#sidebar .text a:hover {
text-decoration:none;
}
#footer {
margin:0 auto;
text-align:left;
width:816px;
background:url() top no-repeat;
padding:25px 0px 0px 0px;
color:#266868;
}
#footer a {
text-decoration:none;
padding:4px 10px 4px 10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
background:#ABDCC3;
color:#363636;
}
#footer a:hover {
background:#FFF;
}
#footer .rand {
padding:0px 10px 0px 10px;
}
#footer .left {
float:left;
width:50%;
}
#footer .right {
float:right;
width:50%;
text-align:right;


Ich hoffe ihr könnt mir helfen. Bin langsam am verzweifeln xD.



Geschrieben von 1Sm!le am 23.11.2009 um 18:34:

 

Schwer zu helfen, wenn man das HTML nicht sieht. Ganz allgemein aber: Du wirst mit position:absolute arbeiten müssen und dann eine Höhenangabe vom oberen Rand angeben (top:xx px).



Geschrieben von 1Sm!le am 23.11.2009 um 18:57:

 

Ich bin ja niemand, der gern fertige Codes liefert ...
deshalb: Element nehmen, was hoch soll (Das Formular) und mit CSS eine position:absolute geben und sinnvollen left:- und top:- Wert setzen.


Forensoftware: Burning Board, entwickelt von WoltLab GmbH