[JS] Bildlänge in px UND %

[Tach810i]

Tag,

Ich habe folgendes Problem:
Auf meiner sind alle Längen- und Breitenangaben in %. In der Navigationsleiste habe ich mehrere Buttons. Jeder besteht aus 4 Grafiken:

[FONT=Lucida Console]+-   +-------+   +---- ~ --+   -+
|    | Home  |   |     ~   |    |
+-   +-------+   +---- ~ --+   -+[/FONT]

(5px) (50px) (?) (5px)

1. Anfangsstück
2. Verlinktes Buttonstück mit Aufschrift
4. Endstück

3. variables Mittelstück
Ich möchte, dass es 100% der DIV-Box minus 60px einnimmt.

Wie kann ich das realisieren? Ich habe Zwar HTML und PHP Erfahruing, aber von JS null Ahnung!
Ich gehe davon aus, dass das nur mit JS geht, denn mit HTML geht's nichts und PHP ist ja Sererseitig, wird also auch nichts!

Ich würde mich über eine Erklärung für Dummer freuen!

PS: Das gleiche Problem liegt bei einigen Formularfeldern vor. Da ich bis jetzt mit JS nichts am Hut habe, weiß ich nicht, ob ich den Code auch auf das Formularfeld übertragen kann. Erklärungen nehme ich dankend an.

MfG
Tach810i

 

[gp812]

AW: [JS] Bildlänge in px UND %

<script>
BreiteDiv = document.getElementById('meinDiv').offsetWidth;
document.getElementById('meinMittelstuck').offsetWidth = BreiteDiv - 60;

</script>

 

[Tach810i]

AW: [JS] Bildlänge in px UND %

Danke,
aber: Wie komme ich an die ID?
Und wo schreibe ich das hin?

 

[saila]

AW: [JS] Bildlänge in px UND %

In das div als id, in welcher die Navigation untergebracht ist.

<div id="meineDiv">
 <!-- hier ist die Navi-Box -->
</div>

 

[sokie]

AW: [JS] Bildlänge in px UND %

getElementById('meinMittelstuck').offsetWidth = BreiteDiv - 60;
...

das geht so nicht. weil:

In der Navigationsleiste habe ich mehrere Buttons. Jeder besteht aus 4 Grafiken:

für das Mittelstück fällt die Auswahl per ID also aus, weil "Mittelstück" mehrmals auftaucht.

das lässt sich ohne javascript per html/css machen.

 

[Tach810i]

AW: [JS] Bildlänge in px UND %

Ich habs jetzt so:

<div style="float:left; height:25px; width:100%; background-image:url(data/pic/bt2.png)">

<img src="data/pic/bt0.png" alt=""/>
<img src="data/pic/bt_home.png" alt=""/>
<img src="data/pic/bt3.png" alt="" style="float:right"/>

</div>

(ohne Links)

Alles klappt, bis auf, dass das Entstück eine Zeile zu tief liegt.

Wenn ich diese Zeile mehrmals untereinander schreibe, Ist nur ganz am Ende ein Endstück zu sehen (auch eine Zeile zu tief).


HAB'S JETZT!

Ich habe das Bild mit float:right einfach als 1. von den dreien gesetzt und es klappt! Danke an Alle, die mir geholfen haben.