Zum Inhalt springen

div style vertical-align: bottom


Empfohlene Beiträge

Geschrieben

Was funktioniert nicht? Was soll dabei rauskommen?

Wenn ich es per C&P in ein Textfile packe, speichere und im IE öffne, bekomme ich einen Rahmen mit dem Text "test" angezeigt.

MfG

PieDie

Geschrieben

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>

Geschrieben

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 ?)

Geschrieben
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>

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden

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...