Elements and Style reactive Design

I'm new to sensitive design and I use 5 Foundation as a basis to encode my page, now I am struggling on creating of divs. I had 3 divs in my page. There is a paragraph in the first div, I want floating paragraph right when office view and float to the left when in the mobile view (beyond the breakpoint). For the second div, I want to change the number of '1' to '2' when beyond the breakpoint, no idea how to do it? I tried to change the style of @media only, but its does not work.

Thanks I solved the problem of float. I mean change the text when beyond a breakpoint (for example when, to the office, it shows the "123" text, when in the mobile view, changes to text to "456")
S2.zip - Google Drive

Tags: Dreamweaver

Similar Questions

  • Hi - I ordered a paid Photoshop Elements and first elements 14 yesterday (Switzerland - Swiss German). Order No. is Bestellnummer AD006601566CH. I got a download version which is designed only for Windows - but I need a version f

    Hi - I ordered a paid Photoshop Elements and first elements 14 yesterday (Switzerland - Swiss German). Order No. is Bestellnummer AD006601566CH. I got a download version that is designed for Windows - only, but I need a version for Mac! He said not what version I would get and that there are different versions before I made the transaction and payment. Where or whomshould I turn to?

    Please contact support and ask them a platform Exchange.

    Contact us | Adobe

  • Adding the style/feature to the different elements of a prototype design based in dreamweaver...

    So, I would like to begin by mentioning that I am new on forum culture and am willing to be despised for my noobness, linked to a more in-depth discussion, or just a simple shot of dam experts said what are you doing kid?

    That being said, I created a web design using slices in Illustrator, export said slices as CSS dreamweaver and fragmentary designed headers, body text, text boxes, images, and general stuff of Visual design in photoshop for the site. For example, I did a text box containing a picture and a bar of semi transparent background with the text in photoshop. I "connect" to this file in dreamweaver, and it's great, yay! Oh, wait, isn't that a psd... still racking frackin slices, buttons, div tag names, etc.!

    Heres my main problem and I realize now that I shouldn't go to dreamweaver until I finished in the design process, streamlining grace from illustrator/photoshop-> Fireworks-> dreamweaver, but since I have this method simplified and instead jumped in dreamweaver with nothing other than a wire frame configuration , Well now, I have to separate each individual design in photoshop (e.g. like the text box with the image)

    How can I effectively replace the 'images' in places like the header, with clear-cut textbody, div tag css and html files exported from Fireworks so that I can say click on a link, the text or creating nifty rollovers and fades to different elementsand muhahahahaha appointed! infinite beauty.

    More...

    Now, I know that fireworks and photoshop work hand in hand, and when I take the original photoshop file and plug it into Fireworks, it breaks down into layers for me. Nice... ;) Now, I can select each individual element and set its div tag, name, etc... BUT! How I would wear this in my dreamweaver file.


    Say I have a bit of space, 250 x 200 in a normal web page (1024 x 768) (800 x 600) layout and I had one of my photoshop "photodesigns," including the text box, a picture and semi transparent border, and the file I "organized" in fireworks with the div tags and a new css/html file has been created especially for this space... How to place the news, including the new divtags, new html (IE ability to change/set the individual items) in this place?

    Code would be awesome...

    I would simply replace where the existing code is for (main_img1)

    Question #2

    If I create a copy of the page and just try and delete all of the code for the menu widget spryaccordion, I get errors.

    Download your problem on your remote server page and post a link.  The answers are in your code, and no one can help you with that without seeing your page.

    Also, how y ' All worry about compatibility issues with internet explore?

    Web pages need to perform well in all browsers and web devices.  Browser rendering problems are mainly caused by a bad code or bad choice.  Working with HTML valid & CSS code can go a long way to make your web pages cross browser compatible.

    Code Validation tools
    ------------------------------------
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/

    If you still have display issues in Internet Explorer only, use conditional comments.

    http://www.positioniseverything.NET/articles/CC-plus.html

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • My navigation bar collapsed onto the gallery page not working gas not star tutorial - how to make and style of a sensitive web page

    Hello

    I made the tutorial how to make and style of a sensitive web page. This is the tutorial of Star Gazer. My Gallery with the images of the planets page works well until I reduce the size of the browser and displays the "sandwich" of the navigation bar icon collapsed, when I click on this icon, nothing happens. Could someone please tell me what is the problem with my HTML or otherwise I you have filled the gallery page and it works could you please paste your code in the response. Any help is much appreciated, thank you.

    Vincent

    < title > Stargazer / < /title >
    <!-"bootstrap"->
    "< link href="css/bootstrap.css" rel="stylesheet">" "
    "" < link href= "css/styles.css" rel= "stylesheet" type= "text/css" > ".
    <! - HTML5 shim and Respond.js for IE8 take in charge of the HTML5 elements and questions from the media - >
    <!-WARNING: Respond.js does not work if you view the page via file://-->
    <!-[if lt IE 9] >
    " < script src =" https://OSS.MaxCDN.com/html5shiv/3.7.2/html5shiv.min.js "> < / script > .
    " < script src =" https://OSS.MaxCDN.com/respond/1.4.2/respond.min.js "> < / script > .
    <! [endif]-->
    < / head >
    < body >
    "< div class="container-fluid" id="wrapper">" "
    "< nav class="navbar, navbar - default">".
    "< div class="container">".
    <
    ! - Brand and toggle get grouped together for better mobile display->"< div class="navigation-head bar' > '."" < button type= "button" class= "navbar toggle collapsed" data-toggle= "collapse" data-target= "#defaultNavbar1" > < span class= "only sr" > toggle thenavigation / </span >< span class= "toolbar" ></span >< span class= "toolbar" ></span >< span class= 'toolbar' ></span > </ button > """< a class="brand navigation bar" href="index.html"> Stargazer< /a >< / div > " "<!-collect the nav links, forms, and other content to alternate->"< div class="navbar-collapse collapse" id="defaultNavbar1">" ""< ul class="navbar-nav right navbar nav">".< li > <a href="#"> On< /a > </li >< li > <a href="#"> Gallery< /a > </li >< li > " < a href="http://www.nasa.gov"> ". NASA< /a > </li >< /ul >< / div ><!-/ .navbar-collapse->< / div ><!-/ .container-fluid->< / nav >"< idarticle = 'main' > '.< h1 > Close to the Sun. < / h1 >< p > Lorem ipsum dolor sit amet, adipiscing elit computer. CRAs gravida, ligula libero sem, condimentum mauris risus vitae orci sold computer and elementum tristique, felis. Nulla justo nisl, ut ut felis, tempus dapibus purus vestibule. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos inceptos. Donec lectus vel lacinia dolor quis massa mollis nisi. Phasellus at pretium ipsum. Surpassing vestibule risus vitae. Surpassing fringilla tempus lacus, vitae elementum felis efficitur. < /p >< / item >"< div class="container">"."< div class="row">"."< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-1.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mercury< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-2.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mariner< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-3.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Messenger< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >< / div >< / div >"< div class="container">"."< div class="row">"."< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-4.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Magnetic< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-5.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Microwave< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-6.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mapping < / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >< / div >< / div >< footer >& copy; 2015 stargazer< / footer >< / div ><! - jQuery (necessary to Bootstrap JavaScript plugins) - >" < script src="js/jquery-1.11.2.min.js"> ". < /script ><! - Include compiled all the plugins (see below), or individual files as needed-->" < script src="js/bootstrap.js"> ". < /script >< / body >< / html >

    The cause of the problem is not attached jQuery library.

    Make sure that jquery - 1.11.2.min.js is located in the subdirectory js as in

  • How do I enter Photoshop Elements and Premiere Elements downloads for Apple operating systems

    How can I access the downloads for the Apple operating systems

    . I set up my new macintosh computer and just ordered, paid for and checked (but have not downloaded) Adobe Photoshop element and first elements.  The only options to download I give myself, however, are for downloads that appear to be designed for Windows PC.

    http://www.Adobe.com/downloads/other-downloads.html can help

  • Questions from beginner very much on 'Format' and 'Style '.

    How to make the creation and modification of the different positions and styles? Basically, I want to create several font styles/items and change them. What should do?

    Thank you.

    Open Style13.css in the code DW mode.

    Open the 2nd CSS in code view.

    Copy the style sheet rules 1 (ctrl + c) and paste it into the worksheet 2 (ctrl + v).  Press save (ctrl + s).

    Close the two style sheets.  In the files Panel, click on Style13.css and click on delete.

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • I can not eject a dvd from my drive iPhoto super-cannot see the drive open up Adobe Photo Elements and organizer and then apps get hung up "not responding" and cannot do anything - I've fixed dozens of times w msg success drive.  Help

    I can not eject a dvd from my drive iPhoto super-cannot see the drive open up Adobe Photo Elements and organizer and then apps get hung up "not responding" and cannot do anything - I've fixed dozens of times w msg success drive.  Help, please.  Thank you!

    Hello golden2,.

    I understand that you have a DVD picture in your SuperDrive drive, but it is not mount on the desktop and will not eject.

    Please, try the procedure described in this article using the disc is ejected.

    Get help with the SuperDrive slot on your Mac - Apple Support loading

    Do not eject discs or discs eject slowly

    1. If the drive ejects discs slowly or appears to have difficulty, insert and eject a disc several times. Check the disc to see if it has a label or other material stuck to the disc which increases the thickness. Remove the label if possible.
    2. If the disc does not eject, try pressing the eject on the keyboard button. Some older keyboards may use the F12 key to eject the disc.
    3. If the disc does not eject, try dragging the icon of the disk to the trash.
    4. If the disc will still not eject, try to hold down the mouse or trackpad button after you restart the computer. The Superdrive should attempt to eject the disc.
    5. If the disc still does not eject, reset the System Management Controller (SMC) and repeat steps 1 to 4.
    6. If the disc still does not eject, Contact Apple or an provider of services authorized Apple, or make an appointment with a Store Apple Store for further assistance.

    Take care.

  • Contextual menu tree different for parent elements and children

    Hi people, I'm trying to write a vi with a tree control... I was able to create a context menu for the item parent by right clicking on the tree-> Advanced-> Run - Time control-> context Menu-> Edit... However, I would like to create two menus, one adapted to the parent element and the other specific to the child elements... any help? Thank you

    I think you need to dynamically create your run menu according to the selected item in the tree control. You can do this by using the menu running events and the functions in the menu in LabVIEW.

    There is a palette for this:

  • How can I disable the Mappoint 2006 for the installation and the reactivation on new computer

    How can I disable the MapPoint 2006 for the installation and the reactivation on new computer

    This forum is for posting comments on the web site of Microsoft Answers, only not to ask questions of Mappoint.

    Mappoint forum is here: http://social.microsoft.com/Forums/en-US/streetsandtrips/threads

  • HL-dt-stdvd-ram gh40l - after installation update my driver CD-DVD disc has been deactivated and its drive designation has been removed

    After update for microsoft explorer 9 and several security updates.  my driver cd - dvd for HL-DT-Stdvd-Ram GH40L drive has been deactivated and its drive designation has been removed. How can I fix this problem? -Robert Linardi

    Try this

    http://www.ehow.com/how_5925087_add-DVD-drives.html

    http://support.Microsoft.com/kb/282530

  • I bought a windows version of 11 elements and not a mac version. So I can't install the dvd and it does not accept my serial number for the "downloadversion" how this can be solved?

    I bought a windows version of 11 elements and not a mac version. So I can't install the dvd and it does not accept my serial number for the "download version" how this can be solved?

    Thank you in advance.

    Arjen

    You can also download the Mac in trial version of the software through the page linked below and then use your current serial number to activate it.

    Don't forget to follow the steps described in the Note: very important Instructions in the section on the pages of this site download and have cookies turned on in your browser, otherwise the download will not work correctly.

    Photoshop/Premiere Elements 11: l http://prodesigntools.com/photoshop-elements-11-direct-download-links-pse-premiere-pre.htm

  • Using Photoshop Elements and Photoshop CC as an external editor in LIghtroom

    I've recently upgraded to LIghtroom CC and it came bundled with Photoshop CC.  I've always used what to change in the past and now is no longer an option of Lightroom Edit - on the menu drop down. The only options for me on the menu drop down LIghtrooms is CC in Photoshop and Color Effex Pro 4.  I am unable to do certain things in Photoshop I did for years in the elements. Can I add items back as secondary external editor or am I forced to use one or the other... Appreciate any help you can provide

    Under the options "Additional external editor", the second line is an application. There is a button to choose, you can click on browse and find Photoshop Elements and that it is the secondary external editor choose.

  • If I'm working on a project in a free trial of Premiere Elements, and then save the project (do not export it) and open it again in the full version of Premiere Elements, the watermark will be removed?

    If I'm working on a project in a free trial of Premiere Elements, and then save the project (do not export it) and open it again in the full version of Premiere Elements, the watermark will be removed?

    If you have made the timeline or out of a movie from the trial version, it will have this watermark on it.

    Once you have purchased and activated the software, you can remove the watermark by going to the folder directory on your computer where your project files are saved and deleting the folder Adobe Premiere elements preview files.

  • PS Elements and Lightroom 6 - 2 computers

    I bought 13 PS elements and loaded it on 2 computers.  I am interested in Lightroom 6 on both computers and I was wondering if it is applied to all of the Adobe software.

    Hi,

    Adobe license can be activated on 2 machines using the same Adobe ID, but can be used only at a time.

    Reference: licenses and terms of use | Adobe

    Kind regards

    Sheena

  • How to download Premiere Elements and CS6 to new computer? [was: help!]

    Hello! I am trying to download my products on a new computer. My products appear in my profile, but I'm not sure how re - download. I need to get the Premiere Elements and CS6Hi! I am trying to download my products on a new computer. My products appear in my profile, but I'm not sure how re - download. I need to get the Premiere Elements and CS6

    Hi ivanah92937378,

    CS6 Apps can be downloaded here:

    " Applications download Adobe Creative Suite 6

    And Premiere Elements from here:

    " Download Adobe Premiere Elements 14, 10, 11, 12, 13

    Hope that helps

    Kind regards
    Maurice


    This answer was helpful? Please consider marking it as 'Useful' or 'Right answer' (as appropriate) to help future customers with the same problem. Thank you!

Maybe you are looking for

  • Why not Shockwave Flash does not update?

    I'm running on Windows Vista business with service pack 2. Firefox (13.0.1) list plugin said upgrading Shockwave Flash. I did, but even if I restart the computer, the plug-in should be updated. Could someone help me? Thank you very much.

  • Some windows don't show/answer while others

    I have been using firefox 8.0.1 for awhile. I have 4 windows, of which 3 have several groups of tabs (and, of course, multiple tabs within each group of tabs). It worked smoothly, until a few days ago. Now, two of my windows are inaccessible and 2 wo

  • Wrong time current GPS receiver while generating signal GPS with GNSS Toolkit

    Hi all! I have a problem with the generation of GPS signal. As he has shown in the current schedule to the receiver time differs from time current GPS week on niGPS Live Streaming Generation.vi Time initial GPS set to 0, so I expect the current, whil

  • robolabatceeo, College, tutorials, image does not work

    http://130.64.87.22/robolabatceeo/College/tutorials/image_cli/index.htm Does not work. It comesthe thumb instead of VisionCamera. Being a classic example of deferred content,.I was never able to copy it. I need this bad. Can someone suggest an altern

  • HP Pavilion dv7-4015sa: SSD update for HP Pavilion dv7-4015sa.

    Hello guys. I was looking to upgrade my HP Pavilion dv7-4015sa with SSD drive. But before you spend money on the new parts that I wanted to make sure that this laptop support SSD drive? And if this don't do I have to replace my current HARD drive wit