Hallo,
ich verzweifle gerade an einem CSS-Layout.
Ich moechte untereinander mehrere Icons mit Texten anlegen:
<icon> <Text>
<icon> <Text>
<icon> <Text>
<icon> <Text>
..wobei der Abstand zwische beiden Elementen stets der
gleiche sein soll.
Folgendes habe ich ausprobiert - warum wird die Width-Angabe
nicht beachtet?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>css</TITLE>
<style type="text/css">
.ContextMenu
{
border:black 1px solid;
width:220px;
/*white-space:nowrap;*/
}
.ContextMenuItemLeft
{
display:inline;
width:40px;
border:red 1px solid;
}
.ContextMenuItemRight
{
display:inline;
width:180px;
border:green 1px solid;
}
</style>
</HEAD>
<BODY>
<DIV class="ContextMenu">
<DIV class="ContextMenuItemLeft"> <img> </DIV>
<DIV class="ContextMenuItemRight"> Mark All as Read </DIV>
<br>
<DIV class="ContextMenuItemLeft"> <img2> </DIV>
<DIV class="ContextMenuItemRight"> Deny everything </DIV>
</DIV>
</BODY>
</HTML>
Danke & Gruesse
Thes