Beiträge von Sundream

    Das hat aber doch nichts mit JavaScript zu tun.


    Das hier ist entscheidend:

    Code
    1. .carousel-cell {
    2. width: 50%; /* half-width */
    3. line-height: 160px;
    4. margin-right: 10px;
    5. }

    Hallo Bandit,


    du hattest Recht. Man kann die Änderungen einfach da vornehmen. Problem: Wenn man es nur mit dem Firefox-Inspektor probiert setzt er es irgendwie nicht richtig um. Deshalb dachte ich man muss ins Javascript eingreifen.

    Wenn man aber den Code ändert und speichert setzt er das einwandfrei um.


    Danke!

    Ich glaube es steht hier drin:


    aber ich versteh den Code leider nicht...

    Die Seite ist noch nicht online, aber das ist hier: https://jsfiddle.net/ConnorsFan/vm9nn5e0/5/ auch so.

    Im Feld unten bei der Vorschau ist der Code (wenn man ihn mit dem Inspektor untersucht) dann verändert.



    Links unter Ressources findet man die JS und CSS Dateien...

    https://ajax.googleapis.com/aj…query/2.1.1/jquery.min.js

    https://unpkg.com/flickity@2.2.1/dist/flickity.min.css

    https://unpkg.com/flickity@2.2.1/dist/flickity.pkgd.min.js

    Hallo,


    danke für die Antwort.

    Am einfachsten wäre es (meiner Meinung nach) den Wert "left" für das Dokument zu ändern.


    Code
    1. Element {
    2. position: absolute;
    3. left: -50.96%;
    4. }

    Im HTML hat aber carousel-cell keinen style="" Zusatz, weswegen ich davon ausgehe, dass das Javascript das bestimmt. Vorallem auch, weil der Wert immer wieder anders ist (Je nach Bildschirmgröße).


    Meine Frage ist also. Wo steht, welchen Wert left für .carousel-cell bekommt?

    Mein HTML sieht so aus:

    Code
    1. <div class="carousel" data-flickity='{ "wrapAround": true }'>
    2. <div class="carousel-cell"><img src="Bilder/Testimonial1.png" class="Slideshow-img-Testimonial"></div>
    3. <div class="carousel-cell">2</div>
    4. <div class="carousel-cell">3</div>
    5. </div>

    Wenn ich es mit dem Webinspektor von Mozilla anschaue so:


    Code
    1. <div class="carousel flickity-enabled is-draggable" data-flickity="{ &quot;wrapAround&quot;: true }" tabindex="0">
    2. <div class="flickity-viewport" style="height: 160px; touch-action: pan-y;"><div class="flickity-slider" style="left: 0px; transform: translateX(25%);"><div class="carousel-cell is-selected" style="position: absolute; left: 0%;">
    3. <img src="Bilder/Testimonial1.png" class="Slideshow-img-Testimonial">
    4. </div>
    5. <div class="carousel-cell" style="position: absolute; left: 50.52%;" aria-hidden="true">2</div>
    6. <div class="carousel-cell" style="position: absolute; left: -50.52%;" aria-hidden="true">3</div>
    7. </div></div><button class="flickity-button flickity-prev-next-button previous" type="button" aria-label="Previous"><svg class="flickity-button-icon" viewBox="0 0 100 100"><path d="M 10,50 L 60,100 L 70,90 L 30,50 L 70,10 L 60,0 Z" class="arrow"></path></svg></button><button class="flickity-button flickity-prev-next-button next" type="button" aria-label="Next"><svg class="flickity-button-icon" viewBox="0 0 100 100"><path d="M 10,50 L 60,100 L 70,90 L 30,50 L 70,10 L 60,0 Z" class="arrow" transform="translate(100, 100) rotate(180) "></path></svg></button><ol class="flickity-page-dots"><li class="dot is-selected" aria-label="Page dot 1" aria-current="step"></li><li class="dot" aria-label="Page dot 2"></li><li class="dot" aria-label="Page dot 3"></li></ol></div>

    Eigentlich will ich wissen, wo das ganze CSS Zeug plötzlich her kommt und wie ich das beeinflussen kann.

    Hallo ihr,


    ich habe ein Problem mit einer Änderung an einem Javascriptcode. Da ich JS eigentlich überhaupt nicht kann, bin ich etwas ratlos.

    Ich habe eine Slideshow nach dem Prinzip auf folgender Website erstellt:

    https://jsfiddle.net/ConnorsFan/vm9nn5e0/5/


    Der JS Code ist folgender: https://unpkg.com/flickity@2.2.1/dist/flickity.pkgd.min.js

    Meine Frage ist nun: Wie kann ich die Abstände zwischen den im Beispiel roten und grünen Elementen ändern? Ich finde das einfach nicht...UND wie kann ich die Höhe des Elements ändern?

    Vielen Dank!


    LG


    Sun

    Habe die Lösung in einem anderen Forum gefunden:

    Die Reihenfolge hat nicht gepasst. Der JS Code wurde vor dem HTML geladen. <script>-Tag ans Ende vor dem </body>, Problem gelöst

    Ich vermute mal der Hund ist hier begraben:

    Ich versteh nur leider zu wenig von JavaScript...


    HTML sieht so aus:

    CSS:


    Hallo ihr,


    ich habe (wie der Titel schon sagt) ein Problem mit meiner Slideshow.

    Ich habe mich nach dem Code auf dieser Website gerichtet: https://www.w3schools.com/howto/howto_js_slideshow.asp


    Wenn ich alles einbaue funktioniert die Slideshow zwar, aber erst, wenn ich das erste Mal auf einen der Pfeile geklickt habe.


    Vor dem ersten Anklicken:



    Nach dem ersten Anklicken (Hab das Bild bisschen unkenntlich gemacht, aber im Prinzip sieht man, dass es eigentlich funktioniert):




    Ich möchte gerne, dass alles standardmäßig so angezeigt wird wie auf Bild zwei...


    Kann mir jemand helfen?

    Danke schonmal. Code ist wie gesagt im Link oben.


    LG

    Hallo ihr,


    ich habe ein Problem, das ich so noch nie gesehen habe. Auf meiner Website bertas-garten.de gibt es ganz unten ein Icon für Facebook und Instagram. Im Mozilla Firefox wird beides nicht mehr angezeigt. Wenn ich die Elemente mit dem Inspektor anschaue, finde ich folgenden Code im css:


    HTML
    1. .ad_728x90, .ad_960, .ad_body, .ad_bottom, .ad_description, .ad_head_rectangle, .ad_img, .ad_item, .ad_leaderboard, .ad_middle, .ad_outer, .ad_promo, .ad_text, .ad_title, .ad_trick_header, .ad_trick_left, .ad_wrap, .adarea, .adbanner, .adbar, .adcolumn, .adcont, .addiv, .adframe, .adfree, .adheader, .adholder, .adinfo, .adkit, .admain, .admiddle, .adright, .adrow1, .adrow2, .ads-1, .ads-2, .ads-3, .ads-300-250, .ads-area, .ads-bg, .ads-col, .ads-header, .ads-holder, .ads-inline, .ads-item, .ads-section, .ads-title, .adsBlock, .ads_catDiv, .ads_top, .ads_wrapper, .adsbottombox, .adscontainer, .adshome, .adside, .adsizewrapper, .adslot_blurred, .adtable, .adv-box, .adv-list, .adv300, .advBox, .adv_300, .adv_txt, .advert-box, .advert-horizontal, .advert-wrapper, .advertColumn, .advertLink, .advertText, .advert_container, .advert_list, .advertisement-block, .advertisement__leaderboard, .advertising_block, .article-advert, .b-advert, .banner-ads, .banner300, .bannerAd, .block-ad, .block-ec_ads, .block-simpleads, .blog-ads, .bottom-ads, .bottom-left-ad, .bottomAds, .bottom_ad_block, .box-ads, .box-radvert, .box_ads, .box_adv, .boxad, .btn-ad, .category-ad, .change_AdContainer, .container_ad, .container_row_ad, .cp-adsInited, .custom-ad, .ddb, .dfp-ad-unit, .displayAd, .download_ad, .easyazon-block, .ec-ads-remove-if-empty, .featured-ad, .featuredAdBox, .flash-advertisement, .footer-ads, .footer_ad, .footerad, .gallery-ad, .google-sponsored, .googleAdSense, .greyAd, .grid-item-ad, .hasads, .headerAd, .header_ad_center, .header_advert, .headerad, .headerads, .homeAd, .homead, .homepage-ad, .homepage_ads, .imgad, .inner_ad, .innerad, .insert-post-ads, .item-ads, .js-sticky-ad, .leaderboard-ads, .leftad, .list-ads, .listad, .logo-ad, .marketing-ad, .mid_ad, .middle_AD, .module-ad, .nativead, .newsAd, .node-ad, .oasad, .overlay-ads, .page-ad, .page_ad, .plainAd, .playerAd, .player_ad, .player_hover_ad, .post-sponsored, .post_ad, .premiumAdOverlay, .premiumAdOverlayClose, .promoAd, .publicidade, .pushdown-ad, .rail-ad, .rbRectAd, .rectangle_ad, .refreshAds, .region-top-ad-position, .reklam, .reportAdLink, .resultad, .review-ad, .right_ad, .right_ads_column, .rightad, .rightadv, .searchAds, .searchad, .searchads, .section-sponsor, .showAd, .showads, .side-bar-ad-position1, .sideAd, .singleAd, .skinAd, .sky_ad, .skyscraperAd, .slide-ad, .smallAd, .small_ad, .smallads, .sponsor-box, .sponsorBlock, .sponsorBottom, .sponsoredLinks, .sponsorlink, .story-ad, .tc_ad_unit, .td-ad, .textads, .top-ad-content, .top-ad-wrapper, .topAds, .top_ad, .top_ad_div, .top_ad_wrap, .top_ads, .topads, .tower-ad, .type_ads_default, .vertical-ads, .view_ad, .wideAd, .withAds, .wnad, .wp_bannerize, a[href*='.revimedia.com/'], a[href*='.trust.zone'], a[href*='/adrotate-out.php?'], a[href^='http://ads.betfair.com/redirect.aspx?'], a[href^='http://ads2.williamhill.com/redirect.aspx?'], a[href^='http://adserving.unibet.com/'], a[href^='http://adultfriendfinder.com/p/register.cgi?pid='], a[href^='http://affiliate.coral.co.uk/processing/'], a[href^='http://marketgid.com'], a[href^='http://mgid.com/'], a[href^='http://online.ladbrokes.com/promoRedirect?'], a[href^='http://us.marketgid.com'], a[href^='http://www.adskeeper.co.uk/'], a[href^='http://www.fbooksluts.com/'], a[href^='http://www.fleshlight.com/'], a[href^='http://www.liutilities.com/'], a[href^='http://www.socialsex.com/'], a[href^='http://www.yourfuckbook.com/?'], a[href^='https://servedbyadbutler.com/'], a[href^='https://www.financeads.net/tc.php?'], div[data-native_ad], div[itemtype='http://schema.org/WPAdBlock'], iframe[src^='http://ad.yieldmanager.com/'], #AD_Top, #ad-right, #adboard, #ads1, #adsensewide, #advertise, #bottomAd, #leaderboardad, #sidebar_ad, #sponsorText, #sponsoredwellcontainerbottom, .ad-grid, .ad468, .adsWidget, .advert_area, .advertising_banner, .content_tagsAdTech, .forumAd, .pub_300x250m, .pub_728x90, .text-ad-links, .text-ads, .textAd, .text_ad, #videoads, .btnSocial, #SocialIcons, #___plus_0, #___plusone_0, #advancedsocialwidget, #button_facebook, #button_twitter, #digg-widget, #digg_module, #digg_upcoming_content, #facebook-icon, #facebook_btn, #facebook_button, #facebook_like_button_holder, #fbContainer, #fb_header, #layout-social, #likebtn, #menu-social, #menu_social, #module_digg, #share-bar, #share-box, #share-button, #share-links, #share-menu, #share-reddit, #shareBar, #shareMenu, #share_button, #share_container, #share_feed, #share_link, #share_links, #sharebar, #sharebox, #sharebuttons, #sharer, #sharevideo, #social-buttons, #social-container, #social-footer, #social-header, #social-media, #social-networks, #social-sidebar, #social-wrapper, #socialContainer, #socialWrapper, #social_bar, #social_container, #social_footer, #social_media, #socialbar, #socialmedia, #socials, #subscribe-options, #top_share, #tweets, #twitter_button, #vk-popup, #vk_faces_div, #vk_group_layer, #vk_groupsVK, #vk_groups_ls, #vk_groups_new, #vk_invite_wrapper, #vk_recommended, #vk_right, #xing-share, .-facebook, .-twitter, .FollowButton, .SocialButton, .addthis:not(body), .addthis_32x32_style, .addthis_default_style, .addthis_toolbox, .addthisbuttons, .advanced-social-widget, .arqam-widget-counter, .article-share, .article-social, .article-social-btn, .article-social-buttons, .article-social-container, .article_share, .authorSocial, .b-social, .b-socials, .b-topic__socials, .block-social, .block-socialmedia, .bottom-social, .btn--facebook, .btn-facebook, .btn-fb, .btn-google-plus, .btn-gplus, .btn-instagram, .btn-linkedin, .btn-reddit, .btn-share, .btn-social, .btn-social-icon, .btn-twitter, .btnFacebook, .btnTwitter, .btn_facebook, .btn_fb, .btn_google, .button--facebook, .button-fb, .button-pinterest, .button-share, .button-social, .clk-pinit, .comment_share, .content-share, .content-share-wrap, .contentshare, .custom-sharing-link, .custom-social, .detail-share-item, .digg-button, .diggBox, .digg_button, .entry-share, .fa-facebook-square, .fa-share, .fa-share-alt, .facebook-btn, .facebook-button, .facebook-container, .facebook-icon, .facebook-link, .facebook-share, .facebook-widget, .facebook.icon, .facebookBtn, .facebookLikeBox, .facebook_account, .facebook_button, .facebookbutton, .fb-box, .fb-btn, .fb-button, .fb-content, .fb-dialog, .fb-icon, .fb-like, .fb-likebox, .fb-link, .fb-page, .fb-quote, .fb-recommendations, .fb-recommendations-bar, .fb-share-box, .fb-xfbml-parse-ignore, .fbBox, .fbBtn, .fbContainer, .fb_box, .fb_btn, .fb_button_large, .fb_edge_widget_with_comment, .fb_like_container, .fb_share, .fblike, .fix-share, .follow-bar, .follow-block, .follow-btn, .follow-button, .follow-label, .follow-text, .follow-widget, .followBox, .follow_box, .follow_btn, .follow_twitter, .footer-social, .footer__social, .g-plus, .g-plusone, .gallery-social, .google-btn, .google-plus, .google_plus, .googleplus, .gplus-icon, .group_share, .ico-facebook, .icon-facebook, .icon-facebook2, .icon-fb, .icon-flickr, .icon-github, .icon-google, .icon-google-plus, .icon-google-plus-sign, .icon-googleplus, .icon-gplus, .icon-instagram, .icon-linkedin, .icon-share, .icon-social-facebook, .icon-social-linkedin, .icon-soundcloud, .icon-twitter, .icon-twitter-bird, .icon-vimeo, .icon-youtube, .icon_gplus, .image-share, .img-share, .instagram-follow, .itemSocialSharing, .j-social-actions, .j-social-button, .js-follow-user, .js-share, .like-box, .likeButton, .like_button, .linkedin.icon, .list-share, .m-article__share-buttons, .menu-social, .meta-share, .mod-facebook, .nav-social, .navbar-social, .openshare, .page-share, .page-social, .photo-share, .pin-it-button, .pinButton, .pinit-btn, .pinit-btn-container, .pinit-button, .pinit-overlay, .pinit_btn, .pinterest-button, .pinterest-share-button, .pinterest1, .pinterestComponentShare, .plusone, .post-fb, .post-fb-like, .post-share-container, .post-share-panel, .post-sharing, .post-social, .postShare, .post_share, .reddit_button, .retweet, .search-social, .section-social, .share-bar, .share-block, .share-body, .share-bottom, .share-box, .share-btn, .share-button, .share-buttons, .share-container, .share-facebook, .share-fb, .share-group, .share-head, .share-header, .share-heading, .share-icon, .share-item, .share-label, .share-left, .share-link, .share-link-container, .share-links, .share-list, .share-menu, .share-options, .share-page, .share-panel, .share-popup, .share-section, .share-text, .share-title, .share-twitter, .share-video, .share-widget, .share-with-friends, .share-wrap, .share-wrapper, .share-zone, .shareBox, .shareButton, .shareContainer, .shareContent, .shareCount, .shareLeft, .shareLink, .shareLinks, .sharePage, .sharePanel, .shareText, .shareTools, .shareToolsItem, .share__list, .share_bar, .share_bottom, .share_container, .share_content, .share_panel, .share_tools, .share_wrapper, .sharebox, .sharebutton, .sharebuttons, .sharecontainer, .sharelink, .sharethis-wrapper, .sharetools, .sharing-box, .sharing-buttons, .sharingbox, .sharrre, .show-share, .show_social, .social-16, .social-article, .social-bar, .social-bar-container, .social-block, .social-bottom, .social-box, .social-btn, .social-btns, .social-button, .social-buttons, .social-circle, .social-column, .social-container, .social-count, .social-counter, .social-facebook, .social-feed, .social-footer, .social-google, .social-gplus, .social-header, .social-holder, .social-icon, .social-icons, .social-image, .social-inline, .social-label, .social-link, .social-links, .social-list, .social-media, .social-media-buttons, .social-media-list, .social-newsletter, .social-panel, .social-popup, .social-post, .social-section, .social-share, .social-share-count, .social-sharing, .social-sidebar, .social-stick, .social-tab, .social-tools, .social-top, .social-twitter, .social-wrap, .social-wrapper, .socialBlock, .socialBox, .socialBtns, .socialButton, .socialButtons, .socialIcon, .socialList, .socialMedia, .socialRight, .social__facebook, .social__twitter, .social_bar, .social_block, .social_buttons, .social_container, .social_facebook, .social_links_top, .social_row, .social_share, .social_tabs, .social_toolbar, .social_twitter, .social_wrapper, .socialbar, .socialbox, .socialboxp, .socialbutton, .socialbuttons, .socialmedia, .socials, .socials_wrapper, .socialshare, .sprite-facebook, .sprite-twitter, .ssk-facebook, .std-social, .sticky-share, .stumble-button, .subscribe-button, .subscribe-container, .subscribe-text, .subscribe-widget, .tw-btn, .tw-icon, .tw-share, .twBox, .twBtn, .tweet-btn, .tweet-btn-container, .tweet-button, .tweetbox, .tweets, .twitter-button, .twitter-feed, .twitter-follow-button, .twitter-hashtag, .twitter-icon, .twitter-image, .twitter-link, .twitter-share, .twitter-share-button, .twitter-timeline, .twitter.icon, .twitterShare, .twitterWrapper, .twtr-widget, .ui-share-component, .vertical-social, .vjs-share, .vk-btn, .wrapper-share, .x-facebook, .ya-share2, .youtube-icon, .youtube-link, .youtube_subscribe_module, [alt='retweet'], [href='http://www.addthis.com/bookmark.php'], [href^='http://reddit.com/submit'], [title='Digg This Post'], [title='submit to redit'], a[href*='facebook.com/sharer/sharer.php?'], a[href='//www.reddit.com/submit'], a[href='https://twitter.com/share'], a[href^='http://del.icio.us/post?url='], a[href^='http://facebook.com/sharer.php?'], a[href^='http://pinterest.com/pin/create/button/'], a[href^='http://plus.google.com/share'], a[href^='http://reddit.com/submit'], a[href^='http://technorati.com/faves?add='], a[href^='http://twitter.com/?status='], a[href^='http://twitter.com/home/?'], a[href^='http://twitter.com/home?'], a[href^='http://twitter.com/intent/tweet'], a[href^='http://twitter.com/share?'], a[href^='http://vkontakte.ru/share.php?'], a[href^='http://www.digg.com/submit?'], a[href^='http://www.facebook.com/share.php'], a[href^='http://www.facebook.com/sharer.php'], a[href^='http://www.facebook.com/sharer/sharer.php'], a[href^='http://www.pinterest.com/pin/create/button/?'], a[href^='http://www.reddit.com/submit'], a[href^='http://www.stumbleupon.com/submit?'], a[href^='http://www.tumblr.com/share/'], a[href^='https://api.whatsapp.com/send?'], a[href^='https://facebook.com/sharer.php?'], a[href^='https://pinterest.com/pin/create/'], a[href^='https://plus.google.com/share'], a[href^='https://twitter.com/home/?status='], a[href^='https://twitter.com/intent/follow?'], a[href^='https://twitter.com/intent/tweet/'], a[href^='https://twitter.com/intent/tweet?'], a[href^='https://vk.com/share.php?'], a[href^='https://www.facebook.com/dialog/feed?'], a[href^='https://www.facebook.com/sharer/sharer.php'], a[href^='https://www.google.com/bookmarks/mark?'], a[href^='https://www.linkedin.com/cws/share?'], a[href^='https://www.reddit.com/submit?'], a[title='Facebook'], a[title='Google Plus'], a[title='Google+'], a[title='LinkedIn'], a[title='Pin it!'], a[title='Pinterest'], a[title='Tumblr'], a[title='Twitter'], a[title='Youtube'], a[title='facebook'], a[title='ВКонтакте'], button[title='Share'], div[id^='digg-widget-'], img[alt='Facebook'], img[alt='Google+'], img[alt='Instagram'], img[alt='LinkedIn'], img[alt='Linkedin'], img[alt='Pinterest'], img[alt='Reddit'], img[alt='Twitter'], img[alt='Vine'], img[alt='Youtube'], img[alt='facebook'], img[alt='twitter'], img[title='Facebook'], img[title='LinkedIn'], img[title='Twitter'], img[title='YouTube'] {
    2. display: none !important;
    3. }


    WTF ? Das hab ich noch nie gesehen... Ich habs auch nicht eingebaut.. Das versteckt aber mein Social Media Element (display none !important;)
    Ich kanns nicht entfernen, weil es in meinem Code nicht vorhanden ist... Ich weiß überhaupt nicht was es ist?
    Was mache ich denn jetzt ?


    Vielen Dank schonmal


    Liebe Grüße


    Sundream

    Hallo,


    danke für die Antwort, aber leider hilft mir das glaube ich nicht weiter, da ich ein background-image brauche, nicht ein normales....


    Danke !


    - - - Aktualisiert - - -


    Das Bild soll hinter dem kompletten Text liege, den ich habe.

    Nein, ich verwende ein "Programm" das Mailingwork heißt, in das reines HTML mit CSS eingegeben wird.


    - - - Aktualisiert - - -


    Allgemein ist das der Code:



    - - - Aktualisiert - - -


    Den Teil ignoriert Outlook auch gekonnt....


    Hallo ihr Lieben,


    ich möchte einen HTML-Newsletter versenden und suche gerade nach einer Lösung das Backgroundimage auch im Outlook und auch ansonsten überall richtig anzeigen zu lassen..
    Ich habe den Newsletter jetzt mit Tabellen aufgebaut...


    Gibt es irgendeine Universallösung?



    Vielen Dank schonmal!


    Liebe Grüße


    Sundream

    Weiß nicht, ob ich sowas einbauen kann.. würde das mit html gehen? Ich hab wie gesagt wenig Ahnung...


    PHP
    1. <p>
    2. <label for="name">Name:</label>
    3. <input type="text" name="name" id="name" <?php if(isset($_POST['name']) === true){ echo 'value="', strip_tags($_POST['name']) ,'"';} ?> required>
    4. </p>


    hier wird der Name als Eingabefeld festgelegt, taucht aber in der gesendeten Email nirgends auf...