Schrift
Wiki:Tipp zum Debugging: use Data::Dumper; local $Data::Dumper::Useqq = 1; print Dumper \@var;
Start · Board · Weitere Sprachen · HTML, CSS und Javascript
[thread]2242[/thread]

CSS: vertical-align:middle (Seite 2)



<< |< 1 2 >| >> 18 Einträge, 2 Seiten
GwenDragon
 2005-03-19 15:30
#24349 #24349
User since
2005-01-17
14625 Artikel
Admin1
[Homepage]
user image
Sorry. Ich meinte damit folgenden CSS-Code nehmen
Code: (dl )
1
2
3
4
5
6
7
8
9
.windowtop * {
  text-align: left;
  font-size: 8pt;
  font-family: Tahoma;
  background-color: #DCE8E8;
  height: 24pt;
  vertical-align: middle;
  line-height: 24pt;
}
\n\n

<!--EDIT|GwenDragon|1111239177-->
die Drachin Gwen

Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
esskar
 2005-03-19 15:39
#24350 #24350
User since
2003-08-04
7321 Artikel
ModeratorIn

user image
jetzt ist zwar die schrift zentriert, aber das image ist jetzt gestrecht - spricht 24pt hoch!
GwenDragon
 2005-03-19 16:16
#24351 #24351
User since
2005-01-17
14625 Artikel
Admin1
[Homepage]
user image
Und wenn du im CSS anstatt height: 24pt ein height: auto; nimmst?
die Drachin Gwen

Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
esskar
 2005-03-19 16:26
#24352 #24352
User since
2003-08-04
7321 Artikel
ModeratorIn

user image
[quote=GwenDragon,19.03.2005, 15:16]Und wenn du im CSS anstatt height: 24pt ein height: auto; nimmst?[/quote]
ich will aber, dass es 24pt hoch ist?
oder übernimmt das dann die line-height?
bin auf 'em sprung, kanns deswegen nicht testen!
GwenDragon
 2005-03-19 16:37
#24353 #24353
User since
2005-01-17
14625 Artikel
Admin1
[Homepage]
user image
Dann geht das mit .windowtop * nicht.
die Drachin Gwen

Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
GwenDragon
 2005-03-19 16:43
#24354 #24354
User since
2005-01-17
14625 Artikel
Admin1
[Homepage]
user image
* bezieht sich auf alle Elemente, kein Wunder, das das Bild dann auch 24pt hoch ist. *schäm*
Code: (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.windowtop {
  text-align: left;
  font-size: 8pt;
  font-family: Tahoma;
  background-color: #DCE8E8;
  width: auto;
  height: 24pt;
  vertical-align: middle;
  line-height: 24pt;
}
/* Damits beim img auch wieder stimmt! */
.windowtop img {
    height: auto;
    vertical-align: middle;
}
\n\n

<!--EDIT|GwenDragon|1111245895-->
die Drachin Gwen

Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
esskar
 2005-03-21 21:51
#24355 #24355
User since
2003-08-04
7321 Artikel
ModeratorIn

user image
mozilla, opera machts; ie leider nicht
sesth
 2005-03-26 23:26
#24356 #24356
User since
2005-02-01
181 Artikel
BenutzerIn
[default_avatar]
Da vertical-align sich auf die line box innerhalb des div bezieht, ist der Befehl zunächst wirkungslos, da die line box automatisch die Höhe vom aktuellen Font bezieht. Wenn Du die line box erhöhst, klappt es auch:
Code: (dl )
line-height: 45px;

in #pagemenu einfügen sollte genügen.
Gruß
Thomas
<< |< 1 2 >| >> 18 Einträge, 2 Seiten



View all threads created 2005-03-07 22:52.