calc: Feldlänge abhängig von width eines anderen tags bearbeitet von Linuchs 19.09.2021 13:58 Moin, da es in HTML keine Tabulatoren gibt, an denen der nächste Text beginnt, definiere ich ein div und danach geht's weiter. ~~~css form l, l { display: inline-block; position: relative; width: 12em; border: .1pt dotted transparent; } ~~~ ~~~html <p><l>###URL Panoramafoto###picture-URL###foto-URL###</l> <input [disabled] type = "text" name = "bild_url" title = "bild_url" maxlength = 100 value = "[bild_url]" /></p> ~~~ So sieht's aus: [](/images/a81a467e-193f-11ec-8707-b42e9947ef30.png) Nun möchte ich, dass das input-Feld den Platz bis zum gelben Rand nutzt. Wenn ich dem aber `style = "width:100%"` hinzufüge, sieht es so aus: [](/images/5af1b426-1940-11ec-8bdd-b42e9947ef30.png) Ich muss also 100% abzüglich der Breite des l-Tags rechnen. Wie geht das, wie verweist calc auf ein anderes Eelement? Gruß, Linuchs
calc: Feldlänge abhängig vom vorangehenden Tag bearbeitet von Linuchs 19.09.2021 13:59 Moin, da es in HTML keine Tabulatoren gibt, an denen der nächste Text beginnt, definiere ich ein div und danach geht's weiter. ~~~css form l, l { display: inline-block; position: relative; width: 12em; border: .1pt dotted transparent; } ~~~ ~~~html <p><l>###URL Panoramafoto###picture-URL###foto-URL###</l> <input [disabled] type = "text" name = "bild_url" title = "bild_url" maxlength = 100 value = "[bild_url]" /></p> ~~~ So sieht's aus: [](/images/a81a467e-193f-11ec-8707-b42e9947ef30.png) Nun möchte ich, dass das input-Feld den Platz bis zum gelben Rand nutzt. Wenn ich dem aber `style = "width:100%"` hinzufüge, sieht es so aus: [](/images/5af1b426-1940-11ec-8bdd-b42e9947ef30.png) Ich muss also 100% abzüglich der Breite des l-Tags rechnen. Wie geht das, wie verweist calc auf ein anderes Eelement? Gruß, Linuchs
nicht angemeldet
