getreidemuehlen
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 02.10.2003, 14:00   #1
fez
TP-Senior
 
Registriert seit: Dec 2001
Ort: Karlsruhe
fez macht alles soweit korrekt

<form> per css definieren


Hallo,

ich benutze ein kleines Textfeld/Formular (Site-interne Suche von atomz.com) welches das Problem bereitet dass es sehr viel Platz benötigt da ein absatz danach angefügt wird den man nicht unterdrücken kann.

Bei den HTML-Puristen war eine Lösung beschrieben wie das form-tag mit CSS definiert werden kann.

Ich bin aber beileibe kein html-Purist/Könner deshalb versuche ich dieses tag über "CSS-Stile" zu definieren - was mir aber nicht gelingt.

Welche Einstellungen in CSS-Inspektor (oder wie das Dingen heisst) ist für diesen "Absatz" zuständig ?

Hier übrigens mal die html der Suchfunktion, zum selber ausprobieren + sehen welch grosses Feld da eingefügt wird:

<form method="get" action="http://search.atomz.com/search/">
<input size=19 name="sp-q">
<input type=submit value="Suche" name="submit">
<input type=hidden name="sp-a" value="sp1002bda8">
<input type=hidden name="sp-p" value="all">
<input type=hidden name="sp-f" value="ISO-8859-1">
</form>
fez ist offline   Mit Zitat antworten


Alt 02.10.2003, 14:06   #2
TP-Specialist
 
Registriert seit: Aug 2002
Ort: Nähe Wien
prefix ist auf einem guten Weg
hi

geh im dw mx wie folgt vor:

- neuer stil
- auswahl: html-tag neu definieren
- (oben) "form" auswählen
- definieren in: nur dieses dokument
- ok

danach im sich neu öffnenden fenster:

- kategorie: block
- dropdown "anzeigen"
- auswahl: inline

das war's

damit hast du folgendes in dw erreicht:

Code:
<style type="text/css">
<!--
form {
	display: inline;
}
-->
</style>
btw: kopier dir gleich den quelltext hier und stell ihn in den head bereich rein - geht schneller
prefix ist offline   Mit Zitat antworten
Alt 04.10.2003, 17:46   #3
fez
TP-Senior
 
Registriert seit: Dec 2001
Ort: Karlsruhe
fez macht alles soweit korrekt
Thumbs up

nee, nee, nee


irgendwie lässt sich mein Formular durch nichts beeindrucken...

Ich arbeite mit DW 4 - da gibts die Formatierung "inline" bei "Block" nicht. Ich habe alle dort angegebenen Formatierungen ausprobiert - diese wirken sich aber nur auf das Textfeld aus, wenn ich das richtig sehe. Das eigentliche Problem, das vergrösserte Feld ändert sich nicht.

Aber egal, auch wenn ich den von Dir vorgeschlagenen Quelltext in den Head-Bereich schreibe wird das Formular so gross dass es woanderst wieder alles zerreisst.

Seltsam, was mach ich bloss falsch ?
fez ist offline   Mit Zitat antworten
Alt 04.10.2003, 19:23   #4
TP-Specialist
 
Registriert seit: Aug 2002
Ort: Nähe Wien
prefix ist auf einem guten Weg
link bitte
prefix ist offline   Mit Zitat antworten
Alt 04.10.2003, 20:37   #5
fez
TP-Senior
 
Registriert seit: Dec 2001
Ort: Karlsruhe
fez macht alles soweit korrekt

zum Beispiel


hier

Wenn Du auf die Hauptseite gehst siehst Du mit wieviel Platz ich die Suchfunktion eingebunden habe um keinen Ärger mit zerissenem Layout zu haben. Schöner wärs natürlich wenn das Suchfeld kompakt und schmal wäre...

MfG

Frank
fez ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > Dreamweaver
<form> per css definieren <form> per css definieren
« radio bottons und checkboxen | Frames »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:03 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67