Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 11.11.2004, 16:31
der_junge der_junge ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.09.2004
Beiträge: 26
der_junge befindet sich auf einem aufstrebenden Ast
Standard Variabler Text Button...

Hallo,

folgendes Problem. Ich muss einen Text-Button (nicht aus FORM-Elementen bestehend) entwickeln, der so variabel wie möglich ist. Vorallem in der Breite. Heißt, sollte so wenig wie möglich (eigentlich keine) Höhen/Breitenvorgaben besitzten. Nur ein Padding von 5px sollte drin sein.

Hab auch bereits ein Lösungsansatz, der aber nicht optimal im FF läuft. Im IE siehts überraschenderweise gut aus.

Beispiel: http://www.namebureau.de/firma/button

CSS & HTML Code:

Code:
.buttext {
	display: inline;
	background-color: #dedede;
	text-align: center;
	height: 1000px;

}

.buttext a {
	display: inline;
	width: 100%;
	height: 100%;
	line-height: 24px;
	padding: 5px;
}

.buttext a:hover {
	background-color: #ebebeb;
}
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CARE</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<link rel="stylesheet" href="all.css" type="text/css">
<script src="all.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var sessStr = "";
//-->
</script>
</head>
<body onLoad="initAll();">

<div class="buttext">Alles loeschen / Alles loeschen</div>

<div class="buttext">Alles loeschen / Alles loeschen / Alles loeschen</div>

<div class="buttext">Alles loeschen / Alles loeschen / Alles loeschen / Alles loeschen</div>

<div class="buttext">Alles loeschen / Alles loeschen / Alles loeschen / Alles loeschen / Alles loeschen</div>

<div class="buttext">Alles loeschen / Alles loeschen / Alles loeschen / Alles loeschen / Alles loeschen / Alles loeschen</div>

</body>
</html>
Mit Zitat antworten
Sponsored Links