Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [CSS] Login an oberen Rand » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Login an oberen Rand
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Startpost-Retter
Mitglied


Dabei seit: 24.01.2011
Beiträge: 12.246
Herkunft: Gegen Bilderklau, intern

Login an oberen Rand Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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.

__________________
Dieser Beitrag gehörte zu einer Löschaktion von Beiträgen eines Users, er wurde diesem User überschrieben, damit der Thread nicht an Sinn verliert.

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von werock2040: 23.11.2009 10:37.

23.11.2009 10:17 Startpost-Retter ist offline Beiträge von Startpost-Retter suchen Nehmen Sie Startpost-Retter in Ihre Freundesliste auf
1Sm!le 1Sm!le ist weiblich
Mitglied


images/avatars/avatar-42097.png

Dabei seit: 05.03.2005
Beiträge: 441
Herkunft: Berlin

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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).

__________________

23.11.2009 18:34 1Sm!le ist offline E-Mail an 1Sm!le senden Homepage von 1Sm!le Beiträge von 1Sm!le suchen Nehmen Sie 1Sm!le in Ihre Freundesliste auf
1Sm!le 1Sm!le ist weiblich
Mitglied


images/avatars/avatar-42097.png

Dabei seit: 05.03.2005
Beiträge: 441
Herkunft: Berlin

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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.

__________________

23.11.2009 18:57 1Sm!le ist offline E-Mail an 1Sm!le senden Homepage von 1Sm!le Beiträge von 1Sm!le suchen Nehmen Sie 1Sm!le in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [CSS] Login an oberen Rand

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH