• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Angezeigte Elemente verkleinert darstellen

B

Baumeister

Neues Mitglied
Hallo,
mit diesen Befehlen:

<body>
<div id="cont_778032c33a05b74f5cd3da7e00a76eae">
<a href="http://www.daswetter.net/wetter_Castrop-Europa-Deutschland-Nordrhein+Westfalen--1-26412.html" target="_blank" title="Emscherwetter"></a>
<script type="text/javascript" src="http://www.daswetter.net/wid_loader/778032c33a05b74f5cd3da7e00a76eae">
</script></div>
</body>

wird ein Widget für eine Wettervorhersage der drei nächsten Tage auf meiner Seite dargestellt :

http://www.emscherwetter.de/index1.php

(Die Seite befindet sich im Aufbau).
Dieses Widget hat jedoch eine Breite von ca, 450px und eine Höhe von ca. 150px.

Wie kann ich eine verkleinerte Darstellung von etwa 300px x 100 px erreichen ?
Welche Befehle muss ich dafür eingeben ?

Gruß
Axel
 
Zuletzt bearbeitet:
Werbung:
Das was du wünschst, kannst du ganz einfach erreichen, indem du die Dimensionen aller Elemente innerhalb deines Elternelementes in Prozent angibst. Dadurch passen sich die Kinderelemente an die Größe deines Elternelementes an, und du kannst die Größe des Elternelementes beliebig verändern.
Anders ist das meines Wissens nicht zu bewerkstelligen.

Dein Quelltextabschnitt ist kein Befehl, es ist eine Auflistung von Inhalten und Verweisung auf eine andere Quelle. Es als Widget zu bezeichnen halte ich auch fragwürdig, da man damit eigentlich kleine Fenster auf Desktopoberflächen gemeint sind.


MfG
 
Werbung:
Imbericle schrieb:
Das was du wünschst, kannst du ganz einfach erreichen, indem du die Dimensionen aller Elemente innerhalb deines Elternelementes in Prozent angibst. Dadurch passen sich die Kinderelemente an die Größe deines Elternelementes an, und du kannst die Größe des Elternelementes beliebig verändern.
Zum Vergrößern anklicken....

Ja so stelle ich mir das vor.
Mit welcher Befehlsfolge mache ich das ? *help*Und mit den Widgets hast du recht, war unklug definiert...
 
HTML: 
<Elternelement>
	<Kinderelement></Kinderelement>
	<Kinderelement></Kinderelement>
</Elternelement>

CSS-Code:
Code: 
Kinderelement
{
width: 30%;
}

Elternelement
{
width: 100px; //wie groß auch immer
//genauso mit height
}

Dann wachsen Kinderelemente mit der Größe des Elternelements mit.


MfG
 
Ups,
Elternelement - Kinderelement.
Wahrscheinlich habe ich im Moment ein Brett vor dem Kopf.
Wie genau baue ich das in mein Script ein ?
 
Werbung:
Baumeister schrieb:
Ups,
Elternelement - Kinderelement.
Wahrscheinlich habe ich im Moment ein Brett vor dem Kopf.
Wie genau baue ich das in mein Script ein ?
Zum Vergrößern anklicken....

Du verpasst allen Kinderelementen mit CSS eine prozentuale Größe.
Deine Seite ist zu semantisch schlecht und total unwartbar. Du hast eine sinnlose Tabelle, die nur eine Zelle enthält, welche ein Iframe und divs enthält. Das Iframe enthält dann wieder ein Div, welches nichts außer einem Iframe enthält, welches wiederum eine Tabelle enthält, die Tabelle ist davon das einzige was man wirklich überhaupt sieht!! Wozu das ganze? Außerdem nimmt man das Tabellenelement nur wenn man eine Tabelle darstellen will. Ich nehme an, dass du ein Programm benutzt zum Seiten machen, und sie nicht wirklich selber machst?
Damit wirst du nicht weiterkommen, die Veränderung und Umgestaltung der Seite wird immer schwerer, der Quelltext länger, damit auch die Wartezeit und immer mehr Darstellungsfehler in unterschiedlichen Browsern drehten auf.
Dazu noch Syntaxfehler: [Invalid] Markup Validation of http://www.emscherwetter.de/index1.php - W3C Markup Validator

Bevor du weiter machst solltest du XHTML und CSS lernen.
Einführung in XHTML, CSS und Webdesign - Michael Jendryschik

MfG
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben