Webside renewal die II

keinplaninusa

Hallo,
ich habe mich Eurer Tipps und Ratschlaege angenommen und meine Seite
http://www.karmann-ghia-archiv.de noch einmal erneuert.

bei selfhtml habe ich mir einen CSS sheet runtergeladen und nach meinen Vorstellungen bearbeitet.

Die ueberarbeitete Version habe ich erstmal auf meiner Seite "versteckt".
Bitte schaut sie Euch an und gebt wieder Euren Senf dazu ab.

Hier ist der link:
http://www.karmann-ghia-archiv.de/Formatvorlage/index.htm

ein paar Problemchen habe ich jetzt schon:
-Was kann ich tun, das die Ueberschrift KARMANN GHIA ARCHIV keinen link hat? Auf der css Seite ist die Ueberschrift als link angegeben, wenn ich das richtig interpretiere.
-Was muss ich aendern damit die links nicht immer "einruecken" beim drueberfahren?
- Im Farbarchiv/Farbkombinationen/typ 14 Coupe habe ich eine Tabelle die den Rand nach rechts sprengt, der Header macht das nicht mit. Wie kann man das Problem elegant loesen, eine kleinere Tabelle macht den Inhalt schlechter leserlich.
-mit dem Button "Forum" moechte ich auf ein externes Forum verweisen, das Forum soll sich aber auf meiner Seite oeffnen und der Besucher soll nicht wegspringen (sagt man das so??)

Thanks

yeti66

zu1. Du erzeugst nur ein Headerbild mit dem Titel ohne Link.

HTML

<div id="logo">
  <!-- löschen
 <a href="./">Karmann Ghia Archi<span>v</span></a>  -->
  </div>

zu2. Die "springerei" der Links hast Du nur beim hover (drüberfahren mit der Maus), da hover mit fetter Schrift formatiert ist und a: normal. Nimm fett raus und die "springerei" hört auf.
zu3. Das ist Tricky, da würde ich wohl eher die optionale Geschichte irgendwie absetzen. Entweder in eine neue Zeile, als Popup oder ähnliches. Du kannst nunmal nur die Breite nutzen, die Du Dir mit der Webseite vorgegeben hast. Da wirst Du Dir was überlegen müssen.
zu4. Das kannst Du über ein iframe einbinden, ganz unproblematisch. http://http://de.selfhtml.org/html/frames/eingebettete.htm

keinplaninusa

Hallo Yeti,

danke für die schnelle Antwort.

zu 1.:aber wenn ich

ist der Schriftzug ja weg. Der Schriftzug soll bleiben nur der link nicht.
zu 2. ich habe den hover im screen.css von bolder auf bold geändert, richtig? Hat sich aber nicht ausgewirkt
Habe jetzt auch gesehen, das Mozilla und IE die Seite ganz verschieden darstellen.
Sorry für meine "blöden" Fragen aber das ist alles Neuland für mich und mit einer Stepbystep Antwort fällt mir die Sache leichter.

Danke!

driver

hm... eigentlich solltest, wennst grundkentnisse in html hast, sehen was ein
link ist, bzw wie du ihn entfernen kannst...

tip: <a href...> is der beginn, </a> das ende. die 2 sachen raus. der text in
der mitte kann stehen bleiben

keinplaninusa

Ja, das ist mir mittlerweile klar wo ein link anfängt und aufhört.

Nur wenn ich <a href...> und</a> lösche ist der Schriftzug nur noch schwarz und das weiß abgesetzte V ist auch nicht mehr da.

yeti66

..eben darum wäre es das einfachste den Schriftzug als Grafik auf den header zu setzen. Ansonsten musst Du ihn formatieren

HTML

<p id="headline">Karmann Ghia Archi<span>v</span></p>

z.B. und

HTML

#logo p {
  color: white; /* Die vorher eingestellte Farbe passt nicht um auch als Logofarbe zu dienen, deshalb wählen wir hier weiß. */
  text-decoration: none;
}
#logo p span { /* Der letzte Buchstabe soll invertiert dargestellt werden. */
  color: black;
  background: white;
  padding-right: 0.1em; /* Ein Hack, damit das weiße rechts und links genau so breit ist. */
  font-weight: bold;
}

ändern [p]!! und evtl. mit der Positionierung anpassen.

Elvis

Die Auszeichnung mit einem Absatz (<p>) wäre mit Sicherheit sinnvoll und sollte das Problem auch lösen. Alternativ könnte man dies als Seitenüberschrift bewerten und somit mit <h1> formatieren. Dann müsste allerdings die restliche Hirachrchie der Überschriften runtergesetzt werden, denn es gibt das ungeschriebene Gesetz <h1> nur einmal auf einer Seite zu benutzen.

keinplaninusa

Hello again,

so, Forum Einbindung und Headergrafik sind erledigt. Ich habe den link rausgenommen und mir ein neues Bild incl. Schriftzug erstellt...

.. und hier das naechste Problem

Die Seite sieht mit dem IE schon recht ordentlich aus aber mit Mozilla sind alle Tabellen linksbuendig!!

Habe im Forum eine Lösung gefunden aber das funktioniert irgendwie nicht bei mir.

Danke!!

Dodo

Code

table
{ margin:0px auto;
}

...zentriert sie alle

keinplaninusa

perfect!!

Das funzt!! Dankeschön, für die schnelle Antwort, aber...

hier kommt schon das nächste Problem

Hier habe ich die Flaggen als links benutzt und alles in eine Tabelle gepackt. Plötzlich werden die Flaggen von rechts nach links immer kleiner dargestellt.

http://karmann-ghia-archiv.de/Formatvorlage/…hivwerbung.html

Das Problem hatte ich vorher nicht! Die Flaggen.jpg sind alle größer als die Zellen, alle Zellen sind gleich groß. Was kann ich tun?

Das Problem ist auch an anderen Stellen wo ich die Flaggen benutzt habe.
Trotz gleicher Zellengröße verschiedene Darstellung.

Schonmal vielen Dank im vorraus... langsam wirds

minder

Die Navigation verschwindet immer noch

driver

vermeide solche angaben

Code

width="64" height="38"

bei bildern zu vermeiden ! bring die grafiken lieber in nem grafikprogramm
auf die entsprechende größe und binde die dann so ein, ohne angabe von
width und height.

bei den unterseiten (z.b. technik-> motoren) würd ich den randabstand um paar px erhöhen.

@ minder

wo verschwindet das menü ?

yeti66

Hmmm, der IE rechnet beim skalieren offenbar nicht richtig. Wandle mal alle Flaggen in 63x38px um und das Problem ist weg. Aus Ladezeit gründen sollte man sowieso immer die Bilder in der richtigen Größe ablegen.

Oh sry, da habe ich den Thread wohl nicht zu Ende gelesen.

keinplaninusa

Hallo wieder,

so, ich habe meine Flaggengrafiken auf 65x40px reduziert und die Groessenangabe für die Bilder auf der Seite gelöscht, und...

... keine Veränderung, FF zeigt die Grafiken richtig an, IE7 verzerrt die Tabelle. Den gleichen Effekt habe ich auch auf der Postkarteneingangsseite und bei der Prospekteingangsseite. Allerdings habe ich hier die Grafiken noch nicht reduziert.

Und noch ne Frage:
http://www.karmann-ghia-archiv.de/Formatvorlage/…lackierung.html

hier will ich auf der Seite nach unten springen, wenn "auf Wagenfarbe abgestimmt" geklickt wird. IE7 macht es, FF nicht. Laut selfhtml ist aber alles richtig, oder?

Jetzt schonmal vielen Dank, Ihr habt mich schon weitergebracht.

@Driver/ technik motoren:
Alle "Schönheitsfehler bügele ich aus wenn die groben Sachen fertig sind

yeti66

HTML

<table  border="1" cellpadding="2" cellspacing="2">
    <tr>
      <td><a href="literaturarchivwerbunggermany.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/germany1.jpg" alt="Deutschland" /></a></td>
      <td><a href="literaturarchivwerbungbelgium.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/belgium1.jpg" alt="Belgien" /></a></td>
      <td><a href="literaturarchivwerbungbrasil.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/brasil1.jpg" alt="Brasilien" /></a></td>
      <td><a href="literaturarchivwerbungcanada.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/canada1.jpg" alt="Kanada" /></a></td>
      <td><a href="literaturarchivwerbungfrance.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/france1.jpg" alt="Frankreich" /></a></td>
      <td><a href="literaturarchivwerbungitaly.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/italy1.jpg" alt="Italien" /></a></td>
      <td><a href="literaturarchivwerbungswiss.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/switzerland1.jpg" alt="Schweiz" /></a></td>
      <td><a href="literaturarchivwerbunguk.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/uk1.jpg" alt="Gross Britannien" /></a></td>
      <td><a href="literaturarchivwerbungusa.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/usa1.jpg" alt="USA" border="0"/></a></td>
    </tr>
  </table>

Alles anzeigen

Deim img-Tag hatte keinen Abschluß/> unter DTD XHTML 1.0 Strict//EN"

Zitat von keinplaninusa

Und noch ne Frage:
http://www.karmann-ghia-archiv.de/Formatvorlage/…lackierung.html

hier will ich auf der Seite nach unten springen, wenn "auf Wagenfarbe abgestimmt" geklickt wird. IE7 macht es, FF nicht. Laut selfhtml ist aber alles richtig, oder?

Jetzt schonmal vielen Dank, Ihr habt mich schon weitergebracht.

@Driver/ technik motoren:
Alle "Schönheitsfehler bügele ich aus wenn die groben Sachen fertig sind

Alles anzeigen

Nee bei mir macht er garnichts in Sachen Sprung. Du musst auch den Anker setzen, wo er hinspringen soll http://de.selfhtml.org/html/verweise/projektintern.htm

HTML

<a name="#FUENFUNDFUENFZIG"> 1 </a>

Zielpunkt ohne Raute # !!

keinplaninusa

Hallo mal wieder,

soweit ist alles umgesetzt und die Tabellen sind jetzt auch mit Mozilla schoen zentriert. Das einzige Problem sind immer noch die Flaggen, Postkarten. IE7 stellt die Sachen nicht richtig dar. ich habe alles auf eine Groesse gebracht und die Groessenangaben in den Tabellenzellen weggelassen, Kein Erfolg im IE7. IE6 und tiefer sowie Mozilla bereiten keine Probleme.

Jetzt noch eine kurze Frage.
Ist es ohne grossen Aufwand moeglich fuer das Titelbild wechselnde Zufallsbilder einzubauen? Ich habe gelesen, dass das nur mit PHP geht?!

Viele Gruesse
http://www.karmann-ghia-archiv.de

Bandit

Keine Seite ohne massenhaft Fehler, siehe http://validator.w3.org

Da darfst du dich nicht wundern, wenn du Probleme mit der Ausgabe hast

yeti66

Wenn schon Tabelle, dann formatiere sie auch:

HTML

<table  width="70%" border="1" cellpadding="2" cellspacing="2">
  <tr>
    <td width="65" height="40"><a href="literaturarchivwerbunggermany.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/germany1.jpg" alt="Deutschland" width="65" height="40"/></a></td>
    <td width="65" height="40"><a href="literaturarchivwerbungbelgium.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/belgium1.jpg" alt="Belgien" width="65" height="40"/></a></td>
    <td width="65" height="40"><a href="literaturarchivwerbungbrasil.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/brasil1.jpg" alt="Brasilien" width="65" height="40"/></a></td>
    <td width="65" height="40"><a href="literaturarchivwerbungcanada.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/canada1.jpg" alt="Kanada" width="65" height="40"/></a></td>
    <td width="65" height="40"><a href="literaturarchivwerbungfrance.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/france1.jpg" alt="Frankreich" width="65" height="40"/></a></td>
    <td width="65" height="40"><a href="literaturarchivwerbungitaly.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/italy1.jpg" alt="Italien" width="65" height="40"/></a></td>
    <td width="65" height="40"><a href="literaturarchivwerbungswiss.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/switzerland1.jpg" alt="Schweiz" width="65" height="40"/></a></td>
    <td width="65" height="40"><a href="literaturarchivwerbunguk.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/uk1.jpg" alt="Gross Britannien" width="65" height="40"/></a></td>
    <td width="65" height="40"><a href="literaturarchivwerbungusa.html"><img src="Bilder Literaturarchiv/werbungen/flaggen/usa1.jpg" alt="USA" border="0" width="65" height="40"/></a></td>
  </tr>
</table>

Alles anzeigen

driver

die formatierung oben von yeti kannste übrigens auch einfach über css machen

Code

td {
height:40px:
width:75px;
}

bzw mit ner id/class wenns nur für die eine tabelle sein soll

keinplaninusa

Habe meine alte Seite jetzt gegen die Neue Version ausgetauscht.
Um die Validierung kümmere ich mich noch.

Nochmal die Frage für die Zufallsbilder.
Reicht es, wenn ich die index Seite von .htm in .php ändere? Oder muss ich alle Seiten ändern?
Gibt es einfache Editoren wie den phase5, der auch von Laien bedienbar ist?
Ich habe mal ein bißchen mit den Sachen rumprobiert, was ich im Netz gefunden habe, aber erfolglos.
Mir ist noch nicht ganz klar wie ich die Seiten verknüpfe.

Tags