Zum Inhalt springen

div style vertical-align: bottom


Aiun

Empfohlene Beiträge

er möchte gerne den text "test" an der grundlinie des mit 100px grossen <div> anzeigen.

hab bisschen probiert und folgenden weg gefunden:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="de"> 

<head><title></title> 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 


<style type="text/css">    

<!-- 

.spacer { 

    font-size: 100px;

} 

.bottom { 

   vertical-align: bottom; 

} 


div{

	border: 1px solid;

}

--> 

</style> 


</head> 

<body> 


<div> 

   <span class="spacer"></span> 

   <span class="bottom">bottom</span> 

</div> 

</body>

</html>

Link zu diesem Kommentar
Auf anderen Seiten teilen

danke,

aber für das geplante nicht so sinnvoll.

Ging um ein balkendiagramm das per HTML dargestellt wird.

habs jetzt mit tabelle gemacht.

<table>

<tr>

<td>

<div style=height: (wert)>

... etz.

jetzt sind die Zahlenwerte aber zu lang um sie unter den Divs auszugeben. Habt ihr ne Idee, wie ich dem Benutzer per onmouseover, über die Divs den zahlenwert als Tooltip oder so auszugeben ?

(kann ein Div ein "Alt" haben ?)

Link zu diesem Kommentar
Auf anderen Seiten teilen

Habt ihr ne Idee, wie ich dem Benutzer per onmouseover, über die Divs den zahlenwert als Tooltip oder so auszugeben ?

(kann ein Div ein "Alt" haben ?)

Was du suchst ist das Title-Attribut, Alt ist nicht für Tooltips... naja, nur im IE halt doch ;)

Und title zählt zu den Universalattribute und darf in fast allen HTML-Elementen vorkommen.

EDIT:

Vertical-align bezieht sich auf die Ausrichtung der Elemente untereinander (und ausserdem nur Inline-Elemente).


<div style="height: 100px; border: 1px solid black;">

<span style="font-size:18px;vertical-align:bottom;">Test1 - </span>

<span style="font-size:38px;vertical-align:bottom;">Test2</span>

</div>

Probier es mal so:

<div style="height: 100px; border: 1px solid black;">

<div style="position: relative; top: 80%;">test</div>

</div>

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...