mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Sa 20.04.2024 05:31 Benutzername: Passwort: Auto-Login

Thema: CSS – vertical-align funktioniert nicht im Menü(gelöst) vom 10.05.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS – vertical-align funktioniert nicht im Menü(gelöst)
Autor Nachricht
Mark-Korb
Threadersteller

Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst Do 10.05.2007 15:34
Titel

CSS – vertical-align funktioniert nicht im Menü(gelöst)

 Antworten mit Zitat Zum Seitenanfang
Also Ich bin gerade ein Joomla Template am Bauen und hab da ein Hover Menü eingebaut.
Text Soll Links Bündig und in der Mitte des Div´s bzw noch der Tabelle stehen.
Leider Haut er mir bei der mittigen Positionierung einen strich durch die Rechnung.
Code:

vertical-align: middle;


sollte doch dafür sorgen oder bin ich heute noch nicht Betrunken genug für Wegdesign?

http://jo.mindplant.net

Code:
a.mainlevel:link, a.mainlevel:visited  {
   background-image: url(../images/button_main.gif);
   background-repeat: no-repeat;
   vertical-align: middle;
   display: block;
   width: 152px;
   height: 25px !important;
   padding-left: 15px;
   font-weight: bold;
   font-size: 15px;
   color: #003A80;
   text-decoration: none;
}
a.mainlevel:hover {
   background-position: 0px -25px;
   text-decoration: none;
   color: #ffffff;


Zuletzt bearbeitet von Mark-Korb am So 13.05.2007 10:28, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
pixelomi

Dabei seit: 05.12.2006
Ort: Hamburg
Alter: 62
Geschlecht: Weiblich
Verfasst Do 10.05.2007 19:32
Titel

Antworten mit Zitat Zum Seitenanfang
hi, ersetze dein height und width durch
Code:

width: 137px; *width: 152px;
line-height: 25px;

dann funzt es auf ff und ie

gruß von der pixelomi

Zuletzt bearbeitet von pixelomi am Do 10.05.2007 19:32, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Mark-Korb
Threadersteller

Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst Do 10.05.2007 20:36
Titel

Antworten mit Zitat Zum Seitenanfang
pixelomi hat geschrieben:
hi, ersetze dein height und width durch
Code:

width: 137px; *width: 152px;
line-height: 25px;

dann funzt es auf ff und ie

gruß von der pixelomi


Herzlichen dank es funktioniert.

Aber warum? Kannst du mir da erklären oder sagen wo ich das erlesen kann?
  View user's profile Private Nachricht senden
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht: Männlich
Verfasst Do 10.05.2007 22:22
Titel

Antworten mit Zitat Zum Seitenanfang
Zitat:
Kannst du mir da erklären oder sagen wo ich das erlesen kann?

SelfHTML - der Klassiker schlechthin:
http://de.selfhtml.org/
und der CSS-Teil dort:
http://de.selfhtml.org/css/

Ebenfalls sehr zu empfehlen ist die Site von M. Jendryschik:
http://jendryschik.de/wsdev/einfuehrung/css/
Aber auch der gesamte Text ist verdammt lesenswert:
http://jendryschik.de/wsdev/einfuehrung/

Dann lohnt es sich für dich sicherlich auch noch die folgenden Sites zu besuchen:
http://www.css4you.de/
http://www.css-technik.de/
http://css.fractatulum.net/
http://www.stichpunkt.de/css/css.html
  View user's profile Private Nachricht senden
Mark-Korb
Threadersteller

Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst Fr 11.05.2007 09:25
Titel

Antworten mit Zitat Zum Seitenanfang
rob hat geschrieben:
Zitat:
Kannst du mir da erklären oder sagen wo ich das erlesen kann?

SelfHTML - der Klassiker schlechthin:
http://de.selfhtml.org/
und der CSS-Teil dort:
http://de.selfhtml.org/css/

Ebenfalls sehr zu empfehlen ist die Site von M. Jendryschik:
http://jendryschik.de/wsdev/einfuehrung/css/
Aber auch der gesamte Text ist verdammt lesenswert:
http://jendryschik.de/wsdev/einfuehrung/

Dann lohnt es sich für dich sicherlich auch noch die folgenden Sites zu besuchen:
http://www.css4you.de/
http://www.css-technik.de/
http://css.fractatulum.net/
http://www.stichpunkt.de/css/css.html


als ob ich das nicht kennen würde...trotzdem danke.

Es geht mir um diesen Spezielen fehler den ich gemacht habe und den ich nicht verstehe...
  View user's profile Private Nachricht senden
aight

Dabei seit: 26.09.2003
Ort: Berlin
Alter: 37
Geschlecht: Männlich
Verfasst Fr 11.05.2007 09:56
Titel

Antworten mit Zitat Zum Seitenanfang
Kurz erklärt ist vertical-align ein element für Tabellenspalten!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Mark-Korb
Threadersteller

Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst Fr 11.05.2007 10:58
Titel

Antworten mit Zitat Zum Seitenanfang
aight hat geschrieben:
Kurz erklärt ist vertical-align ein element für Tabellenspalten!


Wust ich garnicht, Danke.
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] 1.) vertical-align 2.) position
[CSS] vertical-align: middle
<col>tag vertical-align zuweisen?
CSS: vertical-align wird ignoriert?
[CSS] vertical-align XHTML oder auch: bin ich doof?
Problem Dropdown Menü im Firefox [gelöst]
Neues Thema eröffnen   Neue Antwort erstellen
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB