✔ Einrückung

Status
Nicht offen für weitere Antworten.
D

Dorschty

Erfahrenes Mitglied
Hallo Zusammen,

hab folgendes Problem:
entry.JPG

Wie man sieht, sieht das ganze recht blöd aus! Ich hätte gerne die Textboxen einheitlich in einer Flucht!

Ich hab es mal mit <blockquote> versucht, aber das ganze sah danach so aus:
entry_blockquote.JPG

Hoffe ihr könnt mir helfen!

HTML: 
Entry 33554433  INT32 
    <input id="Text3" type="text" value="EMREGENTRYVAL[33554433 INT32 0 255 0 4294967296]" name="EMREGENTRY@33554433 INT32 0 10 0 255"/>
    <input id="Submit3" type="submit" value="write item" name="WRITEEMREG@33554433" /> 
    <br />
    Entry  33554433  INT32 
    <input id="Text2" type="text" value="EMREGENTRYVAL[33554434 INT32 0 255 0 4294967296]" name="EMREGENTRY@33554434 INT32 0 255 0 255"/>
    <input id="Submit2" type="submit" value="write item" name="WRITEEMREG@33554434" /> 
    <br />

Das is jetzt der Sourcecode für zwei Zeilen! War das mit dem <blockquote> soweit schon richtig? Wenn ja, wo muss ich den hinsetzen, damit es nicht so aussieht wie beim zweiten Bild?

Danke im Voraus

Gruß
Dorschty
 
Hi,

ich schlage dir zum Auszeichnen der Zeilen jeweils ein horizontal ausgerichtetes Listenelement mit drei Listeneinträgen vor:

Code: 
<form>
      <ul>
          <li>Entry 33554433  INT32</li>
          <li><input id="Text3" type="text" value="EMREGENTRYVAL[33554433 INT32 0 255 0 4294967296]" name="EMREGENTRY@33554433 INT32 0 10 0 255"/> </li>
          <li><input id="Submit3" type="submit" value="write item" name="WRITEEMREG@33554433" /></li>
      </ul>
      <ul>
          <li>Entry  33554433  INT32</li>
          <li><input id="Text2" type="text" value="EMREGENTRYVAL[33554434 INT32 0 255 0 4294967296]" name="EMREGENTRY@33554434 INT32 0 255 0 255"/></li>
          <li><input id="Submit2" type="submit" value="write item" name="WRITEEMREG@33554434" /></li>
      </ul>
</form>
das mit CSS wie folgt formatiert wird:

Code: 
form ul {
width:600px; /* von  mir frei gewählt */
margin:0;
padding:0;
clear:left;
}

form li {
list-style:none;
float:left;
width:33%;
}
mfg Maik
 
Hi Maik,

schonmal vielen Dank für deinen Vorschlag. Habe noch eine Frage!

das mit CSS wie folgt formatiert wird:
Zum Vergrößern anklicken....

Was ist denn CSS und was genau muss ich tun, damit es jetzt funktioniert? Ich beschäftige mich heute das erste mal mit HTML!

Gruß
Dorschty
 
Bei CSS (Cascading Stylesheets) handelt es sich um eine Formatierungssprache, mit der HTML-Elemente gestaltet/formatiert werden.

Ich zeig dir hier einfach mal, wie sich das im Quellcode meines Vorschlags darstellt:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>tutorials.de | demo_Dorschty</title>

<style type="text/css">
form ul {
width:600px; /* von mir frei gewählt */
margin:10px 0;
padding:0;
clear:left;
}

form li {
list-style:none;
float:left;
width:33%;
}
</style>

</head>
<body>

<form action="">
      <ul>
          <li>Entry 33554433  INT32</li>
          <li><input id="Text3" type="text" value="EMREGENTRYVAL[33554433 INT32 0 255 0 4294967296]" name="EMREGENTRY@33554433 INT32 0 10 0 255"/> </li>
          <li><input id="Submit3" type="submit" value="write item" name="WRITEEMREG@33554433" /></li>
      </ul>
      <ul>
          <li>Entry  33554433  INT32</li>
          <li><input id="Text2" type="text" value="EMREGENTRYVAL[33554434 INT32 0 255 0 4294967296]" name="EMREGENTRY@33554434 INT32 0 255 0 255"/></li>
          <li><input id="Submit2" type="submit" value="write item" name="WRITEEMREG@33554434" /></li>
      </ul>
</form>

</body>
</html>
mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück