• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Steuerelemente nicht auf gleicher Linie

opiWahn

New member
Hallo,

ich (ver)suche mir schon 'nen Wölfchen um meine Steuerelemente auf gleiche Linie zu bringen.
Ich habe in einer Reihe 3-4 Selektboxen, die auf einer Linie stehen, der folgende Button und das Textfeld sind aber um etwa 2-3 Pix nach ober verschoben. Das stört zwar die Funktionalität nicht, sieht aber für meinen Blick ziemlich besch ... eiden aus.

Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<Title>Torschützen 00-03</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body onLoad="javascript:fuelleCBox(document.auswahl.cBoxLiga, Liga);
              javascript:fuelleCBox(document.auswahl.cBoxSais, Sais);
              javascript:fuelleCBox(document.auswahl.cBoxVerein, Verein);">

<SCRIPT language="JavaScript" type="text/javascript">
titel=document.title
document.write("<b>" + titel + "</b>");
</script>

<div>
<a href="index.html">Startseite</a>
<a href="erg.html">Ergebnisse</a>
<a href="tab.html">Tabellen</a>
<a href="tor.html">Torschützen</a>
</div>

<form name="auswahl">
<select name="cBoxLiga" size=1 style="width:110px; height:25px"></select>
<select name="cBoxSais" size=1 style="width:110px; height:25px"></select>
<select name="cBoxVerein" size=1 style="width:139px; height:25px"></select>
Suchen 
<input type="textbox" name="Suchen" style="color:#ccc; width:130px; height:20px" value=" nur nach Nachname" onclick="this.value=''; this.style.color='#000'";">
<input type="button" style="width:70px; height:28px;" value="Anzeigen"
  onclick="
  var kriterien =
    'Liga=' + document.auswahl.cBoxLiga.value + ';' +
    'Sais=' + document.auswahl.cBoxSais.value + ';' +
    'Verein=' + document.auswahl.cBoxVerein.value + ';' +
    'Name=' + document.auswahl.Suchen.value;
   window['arraySuchErg'] = sucheDaten(kriterien, arrayAllePlaz);
   fuelleTabelle(document, arraySuchErg);">
</form>

<table id="Tabelle" width=50%></table>
<table id="Meldezeile" width=50%></table>

<div style="width: 50%; overflow: auto;">
<table id="Links"></table>
</div>

<SCRIPT language="JavaScript" type="text/javascript">
arrayAllePlaz = erstelleArray(werte);
</script>

</body>
</html>

Vielen Dank schon mal für eure Hilfe

Gruß

opiWahn

P.S. Wie kann ich den Text in einer Zelle (kommt aus JS-Code) mittig ausrichten?
align = "center" oder "middle" funktionieren nicht

Code:
...
  meldezeile = doc.getElementById('Meldezeile');
...
    meldezeile.insertRow(0);
    meldezeile.rows[0].bgColor = "#7aa2be";
    meldezeile.rows[0].insertCell(0);
    meldezeile.rows[0].cells[0].innerHTML = ("Keine "+meldung0);
    meldezeile.rows[0].insertCell(1);
    meldezeile.rows[0].cells[1].innerHTML = ('<B>'+meldung1+'</B>');
 

Anhänge

  • Bild 1.png
    Bild 1.png
    7,4 KB · Aufrufe: 7
Deine <select>s kannst du mittels vertical-align: top; ungefähr auf eine Linie mit den amderen Elementen bringen.
Den horizontalen Textfluss beeinflusst man mit text-align.
 
Zurück
Oben