zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Variabler Text Button...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.11.2004, 16:31
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
  #2 (permalink)  
Alt 11.11.2004, 16:48
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.10.2004
Beiträge: 990
psycho_dmr befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.11.2004, 17:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.09.2004
Beiträge: 26
der_junge befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:58 Uhr.