Beiträge von Sailor

  • Frage zu float und clear float

    Wie sieht denn die Seite bei kleinerem Bildschirm aus... Tablet oder SmartPhone? Dann wird sich zeigen, ob das alles so passt. Mir sieht das allerdings sehr nach einer Zwangsjacke für den Browser aus.
    Bild 4 sieht seltsam aus... wenn du einem 300px breitem Bild trotz 'float: left;' noch eine negative margin von 300px geben musst.
    Solltest du anders lösen. zB clear: both , margin-top kleiner und margin-left ganz weg.

  • Probleme mit linear-gradient / scharfe Übergänge verschwommen

    Obwohl man auf deinem Bild nichts erkennen kann, da es viel zu klein ist und der Code, der da auf der rechten Seite sein soll, einfach nicht zu entziffern ist, denke ich, dass du das mit dem 'linear-gradient' falsch verstanden hast! Es soll ja gerade eben ein gleichmäßiger (linearer) Übergang von einer zur anderen Farbe erfolgen.
    Schau mal hier
    https://www.w3schools.com/css/css3_gradients.asp
    Ich denke, das wird alles deine Fragen und Probleme beseitigen.

  • Wer kann mir in der Software Dreamweaver bei einem Problem helfen?

    Obergruselig weil schon der Aufbau der Seite... also deren Grundgerüst fehlerhaft ist.
    Weil sie auf einem Frame-Design beruht und Frames schon seit längeren als veraltet und missbilligt angesehen werden... und eigentlich auch mehr Probleme bereiten, als es ein moderneres Layout haben würde.
    Weil darin solche Dinge vorkommen wie...


    .. um ein bisschen Lauftext farbig zu gestalten... das meine ich mit gruselig und zeigt mir eigentlich, dass dieser Dreamweaver nicht das ideale Programm ist. Das sind aber alles Dinge, die du vielleicht gar nicht ändern kannst - und ob du jemanden findest, der sich mit Dreamweaver auskennt, bleibt abzuwarten.
    Hast du niemanden in deinem Verein, der ein Bildbearbeitungsprogramm auf seinem Rechner hat? So eine kleine Bilddatei zu erstellen bzw umzuarbeiten ist wirklich keine große Sache.

  • Wer kann mir in der Software Dreamweaver bei einem Problem helfen?

    Sorry, aber deine Seite ist obergruselig... du solltest dir echt überlegen, ob du nicht etwas anderes als diesen Dreamweaver benutzt.
    Aber zu deiner Frage zunächst eine Gegenfrage.
    Kannst du mit deiner Software direkt HTML Code eingeben?
    Denn diese Navigation ist als Tabelle aufgebaut und jeder dieser Einträge in einer Tabellenzeile (von <tr> bis </tr>) sieht so aus.

    HTML
    <tr> 
    <td> 
      <div align="center">
        <a href="verschiedenes.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Verschiedenes','','../bilder/buttons/verschiedenes_rot.gif',1)" target="mainFrame">
           <img name="Verschiedenes" border="0" src="../bilder/buttons/verschiedenes_blau.gif" width="120" height="24" alt="Verschiedenes">
        </a>
      </div>
    </td>
</tr>


    Wenn du es schaffen könntest, so ein paar Zeilen in den Code hineinzukopieren bzw. zu schreiben, dann hast du schon fast gewonnen.
    Allerdings müsstest du noch die relevanten Angaben abändern...
    in Zeile 4, da wo jetzt 'href="verschiedenes.html" ' steht, muss dann natürlich der Link richtig sein.. zB href="nachwuchs.html" '.
    Dann brauchst du noch die beiden Bilder....'nachwuchs_blau.gif' und 'nachwuchs_rot.gif' ... da du ja schon diverse von diesen Bilder hast, sollte es kein Problem sein, die Vorlage entsprechend auf 'Nachwuchs' zu ändern.
    Diese geänderten Bilder in dem Verzeichnis speichern, in dem auch die anderen Bilder sind... die Namen in den Zeilen 4 und 5 anpassen... fertig!

  • CSS Problem - mittig

    Eine Idee hätte ich, aber ob die für dich umsetzbar ist, kann ich nicht sagen. In der Simulation mit FireFox - Inspektor läuft es auf jeden Fall
    Schritt 1:
    Der gesamte Code beginnend mit den ersten '<figure class="effect-image-3 one-half" style="text-align: left;">' bis hin zum allerletzten '</figure>' muss umschlossen werden von einem <div> mit den Formaten 'style="margin: 0px auto; text-align: center;" '
    also so...

    HTML
    <div style="margin: 0px auto; text-align: center;">
<figure class="effect-image-3 one-half" style="text-align: left;">...</figure>
...
...
<figure class="effect-image-3 one-half" style="text-align: left;">...</figure>
</div>


    Damit wird die Grundlage geschaffen, dass sich die Bilder in einem sich selbst zentrierenden (margin -> auto) Container befinden und dort und sich dort zentriert orientieren (text-align -> center)

    Schritt 2:
    Die vorhanden Formate, die jetzt dafür sorgen, dass sich die Bilder linksbündig sortieren müssen geändert werden.
    Entweder durch direkte Änderung der Werte bei [class*='effect-image'] im 'template.css' - was ich aber ohne nähere Kenntnisse des Seite nicht empfehlen würde.
    Oder durch Einfügen eines Inline-Styles in den Quellcode!

    HTML
    <style type="text/css">
.effect-image-3.one-half {
   float: none !important;
   display: inline-block;
   width: 31%;
   min-width: 217px;
}
</style>


    Mit den Zahlenwerten kann man natürlich noch etwas 'spielen', um es richtig passend zu machen.
    Einen Versuch ist es wert - bei mir funktioniert das so.

  • Problem mit Homepage Baukasten

    Das bekommst du gar nicht weg, der Validator erwartet die aktuelle HTML Version (HTML 5) und dein 'Baukasten' erzeugt Code in einer ziemlich veralteten HTML Variante (XHTML 1.0 Transitional).
    Ich glaube, die ist schon seit mehreren Jahren mausetot uns sollte nicht mehr verwendet werden.
    Da hilft dir nur den Anbieter vom Baukasten zu befragen... oder dir einen anderen Baukasten zu suchen.

  • CSS nur für ein Element

    Sorry, aber mit dem Code, den du hier eingefügt hast, komme ich überhaupt nicht klar - ginge das auch in einem lesbaren und übersichtlich formatiertem Text?
    Aber aufgefallen ist mir schon mal folgendes! Anscheinen sind deine <styles>...</style> Formate irgendwie in den Code eingefügt... möglicherweise sogar so, dass sie gar nicht wirksam werden, weil das zu formatierende Element schon davor im Code steht.
    Generell gehören <style> Anweisungen in den <head>... </head> ... vielleicht löst das schon dein Problem.

  • Wordpress Widget anpassen mit CSS?

    Das ist kein Hexenwerk - steht alles im Quelltext der Seite! Und dann ist es nur eine Sache die entsprechenden 'Webmaster-Tools', die eigentlich jeder Browser eingebaut hat, zu nutzen.
    Das Zauberwort heißt 'Inspektor' - mit dem kann man bis auf den kleinsten Pixel die Formatierungen untersuchen und sogar testweise ändern.

  • Wordpress Widget anpassen mit CSS?

    .. also so scheint das auf jeden Fall nicht zu funktionieren! Das hat mehrere Gründe.
    u.a.
    Es wird ein Blockelemet (<h1>) in ein Blockelement (<p>) eingefügt... also <p><h1>...</h1></p> ist kein valides Konstrukt in HTML. Sollte also auf jeden Fall vermieden werden.
    Dann... und deswegen sieht das so gruselig aus... wird der HTML Tag, den du in das Titelfeld eingegeben hast von WP 'maskiert'. Es steht dort

    HTML
    &lt;h1 style=&quot;color: #7a3b76;margin-left: 20px&quot;&gt;★ Infos zu Preisangaben&lt;/h1&gt;


    wobei dieses &lt; und &gt; für die eckigen Klammern stehen, die einen HTML Tag umschließen. Es werden dann die Zeichen ausgegeben, anstatt dass der Browser den <h1> Tag erkennt.
    Also lösche diese Einfügung wieder.. so wird das nichts.
    Versuche stattdessen folgenden CSS Code im Custom CSS einzufügen:

    HTML
    #sow-editor-3 p.h1 {
  margin-left: -20px;
}


    Danach bitte prüfen, ob davon auch andere Elemente betroffen sind... auch auf anderen Seiten/Beiträgen. Die ID=sow-editor-3 könnte ja auch noch woanders genutzt werden

  • Wordpress Widget anpassen mit CSS?

    Da gäbe es mehrere Möglichkeiten:
    Für beinahe alle Textelemente ist ein margin-left von 20px festgelegt. Du könntest das für dein

    HTML
    <h1 style="color:#7a3b76;">★ Kontakt</h1>

    natürlich durch eine andere Angabe im Custom CSS ändern! Würde ich aber von abraten, denn dann wären alle <h1> betroffen und du könntest dir an anderen Stellen dein Layout kaputt machen.
    Um jetzt wirklich nur dieses eine h1 Element zu beeinflussen könntest du auch die schon im h1-Tag vorhandenen Style Anweisung erweitern:

    HTML
    <h1 style="color:#7a3b76; margin-left: 0px;">★ Kontakt</h1>

    Vielleicht hilft das schon.

  • Hilfe beim Planen einer Navigation mit CSS + HTML!

    Ich kann das zwar nicht so genau identifizieren, was du mit diesen vielen div's, ul's und sonstigen Elementen anstellen willst, aber im Prinzip könnte dir folgende Idee vielleicht weiter helfen.
    HTML:

    und das CSS:

    Viel Spaß beim Basteln!

  • in ein Freetemplate was einfügen ?

    Dann geh einfach auf die Webseite, von der dieser Screen Shot kommt ... muss ja irgendwas mit Mozilla Support sein... und schau dir da den Quellcode an!
    Ob sich der dann allerdings 1:1 und ohne Probleme mit dem Copyright in dein Template übernehmen lässt, das musst du dann ausprobieren.

  • Massen HTML-Daten verarbeiten - Stapelverarbeitung / Batch / Platzhalter / Datenzusam

    Hmmm.. so was in der Art hatte ich fast erwartet ;)! Also das mit den Umlautproblemen meine ich. Ist aber kein wirklich großes Problem, denn es lässt sich mit ein paar Zeilen PHP beheben.
    Das zweite Anliegen mit den mehreren Ersetzungen lässt sich auch lösen! Erinnerst du dich an den ersten Entwurf der PHP Datei, die ich dir geschickt hatte? Da war diese Idee mit der mehrspaltigen CSV Datei drin. Muss ich jetzt nur wiederfinden ... und noch etwas verhübschern! Schicke ich dir, wenn ich es habe.

  • 2 hintergrundbilder

    Dann poste doch mal den Link zu deiner Seite, denn wenn du es genau so gemacht hast - und vor allem das 'html' aus Zuweisung 'html, body' gelöscht hast - dann sollte es funktionieren.
    Ohne Link ist allerdings eine weitere Fehleranalyse nicht möglich.

  • 2 hintergrundbilder

    Versuche es mal so...

    HTML
    body {
background: url(bilder/seilwand1h.jpg) no-repeat center center fixed;}


@media only screen and (min-width :320px) and (max-width : 767px) {
   body {background: url(bilder/seilwand2h.jpg) no-repeat center center fixed;}
}

  • Wordpress Widget anpassen mit CSS?

    Das solltest du näher erklären! Was bedeutet 'etwas nach rechts'? .. rechtsbündig... mittig... 20px vom Rand weg?
    Aber die Idee mit dem div scheint erfolgversprechend:
    <div class="contact-form">
    [cscf-contact-form]
    </div>

    und dann im Custom CSS die Klasse 'contact-form' mit den entsprechenden Formatierungen versehen.

    .contact-form {
    margin-left: 50px; -> als Beispiel / rückt das Formular um 50 Pixel nach rechts
    ...
    ...
    }

  • Weiterleitung auf eine andere Domain: per HTML und Frame

    Sorry, ich kann deinen 'Fehler' bei mir nicht reproduzieren.
    Das Responsive Design funktioniert auch in dem IFrame - allerdings musste ich meinen Script-Blocker zum testen ausschalten, da dieses Jimdo wohl einiges mit Java Script macht, was die Darstellung anbetrifft.

    Na ja... und jetzt hast du offensichtlich eine automatische Weiterleitung eingerichtet ;) .. etwas schlecht zum Testen.

    ... ach ja... in der Ursprungsversion deiner 'index.html' fehlte der Doctype und der body-tag! Hat zwar bestimmt keine Auswirkung auf das Design des IFrames, aber es soll ja auch hübsch aussehen und valide sein.