Elemente/Text verschieben

[Row]

Hallo ich habe früher einmal einen "html befehl" gefunden , welcher den Text genauso positioniert, wie ich es im Editor getan habe.

Habe nur leider vergessen, wie dieser heist und finde ihn auch irgendwie nicht mehr :(

 

[Space Vampire]

in html hat man das mal mit dem attribut align="..." (mögliche positionen: left, right, center) gemacht.
für einige elemente, z.B. Tabellen, gab es noch valign="..." (top, center, bottom) für die vertikale positionierung.
ist heut zu tage nicht mehr üblich, da html nur für die auszeichnung zuständig ist und das design mit css gemacht wird.
Texteigenschaften: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[Row]

Ne, dass war es nicht...

Es gibt da einen Befehl, ist halt ne Hilfe , damit man keine Tabelle machen kann
das würde dann ungefähr so aussehen

<befehl>
Erste Zeile : Spalte1 Spalte2
Zweite Zeile : Spalte3 Spalte4
</befehl>

sodass ich die "wörter" spalte1 usw. nicht mit <tr> <th> formatieren muss.
Sondern einfach nur Texteinrückung mache...

 

[Elroy]

Hallo.

Tabellen sind für das Auszeichnen tabellarischer Daten da nicht um deinen Text zu positionieren.
Alles was mit Aussehen zu tun hat (formatieren, positionieren) wird mit CSS gemacht.

Gruss
Elroy

 

[Row]

Ok, wenn keiner den Befehl kennt, dann beschreibe ich mal mein "Problem" näher.

<p>Sie sind hier: Startseite <input type="text" name="q" id="suchbegriff"/></p>

Sie sind hier... steht ganz links am Rand, jedoch steht das Textfeld direkt daneben.
Ich möcchte aber, dass es weiter Rechts steht und weis nicht, wie ich das hin bekommen, ohne dass das Textfeld nach unten verschoben wird.

 

[Elroy]

Hallo.

Hier würde ich dir empfehlen das als Formular auszuzeichnen und dann mit CSS zu formatieren.

Gruss
Elroy

 

[Row]

Also es ist als Formular ausgezeichnet...
Css Formatierung , wie gesagt : "Ich möcchte aber, dass es weiter Rechts steht und weis nicht, wie ich das hin bekommen, ohne dass das Textfeld nach unten verschoben wird."

 

[Elroy]

Wenn du es als Formular ausgezeichnet hast kannst du mit padding die Innenabstände einstellen.

Gruss
Elroy

 

[Row]

Wenn ich das mit padding mache, ist es aber dann nicht mehr in einer Zeile, das Textfeld verschiebt sich dann nach unten :-(

 

[Row]

Hab das nun mit: <p style="text-indent:66.5em;"> gemacht, jedoch vergrößert sich die Zeile dann

bei bild 2.jp ist es normal und bei 1.jpg ist es halbwegs richtig, nur die "zeile" soll nicht nach unten breiter werden...

 

[Space Vampire]

<p style="width: 200px; display:inline;">Blabla:</p><input type="text" name="q" id="suchbegriff"/>

 

[Row]

habe das nun so:

<p style="width: 200px; display:inline;">Sie sind hier: Startseite <input type="text" name="q" id="suchbegriff"/></p>

Jedoch tut sich irgendwie GAR NICHTS ...

 

[threadi]

Zeig bitte einen Link zu der betreffenden Seite oder den ganzen Quellcode inkl. CSS.

 

[Elroy]

Hallo.

Du hast den Vorschlag von Space Vampire aber nicht wirklich umgesetzt.

Hier mal mein Vorschlag
HTML

<form>Sie sind hier: Startseite <input type="text" name="q" id="suchbegriff"/></form>

CSS

input {margin-left: 50px;}

Denn Wert 50px musst du natürlich an deine Bedürfnisse anpassen.
Falls du mehrere Input Felder hast mit ID oder class arbeiten.

Gruss
Elroy

 

[Space Vampire]

Du hast den Vorschlag von Space Vampire aber nicht wirklich umgesetzt.

Eben. Man achte auf die Feinheiten. In dem Fall auf das </p> ;)
so wie du es umgesetzt hast kann sich da nichts tun...