mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 23.04.2024 11:29 Benutzername: Passwort: Auto-Login

Thema: [CSS] MouseOver Button Problem vom 10.08.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] MouseOver Button Problem
Seite: Zurück  1, 2, 3  Weiter
Autor Nachricht
kaSio
Threadersteller

Dabei seit: 30.11.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 10.08.2008 23:11
Titel

Antworten mit Zitat Zum Seitenanfang

Habs nochmal probiert, jetzt sieht es so aus:




Wie bekomm ich das jetzt hin das alles zentriert ist und nicht so eine große spalte zwischen Header und Button ist?

Wie kann ich die Schrift vertikal zentrieren, dass sie in der mitte der Buttons sind.
  View user's profile Private Nachricht senden
Snifferdog

Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht: Männlich
Verfasst Mo 11.08.2008 09:21
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,

also das zentrieren von Texten in vertikaler Richtung funktioniert mit "vertical-align". Allerdings musst du dabei beachten, dass sich die Eigenschaft immer nach der Zeilenhöhe richtet. Du musst also gleichzeitig noch die "line-height" auf die Höhe von deinem Button setzen, damit alles zentriert ist.

Zu der Lücke über deiner Liste kann man ohne Quelltext schlecht was sagen, aber ich würde mal vermuten, dass du bei einem Element den "margin" nicht auf "0px" gesetzt hast. Wahrscheinlich bei den li-elementen oder dem ul-element.


Gruß
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
theGRUNGEone

Dabei seit: 14.12.2005
Ort: Leipzig | Essen
Alter: 39
Geschlecht: Weiblich
Verfasst Mo 11.08.2008 09:33
Titel

Antworten mit Zitat Zum Seitenanfang

huu, ich würd's einfach mal mit einem padding-top probieren.

*zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
kaSio
Threadersteller

Dabei seit: 30.11.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 11.08.2008 13:01
Titel

Antworten mit Zitat Zum Seitenanfang

Vielen Dank für eure Hilfe. Hat super geklappt. Im Firefox stimmt jetzt alles. Hab jetzt doch wieder ein Background-Image genommen.

Aber im Internet Explorer gibt es noch ein kleines Problem. Es ist ein kleiner Abstand zwischen Header und Buttons. Liegt das vielleicht am "div" Code? Wenn ich ihn aber weglasse, dann sieht es komplett anders aus.





Code:
<style type="text/css">
<!--
 #nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
background-color: #FFFFFF;
}

#nav ul li { float: left;
   height: 28px;
   width: 106px;
   text-align:center;
   padding-top:0px; }

#nav ul li a
{
float: left;
   height: 28px;
   width: 106px;
line-height: 250%;
text-decoration: none;
font-size: 10px;
font-family: verdana, sans-serif;
margin: 0;
padding: 0;
color: #5A5B5D;
background-image:url(../bt/assets/images/MouseOver/mouseover_01.jpg);
}

#nav ul li a:hover
{
color: #04AFAF;
background-image:url(../bt/assets/images/MouseOver/mouseover_02.jpg);
}
-->
</style>


Code:
<div id="nav">
<ul>
<li><a href="/bt/index.html">BRANDTRONIK</a></li>
...
</ul>
</div>


mfg kaSio


Zuletzt bearbeitet von kaSio am Mo 11.08.2008 13:03, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 11.08.2008 13:27
Titel

Antworten mit Zitat Zum Seitenanfang

kaSio hat geschrieben:
... Ich wäre dir echt verbunden oder jemand anders der mir das kurz machen kann, das müsste doch eigenltich schnell gehen für jemand der es kann. ich möcht mich nicht so viel damit rumschlagen, da ich noch andere sachen an der page machen muss. Mit CSS muss ich mich erst noch ausführlicher beschäftigen.

...


Ich wäre euch echt dankbar. Mein Chef macht da ein bißchen Druck und ich hab gesagt ich bekomm das hin, die homepage fertigzustellen. Also bitte, bitte helft mir.

mfg kaSio



wenn wir das für dich erledigen, bekommen wir dann auch die hälfte von deinem gehalt?

* Ich will nix hören... *
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mo 11.08.2008 13:42
Titel

Antworten mit Zitat Zum Seitenanfang

Kash hat geschrieben:
wenn wir das für dich erledigen, bekommen wir dann auch die hälfte von deinem gehalt?

* Ich will nix hören... *


na, brauchste kohle? *ha ha*

hab nu den beitrag nicht 'studiert' und hab auf die schnelle noch nicht mal gesehen, wo dein header überhaupt drin ist, aber versuch am anfang des stylesheets noch n mini-reset:

Code:

html, body {
margin: 0px;
padding: 0px;
}


wenn's das nicht war, schieb die seite mal irgendwo online und gib n link.


hmmm... kohle... urlaubskasse... naja, nein würd ich auch nicht sagen Grins Grins
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
kaSio
Threadersteller

Dabei seit: 30.11.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 11.08.2008 13:54
Titel

Antworten mit Zitat Zum Seitenanfang

Das mit dem Reset hat nicht funktioniert.

Hier ist der Link: klick
(Bitte beachten: In Firefox funktioniert alles, nur im IE ist das Problem)
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mo 11.08.2008 14:15
Titel

Antworten mit Zitat Zum Seitenanfang

* Wo bin ich? * * Wo bin ich? * oh neh, hab in den quelltext geguckt. soll nu wirklich nicht böse klingen, aber ich gebe euch zwei alternativen.

1. löschen, neu machen (lassen)
2. mit dem versatz im ie leben...

sorry, aber ich wüsste sonst nicht, wo wir hier anfangen wollen...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen mouseover problem
CSS Mouseover Problem
Mouseover Problem
Mouseover-Stylesheet Problem
Bildergalerie Mouseover andere Position & Mouseover Scroll
Button Problem
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.