Variabler Text Button...

der_junge · #1 (**permalink**) 11.11.2004, 16:31

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>

psycho_dmr · #2 (**permalink**) 11.11.2004, 16:48

Code:

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

}

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

sollte eigentlich schn reichen .. aber was soll die height 1000px da?

der_junge · #3 (**permalink**) 11.11.2004, 17:15

das hatte ich auch schon probiert, da siehts dann aber auf beiden browsern recht komisch aus. das height war nur zu testzwecken. damit hab ich mir verdeutlicht, dass bei inline höhenangaben ignoriert werden.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Wrapper wächst nicht mit, keine Floats	maclady	CSS	11	10.02.2010 17:30
Wachsende Container	Andy CD	CSS	13	10.02.2010 13:08
DIV bis GANZ unten	burnZ	CSS	5	27.07.2008 13:14
Helft mir. Ich habe voll die Leseschwäche	nick	CSS	12	15.01.2008 20:52
Problem mit div und Höhe	deep4	CSS	2	13.11.2007 20:03