Webside renewal die II

    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::confused::confused::confused:
    -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

    2 Mal editiert, zuletzt von keinplaninusa (23. August 2008 um 07:23)

    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

    Hallo Yeti,

    danke für die schnelle Antwort.

    zu 1.:aber wenn ich
    <!-- löschen
    <a href="./">Karmann Ghia Archi<span>v</span></a> -->
    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:confused:
    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!

    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

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

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

    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.

    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:confused:

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

    perfect!!

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

    hier kommt schon das nächste Problem:mad::mad::mad:

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

    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:roll:

    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ü ?

    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.

    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:cry:, 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

    Einmal editiert, zuletzt von keinplaninusa (26. August 2008 um 04:05)

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


    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 # !!

    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

    Wenn schon Tabelle, dann formatiere sie auch:

    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

    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.