Forum
Tipps
News
Menu-Icon

Titelbild - Grössenverhältnis zur Navigation

ich habe wieder etwas an meiner Homepage gebastelt und wollte das Titelbild in der Höhe der Navigationsleiste oben anpassen. Das bekomme ich aber irgendwie nicht hin. Habe schon mit Prozent herumexperimentiert.Das Phänomen tritt aber nur mit dem Firefox auf, mit dem IE ist das zumindest in der Grösse bis auf die Randfarbe OK. Ihr könnt mir hier doch sicher helfen, oder ?


Antworten zu Titelbild - Grössenverhältnis zur Navigation:

Hi Frankie,

  • Schöne Seite, schöne Pics, ein paar "tote Links" - aber das später.


die Fakten:
<Titelbild.jpg> = 814x195 soll unproportional gestaucht werden zu 370x95

IE & FF erledigen dies gleich gut und richtig !

Beweis: http://pixerve.de/25382/FGayer-Titelblatt.html

die Abweichungen:
- liegen NICHT bei <Titelbild.jpg>
- sondern in den TabellenElementen links u rechts davon
- im TAG zu "Wohnungen Rom" taucht unvermutet ein <Form> auf !

- eine proportionale Stauchung müsste sein: 370x88 bzw 396x95 heissen

- auf der Seite http://www.frankgayer.com/Bildergalerie/bildergalerie_usa.htm
: ist bei der Ziffer 1999 der Link http://www.frankgayer.com/seite3.htm TOT
: ist bei der Ziffer 1998 der Link http://www.frankgayer.com/seite4.htm TOT

Ich hab' nicht alles bis ins Detail verfolgt, aber ich bleib' am Ball  8) 8) 8)



« Letzte Änderung: 25.11.05, 01:41:16 von eBill »

Hallo eBill,

zuerst einmal vielen Dank, dass Du dich auch mit meiner Seite und nicht nur mit dessen Fehlern beschäftigt hast.

Ich habe jetzt das Titelbild proportional angepasst und den <Form> Tag entfernt.
Leider hat das noch nicht den gewünschten Erfolg gebracht. Hier die Änderung:

<td height="88" valign="middle" width="157" bgcolor="#002142">
<p align="center"><font color="#FFFFFF">
<a href="Italien/rom.htm"><img border="0" src="Images/Q1b.gif" id="fpAnimswapImgFP3" name="fpAnimswapImgFP3" dynamicanimation="fpAnimswapImgFP3" lowsrc="Images/Q1a.gif"></a></a></a></font></a><font color="#FFFFFF">
</font>
<p align="center"><b><font size="2" face="Verdana" color="#FFFFFF">Wohnungen Rom</font></b></p>
</td>
      <td height="88" width="370" bgcolor="#000000">
        <img border="0" src="Images/Titelbild.jpg" width="370" height="88"></td>
      <td height="88" valign="middle" width="172" bgcolor="#002142">

Das mit den toten Link habe ich sofort geändert, das war natürlich "Käse". Mit welchem Analyseprogramm arbeitest Du ?

Frank

Hi Frankie

- ich habs mal aufgeschlüsselt in die 3 TD-Tags
- < , > sind durch ( , ) ersetzt
- "Unklarheiten" sind rot
- "Alles was *ZuvielDesGuten*ist, ist grün[/color]

(tr)


(td height="88" valign="middle" width="157" bgcolor="#002142")
(p align="center")(font color="#FFFFFF")
(a href="Italien/rom.htm")
(img border="0" src="Images/Q1b.gif"
 id="fpAnimswapImgFP3"
 name="fpAnimswapImgFP3"
 dynamicanimation="fpAnimswapImgFP3"
 lowsrc="Images/Q1a.gif")(/a)

(/a)(/a)

(/font)(/a)

(font color="#FFFFFF")(/font)

(p align="center")(b)(font size="2" face="Verdana" color="#FFFFFF")Wohnungen Rom(/font)(/b)(/p)
(/td)

(td height="88" width="370" bgcolor="#000000")
(img border="0" src="Images/Titelbild.jpg" width="370" height="88")
(/td)


(td height="88" valign="middle" width="172" bgcolor="#002142")
(p align="center")
(a onmouseover="document['fpAnimswapImgFP5'].imgRolln=document['fpAnimswapImgFP5'].src;document['fpAnimswapImgFP5'].src=document['fpAnimswapImgFP5'].lowsrc;" onmouseout="document['fpAnimswapImgFP5'].src=document['fpAnimswapImgFP5'].imgRolln" href="Verschiedenes/verschiedenes.html")
(font color="#FFFFFF")

(a onmouseover="document['fpAnimswapImgFP5'].imgRolln=document['fpAnimswapImgFP5'].src;document['fpAnimswapImgFP5'].src=document['fpAnimswapImgFP5'].lowsrc;" onmouseout="document['fpAnimswapImgFP5'].src=document['fpAnimswapImgFP5'].imgRolln" target="_self" href="Verschiedenes/verschiedenes.html")
(img border="0" src="Images/Q-4b.jpg"
 id="fpAnimswapImgFP5"
 name="fpAnimswapImgFP5"
 dynamicanimation="fpAnimswapImgFP5"
 lowsrc="Images/Q-4a.jpg")(/a)

(/font)(/a)

(font color="#FFFFFF")&nbsp;&nbsp;&nbsp;(/font)

(p align="center")(b)(font color="#FFFFFF" face="Verdana" size="2")Verschiedenes(/font)(/b)
(/td)

(/tr)

==============================================================
  • Und jetzt, mal frisch ans Werk  8) 8) 8)


PS: mein "Ananlysewerkzeug" heisst Augen, Hirn, u. bei Kumpels ausm Forum "Herz"

Würdest Du die Breite in % angeben ?

- NO, ich hab lieber absolute Werte
- wieso ist der eine TD 157px u.d.A. 172px - soll doch symetrisch werden ?

Gut, ich ändere das. Hast DU mir einen Tip, wie ich die Änderungen auf allen Seiten etwas einfacher machen kann oder muss ich jede Seite anfassen ?

- mach mal die Startseite bis sie passt
- wieviele Seitleins sinds den summasummarum
- haste nen HTML-Editor od. "zu Fuss"

So, Startseite sollte jetzt passen. Ich arbeite mit FP 2003, deshalb auch das ein oder andere was für Deinen Geschmack überflüssig ist. Ich bin eben noch nicht so geübt um es "zu Fuss" zu machen.

Wie kann ich jetzt diese Änderungen, wenn alles passt, auf die restlichen Seiten übertragen ?


Kurz noch was OT:  Ich bekomme beim Synchronisieren mit FP neuerdings immer eine Meldung: "550 Coal_Mine_Canyon/Images/Thumbs.db no such file or directory"

Was läuft denn da falsch ?

« Letzte Änderung: 26.11.05, 09:49:22 von frank_gayer »

Hey.

ICH SEHE, REIN OPTISCH, ABER KEINE VERBESSERUNG IM FIREFOX !

- die beiden blauen Aussenteile sind noch immer "höher" als <Titelbild.jpg>
- bei "Verschiedenes" gibts einen schönen / bewegten MausoverEffekt
- bei "Wohnungen Rom" NICHT

- das sollte man vorher noch lösen  8)


Ja, das habe ich mir auch gedacht. Habe noch etwas rumgespielt. Wenn ich alle "height" rausnehme wird das auch nichts.

Edit:  So, den Mouseover habe ich, das mit der Höhe bekomme ich nicht hin

« Letzte Änderung: 26.11.05, 11:35:24 von frank_gayer »

Hi Frankie

- ich habs NOCHMAL aufgeschlüsselt in die 3 TD-Tags
- alle Änderungen sind blau
- alles was FEHLT ist weiß
- < , > sind durch ( , ) ersetzt
- "Unklarheiten" sind rot
- "Alles was *ZuvielDesGuten* ist, ist grün[/color]


(tr)
(td height="88" valign="middle" width="170" bgcolor="#002142")
(center)
(a

onmouseover="document['fpAnimswapImgFP3'].imgRolln=document['fpAnimswapImgFP3'].src;document['fpAnimswapImgFP3'].src=document['fpA

nimswapImgFP3'].lowsrc;" onmouseout="document['fpAnimswapImgFP3'].src=document['fpAnimswapImgFP3'].imgRolln" target="_self"

href="Italien/rom.htm")
(img border="0"
src="Images/Q1b.gif"
id="fpAnimswapImgFP3"
name="fpAnimswapImgFP3"
dynamicanimation="fpAnimswapImgFP3"
lowsrc="Images/Q1a.gif")(/a)(/a)(br)
(b)(font color="#FFFFFF" face="Verdana" size="2")Wohnungen Rom(/font)(/b)
(/center)
(/td)

(td width="370" bgcolor="#000000")
(img border="0" src="Images/Titelbild.jpg" width="370" height="88")(/td)

(td height="88" valign="middle" width="170" bgcolor="#002142")
(center)
(a

onmouseover="document['fpAnimswapImgFP5'].imgRolln=document['fpAnimswapImgFP5'].src;document['fpAnimswapImgFP5'].src=document['fpA

nimswapImgFP5'].lowsrc;" onmouseout="document['fpAnimswapImgFP5'].src=document['fpAnimswapImgFP5'].imgRolln" target="_self"

href="Verschiedenes/verschiedenes.html")
(img border="0"
src="Images/Q-4b.jpg"
id="fpAnimswapImgFP5"
name="fpAnimswapImgFP5" dynamicanimation="fpAnimswapImgFP5"
lowsrc="Images/Q-4a.jpg")(/a)(br)(/font)(/a)
(b)(font color="#FFFFFF" face="Verdana" size="2")Verschiedenes(/font)(/b)
(/center)
(/td)
(/tr)

- mach die Änderungen mal zu Fuß im Notepad - ohne FP
- alle <p align= wurden ersetzt
- ein "<p" erzeugt einen Paragraphen-Absatz + zusätzliche Zeile !!!!
- damit der Text unterm Bild steht ist ein Zeilen-Umbruch <br> eingefügt


Hallo,

tja, alles nicht so einfach. Das mit den () geht überhaupt nicht. Da kommt bei mir nur wirres Zeugs. Habe die Änderungen mal ohne die () übernommen.

Auf der Seite passt es:

http://www.frankgayer.com/Verschiedenes/verschiedenes.html

Was ist da anders als auf der Startseite ?

Kurz noch was OT:  Ich bekomme beim Synchronisieren mit FP neuerdings immer eine Meldung: "550 Coal_Mine_Canyon/Images/Thumbs.db no such file or directory"

Was läuft denn da falsch ?

Hi Frankie

- das mit den ( ) ist nur aus Darstellungsgründen hier im Forum !!!

- ich werde mal die kompl. StartSeite & VerschiedenesSeite runterladen & schauen was sich bei mir OFFLINE ergibt

- kann net viel passieren, als dass mir irgendein Bilderl fehlt

- bis gleich !

Ach so, das hätte mir auch jemand sagen können. Ich habe mittlerweile wieder etwas gebastelt, finde aber nicht den Unterschied zwischen den beiden Seiten bzw. das Kopieren nützt in dem Fall leider auch nichts. Hoffe, dass Du etwas entdecken kannst


« Wie kann man PHP Skripte auf eigenem Rechner ausführenHintergrund für das eigene stufenforum »
 

Fremdwörter? Erklärungen im Lexikon!
Grundstrich
Der Begriff des Grundstrichs im Bereich der Typografie, bezeichnet den senkrechten Strich der Buchstaben. Bei Schriftarten mit variabler Strichstärke, wie zum Beispi...

Haarstrich
Der Begriff Haarstrich stammt aus dem Bereich der Typographie. Bei Schriften, wie zum Beispiel der Antiquaschrift mit unterschiedlichen Strichstärken, wird zwischen ...

Firefox
Firefox (auch: Mozilla Firefox) ist ein kostenloser, von Mozilla entwickelter Open-Source Browser, der neben dem Google Chrome, Apple Safari und dem Microsoft Internetexp...



Screenshot von ganzer Webseite machen – mit nur 3 Klicks!
Edge Browser: Google als Startseite (oder andere Webseiten!)