verhältnisse, menue, content us.w.

[dude32]

moin

da ich zur zeit ein vms1.2.4 neu aufbaue, stehe ich gerade etwas auf dem schlauch
es ist doch etwas anderes als mein altes vms1

so nun zu meinem problem:

1. wo werden die größen für menue und content definiert (main.css) wo genau
2. wo werden die abstände zwischen menue und conten defíniert( css oder html sprich header bzw footer)

so das sollte erst mal reichen

[general2811]

moin

da ich zur zeit ein vms1.2.4 neu aufbaue, stehe ich gerade etwas auf dem schlauch
es ist doch etwas anderes als mein altes vms1

so nun zu meinem problem:

1. wo werden die größen für menue und content definiert (main.css) wo genau
2. wo werden die abstände zwischen menue und conten defíniert( css oder html sprich header bzw footer)

so das sollte erst mal reichen

genau das wüste ich auch gerne!!!!!!!!!!1

[Everlast3310]

#left, #right und #middle Wenn du die größen rechts anpasst, musst du auch die Größe von middle und left anpassen wenn ich mich nicht irre.

Edit: #context spielt da auch eine rolle. Ich empfehle dir das addon Firebux, damit kannst du alles im Browser testen ohne irgendetwas an den Dateien selbst zu ändern.

[general2811]

und was gwnau kann ich damit machen??
installt hab ich es schon!
desweiteren hätte ich gerne gewusst wie ich es hinbekomm das sich der header auch von alleine scaliert!
da meine slots überbreite haben habe ich die seite nun so angepasst das sich diese den slots anpasst aber eben der header nicht, allso der banner wo der seitenname drinn steht!

[Everlast3310]

im allgemeinen funktioniert das mit margin:0 auto;

Zu firebux einfach mal bissel ausprobieren, erklärt sich von selbst.

Also auf den kleinen Käfer klicken um Firebux zu starten und dann auf den Button wo der Mauszeiger auf ein Rechteck zeigt klicken und dann in deine Webseite klicken und die stelle auswählen, die du bearbeiten willst. Ist ein bischen schwer zu erklären aber wie schon gesagt, bissel ausprobieren und dann erklärt sich alles von selbst.

[general2811]

das war fireBUG nicht bux das is was mit kohlen verwalten und so, aber isn schickes proggi der bug!
ich werd die datei mal suchen und testen!

[general2811]

in welcher datei muss das genau geändert werden?

[Everlast3310]

Normalerweise in der style.css
Brauchst nur deine Startseite öffnen und dann halt mit firebug die werte in der css anpassen und wenn du zu frieden bist übernimmst du die Werte in deiner style.css.

Kannst mir ja mal nen link von deiner Seite schicken

[general2811]

so sieht das ganze bei mir nun aus!!

body { 2margin:0 auto;
3background-color:#0F0;
4}
5
6body, table, td, tr, div, p, pre, h1, h2, h3, h4, ul {
7font-family: Verdana, Arial;
8font-size:10px;
9color:#000000;
10}
11
12#login {
13width:800px;
14text-align:right;
15padding:0px;
16color:#777777;
17}
18
19#head {
20width:800px;
21height:100px;
22background-image:url(../images/0/header.png);
23background-repeat:no-repeat;
24margin:0 auto;
25}
26
27#logo {
28float:left;
29color:#ffffff;
30font-size:36px;
31font-weight:bold;
32padding:32px 0 0 15px;
33}
34
35#banner {
36float:right;
37width:468px;
38height:60px;
39padding:10px 10px 0 0;
40}
41
42.nav {
43width:128px;
44padding:1px;
45background-color:#ffffff;
46color:#000000;
47border:1px solid #777777;
48margin:0 auto;
49}
50
51.nav h2 {
52background-image:url(../images/0/leiste.gif);
53background-repeat:repeat-x;
54height:18px;
55width:128px;
56padding:3px 0 0 0;
57font-size:11px;
58font-weight:bold;
59color:#777777;
60text-indent:6px;
61margin:0 auto;
62}
63
64.nav ul {
65margin:0 0 -1px 0;
66padding:0px;
67}
68
69.nav li {
70display:block;
71width:124px;
72padding:2px;
73background-image:url(../images/0/a_bg.gif);
74background-repeat:repeat-x;
75list-style-type:none;
76font-size:10px;
77margin:0 auto;
78}
79
80
81.nav li a {
82color:#6699CC;
83text-decoration:none;
84}
85
86.nav li a span {
87color:#6699CC;
88font-weight:bold;
89}
90
91.nav li a:hover {
92color:#9CBDCC;
93}
94
95.nav li a:hover span {
96color:#164A82;
97font-weight:bold;
98}
99
100.content {
101width:522px;
102padding:1px;
103background-color:#ffffff;
104color:#000000;
105border:1px solid #777777;
106margin:0 auto;
107}
108
109.content h2 {
110background-image:url(../images/0/leiste.gif);
111background-repeat:repeat-x;
112height:18px;
113width:522px;
114padding:3px 0 0 0;
115font-size:11px;
116font-weight:bold;
117color:#777777;
118text-indent:6px;
119margin:0 auto;
120}
121
122A:link,A:visited,A:active {
123color: #777777;
124text-decoration: underline;
125}
126
127A:hover {
128color: #777777;
129text-decoration: none;
130}
131
132input {
133font-size: 10px;
134font-family: Verdana, Arial;
135border:1px solid #777777;
136background-image:url(../images/0/a_bg.gif);
137background-repeat:repeat-x;
138background-color: #ffffff;
139color: #000000;
140}
141
142select, textarea, option {
143font-size: 10px;
144font-family: Verdana, Arial;
145border:1px solid #777777;
146background-color: #eeeeee;
147color: #000000;
148}
149
150#foot {
151width:798px;
152padding:1px;
153border:1px solid #777777;
154background-color:#ffffff;
155}
156
157#foot_in {
158width:798px;
159background-image:url(../images/0/leiste.gif);
160background-repeat:repeat-x;
161padding:4px 0 0 0;
162color:#777777;
163height:14px;
164}
165
166.tr_row0 {
167background-color: #ffffff;
168}
169
170.tr_row1 {
171background-color: #dddddd;
172}
173
174.tr_head {
175background-image:url(../images/0/leiste.gif);
176background-repeat:repeat-x;
177color:#777777;
178font-weight: bold;
179}

[Lokutos]

als tipp von meiner seite

wen du ein design auch nur in andeutung einbauen willst
dan drück in der css datei ctrl+a ---> Delete

den dazu ist das vms design nicht zu gebrauchen.

es ist schön so wie es jetzt ist aber auch nicht mehr.

(zumindest empfinde ich dies so.)

und naja meine abgemagerte css hat nur noch ca 60% inhalt und zeigt alles identisch an