Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 6
Seite [1]
maKe my dayyy


King for a day




Beiträge: 276
 # Thema - 20.11.2008 um 22:13 Uhr
Hi Leute,
hab mal wieder ein paar Probleme mit denen ich atm überhaupt net klar komme. Es geht um das folgende Design: http://groovveminister.gr.funpic.de/
Hier meine Fragen:
1.In Opera und Internet Explorer 7 wird in der blauen Leiste der (noch) weiße Teil (mit dem Schriftzug Random Pic following...) wie eigentlich gedacht rechts angezeigt un das palmenfoto links. Firefox dreht bei mir diese beiden Bilder jedoch um sodass das Palmenfoto rechts sitzt und der weiße Teil links. Ist das nur ein Anzeigefehler bei mir oder hab ich im Code iwas falsch gemacht?
2.Im Opera und Internet Explorer 7 ist in der Navi rechts unter jdm Button ein kleiner blauer Strich zu sehen. Im Firefox jedoch nicht. Anzeigefehler von Opera und Internet Explorer oder Codefehler?
3.Der graue Content war eigentlich so gedacht, dass er von der Navi Leiste leicht überlappt wird (siehe http://img3.imagebanana.com/view/kvvbaux3/portfolio_Matthiaslemke_myprofileKop.j pg ). Wie kriege ich das hin? Habs schon mit margin bzw. padding versucht aber hat nicht funktioniert, dann hat sich das ganze immer nach oben verschoben jedoch hat sich nichts überlappt.

Hoffe ihr könnt mir bei der Beantwortung dieser Fragen helfen.

Mfg
maKe my dayyy

p.s.: net wundern über die links das wird alles noch gemacht


Zuletzt editiert von maKe my dayyy am 20.11.2008 um 22:16 Uhr (1x Editiert)
Inaktiv
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
 # Antwort: 1 - 21.11.2008 um 09:40 Uhr
2. Meistens ein Fehler der verursach wird, wenn dem allgemeinen a:link ein background-color verpasst wird. Das könnte man fixen in dem man dem img parameter ein background-color: transparent; verpasst.

3. Du könntest dem Element des grauen Contents einen anderen z-index verpassen.

Schwer zu sagen wo die Fehler liegen. Du solltest zuerst die Fehler beseitigen, die der Validator ausspuckt:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fgroovveminister.gr.funpic.de%2F


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Zuletzt editiert von Nachtmeister am 21.11.2008 um 09:47 Uhr (1x Editiert)
Inaktiv
|
maKe my dayyy
Thread-Ersteller


King for a day




Beiträge: 276
 # Antwort: 2 - 21.11.2008 um 15:03 Uhr
erstma danke für die hilfe nachtmeister. die fehler die der validator ausspuckt hab ich alle behoben.
zu 2. hab den fehler gefunden wodran es liegt(glaube ich zumindst): für die links ist als farbe schwarz angegeben(vorher blau), dadurch dass zwischen den einzelnen buttons ein freiraum ist, wird der link weitergestreckt und ist als dieser schwarze strich zu sehen. weiß jmd wie ich diesen freiraum zwischen den einzelnen buttons entfernen kann oder muss ich für jeden button extra eine neue css klasse erstellen?
zu 3. hab dem content jetz ma ne niedrigere z-index gegeben jedoch wenn ichs dann per margin "hochziehe" entsteht zw. dem head und dem content ein grauer kleiner strich?
Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
 # Antwort: 3 - 21.11.2008 um 17:25 Uhr
Das liegt an deinem Bild (http://groovveminister.gr.funpic.de/templates/portfolio_matthias%20Lemke/images/ head.jpg). Das ist ja unten nicht ganz abgeschlossen sprich hier ist schon unten eine Lücke zwischen dunklem bereich und Bildende. Entweder diesen wegschneiden oder halt die Höhe deines Elements, wessen mit diesem Hintergrund belegt ist, etwas verringern. Oder noch besser: Den Hintergrund des Bides transparent machen und das Bild als png/gif abspeichern (bei png den IE6 hack nicht vergessen).

Das mit deinen Buttons sehe ich noch nicht. In IE7 sehe ichd en Fehler nicht und den IE6 kann ich auf Vista leider nicht benutzen. Da muss dir ein anderer Kollege mit Rat und Tat zur Seite stehen.


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Zuletzt editiert von Nachtmeister am 21.11.2008 um 17:27 Uhr (1x Editiert)
Inaktiv
|
maKe my dayyy
Thread-Ersteller


King for a day




Beiträge: 276
 # Antwort: 4 - 21.11.2008 um 23:15 Uhr
so also hab mal wieder gemacht was du gesagt hast und jetz hab ich sowohl das head.jpg als auch das content.jpg in .gifs verwandelt und eben den transparenten hintergrund gemacht. jedoch ist der graue strich zw. den beiden elementen immer noch zu sehen.mit z-index hab ichs auch versucht jedoch kein effekt wenn ich dann ein margin-top:-xxpx; bzw margin-bottom:xxpx; mache. was habe ich falsch gemacht?


Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
 # Antwort: 5 - 21.11.2008 um 23:41 Uhr
Wenn du beispielsweise dem #content ein margin-top: -10px; gibst, schiebt sich dieser über den head.

Also, alles recht kompliziert. Einfachste Möglichkeit wäre einfach den Übergang in deinem grafikprogramm schon fertig zu zeichnen und diesen dann als Bild zu schneiden und dazwischen zufügen. So hätte ich es auf jeden Fall gemacht.

Ich denke so wie gerade beschrieben ist ja wohl umgekehrt von dem, das du haben möchtest oder?


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
maKe my dayyy
Thread-Ersteller


King for a day




Beiträge: 276
 # Antwort: 6 - 22.11.2008 um 10:47 Uhr
hat sich alles erledigt. danke für die hilfe nachtmeister.
kann /closed werden.


Zuletzt editiert von maKe my dayyy am 23.11.2008 um 16:59 Uhr (1x Editiert)
Inaktiv
|

Dieses Thema wurde von duRiel ClanSphere Team PM geschlossen.
Antworten: 6
Seite [1]