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

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,
kann hier keiner mehr helfen, das wäre schade. So kurz vor dem Ziel.

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hi Frankie,

- ich hab dich nicht vergessen !

- ich hab deine Startseite komplett zerlegt - warum ?

weil ich kein Frontpage hab, sondern Dreamweaver, aber das wäre auch egal gewesen,   der Hund ist ganz wo anders begraben !!

2 Dinge hab ich gemacht und da bin ich draufgekommen

1) ich hab das <Titelbild.jpg> testhalber gleich auf 370x88 verkleinert, weil ich gemeint hab, vielleicht packt das der FF irgendwie nicht -

- das wäre aber auch egal gewesen

2) dann hab ich links & rechts bei <Wohnungen Rom> & <Verschiedenes> zum basteln angefangen

a) Schrift auf ¬fett, Text ganz weggelassen, die Animation rausgenommen, den <TD bgcolor verändert -

- alles hat nix geholfen
- war total fertig

ABER DANN (*geistesblitz*) - ich hab zum rechnen angefangen - und das wars!!

Die Tabelle ist definiert mit width="705" -
die Einzelelemente aber 170 + 370 + 170 ergeben => 710 !!!!!!

kaum hab ich das reingezaubert , hats gefunzt

- hab die mouseovers wieder reingegeben, den fetten Text drunter, alles paletti.

- mit dem orig. grossen <Titelbild.jpg> hab ichs nimmer gemacht, da wars dann ½3 i.d.Früh

Tatsache -

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Mensch Super, ich hatte schon gedacht, das geht überhaupt nicht. Sorry, dass ich gedrängelt habe aber ich war in den letzten Tagen im Krankenhaus und hatte Zeit. Habe etwas gebastelt, konnte es aber nicht online testen. Habe jetzt den Tabellenwert auf 710 erhöht, hat sich aber nichts geändert.

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

ist das < [email protected] > aktuell ?

dann mach ich schnell ein kl. .ZIP und schick es dir

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

NACHTRAG - das "von unten eingeflogene"  'HERZLICH WILLKOMMEN ....' - das hab ich auch deaktiviert !!!!


Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button
ist das < [email protected] > aktuell ?

dann mach ich schnell ein kl. .ZIP und schick es dir
Ja, ist aktuell. Danke erstmal, bin schon gespannt

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,

danke für die Email. Hat bestens geklappt. Bevor ich das jetzt online stelle, möchte ich natürlich die anderen Seiten auch anpassen. Wie geht das denn am einfachsten oder muss ich da jede Seite anfassen und den Code ändern ?

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

- am 25.11.2005 um 21:07 Uhr hab ich gefragt wieviele Seite davon betroffen sind, die Frage blieb unbeantwortet  :(

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Ah, sorry. Ich tippe so an die 100

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hi,

- hab jetzt mal kurz auf deiner dzt. Online-Version geblättert
- also aufgefallen ist mir, dass auf den meisten Seiten 4 Knöpfe im Titel sind

- ich würde eine "Schablone" machen, die für alle Seiten passt
- wo die mouseoverGrafiken alle den gl. Namen haben
- generell für 4 Buttons im Titel Platz ist (auch auf der Startseite, wo halt ein Leerplatz ist)

- dann haste ein Gerüst, das kannst du via Notepad überall hinein kopieren
- die angezeigten Texte und die Verlinkung musst du ja sowieso zu Fuss (FrontPageUnterstützt) machen

PS: Handkuss an die Birgit & Du, du spuck' dir in die Hände  8)

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Jau, dann werde ich mir die Vorlage in Word oder so kopieren und bei jeder Seite einfügen. Danke für die Hilfe und Grüsse zurück auch von Birgit. Sie freut sich, dass ich das Problem behoben habe und nicht immer so lange vor der Kiste sitze.


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