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:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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 »

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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"

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Würdest Du die Breite in % angeben ?

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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 ?

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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 »

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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)


Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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 »

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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


Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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 ?

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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 !

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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 »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

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...