html - Css text/image wrap not working -

-

why text wrap not work around these images? work in magento text editor, why not use css style sheet write code.

not working version: https://jsfiddle.net/mastervision/s8grhjab/

i used textwrap enter image description here

i worked me in many other situations here: https://jsfiddle.net/mastervision/s6o64m06/

<!doctype html>         <html>         <head>         <style>          .newspaper {             /* chrome, safari, opera */             -webkit-column-count: 2;             -webkit-column-gap: 40px;             -webkit-column-rule-style: outset;             -webkit-column-rule-width: 1px;                /* firefox */             -moz-column-count: 2;             -moz-column-gap: 40px;             -moz-column-rule-style: outset;             -moz-column-rule-width: 1px;              column-count: 2;             column-gap: 40px;             column-rule-style: outset;             column-rule-width: 1px;         }          .textwrap {         float: right;         margin:10px;}          @media screen , (max-width: 40em) {             .newspaper{                 /* chrome, safari, opera */                  -webkit-column-count :  1 ;                  -webkit-column-gap :  0px ;                  -webkit-column-rule-style : outset ;                  -webkit-column-rule-width :  1px ;                  /* firefox */                  -moz-column-count :  1 ;                  -moz-column-gap :  0px ;                  -moz-column-rule-style : outset ;                  -moz-column-rule-width :  1px ;                  column-count :  1 ;                  column-gap :  0px ;                  column-rule-style : outset ;                  column-rule-width :  1px ;              }           .textwrap {         float: right;         margin:10px;}            </style>         </head>         <body>           <div class="newspaper">         <p><span style="font-size: x-large;">gentleman basis-ausstattung</span><br />      ="font-size: medium;">link advanced tipps.</span></span></p>          </body>         </html>

enter image description here

it's failing because not using class .textwrap anywhere in code. add class paragraph contain images , done:

<p class="textwrap">     <img title="schwarzer cap-toe oxford" src="{{media url="wysiwyg/ohne.text_landingpage_1200pix_08.jpg"}}" alt="schwarzer cap-toe oxford" width="300" height="155" /> </p>

you can see on of links below:

(notice images need on own paragraph work, that's why changed code little around first picture)


Comments

Post a Comment

Popular posts from this blog

javascript - oscilloscope of speaker input stops rendering after a few seconds -

-
the following script reads audio user's microphone , renders oscilloscope on html canvas. the source taken example of mozilla developer network: visualizations web audio api and here fiddle: http://jsfiddle.net/b7j8pktp/ mozgetusermedia (note: code has no fork mechanism different browsers: works firefox) it works fine few seconds , stops rendering. whereas works totally stable: http://mdn.github.io/voice-change-o-matic/ the problem can reduced following code. microphone activation icon (next the address bar in firefox) disappears after 5 seconds: navigator.mozgetusermedia({audio: true}, function() {}, function() {} ); ( http://jsfiddle.net/b7j8pktp/2/ ) this known bug in firefox. take stream getusermedia call , hook window so: navigator.mozgetusermedia({audio: true}, function(stream) { window.stream = stream; // rest of code }, function err() { // handle error }); hopefully can fixed soon. problem we're f
Read more

javascript - gulp-nodemon - nodejs restart after file change - Error: listen EADDRINUSE events.js:85 -

-
i'm running nodejs 0.12.3 - gulp 3.10.8 , gulp-nodemon 2.0.3. gulpfile.js : gulp.task('serve', ['build'], function() { gulp.start('fb-flo'); nodemon({ script: paths.server, env: { 'node_env': 'development' }, // env: { 'node_env': 'production' }, execmap: { 'js': 'node_modules/babel/bin/babel-node --stage 1' //es7 cote server }, delay: '0ms', watch: ['src/shared/', 'src/server/'], ignore: ['src/shared/components'], tasks: function (changedfiles) { var tasks = []; changedfiles.foreach(function (file) { if (path.extname(file) === '.jsx' && !~tasks.indexof('bundlejs')) tasks.push('bundlejs'); if (path.extname(file) === '.less' && !~tasks.indexof('compileless')) tasks.push('compileless'); }); return tasks; }
Read more

Fatal Python error: Py_Initialize: unable to load the file system codec. ImportError: No module named 'encodings' -

-
i trying make simple python program opening list of webpages user manually download reports site. don't have previous experience preparing exe files.. , i'm in learning process python coding. of done on windows 7 x64 this python code: #!c:/python34/python.exe -u splinter import * import time import os import csv #---------------------------------- raporty = [] open('../raporty.csv', newline='') csvfile: contents = csv.reader(csvfile, delimiter=' ', quotechar='|') row in contents: r = ', '.join(row) r = r.replace(',','') raporty.append(r) #--not implemented yet zmienne = [] open('../zmienne.csv', newline='') csvfile: contents = csv.reader(csvfile, delimiter=' ', quotechar='|') row in contents: r = ', '.join(row) r = r.replace(',','') zmienne.append(r) print("start") browser = browser(
Read more