html - Image resize in CSS hover -

html - Image resize in CSS hover -

September 15, 2010

I have to scale the image to zoom in on it, it should be increased from 100x75 pixels to 300x225 pixels. The layout seems to work fine, it's not just hovered until the width is already done, thank you very much.

CSS:

 . Hoverbox a .preview {display: none; } .hoverbox A .preview img {display: inline; }. Hoverbox a: hover .preview {display: block; Status: Completed; Top: -1 AM; Left: -2EM; Z-index: 10; Threshold width: 1px 1px 6px 1px; Border-style: solid; Border-color: #FFFIE; Boundary-radius: 3px; -max-boundary-radius: 3px; -Vibit-boundary-radius: 3px; -Moz-box-shadow: 2px 2px 2px # 161615; -WebKit-Box-Shadow: 2px 2px 2px # 161615; Box-Shadow: 2px 2px 2px # 161615; } .horbox emg {background: #fff; Threshold width: 1px 1px 6px 1px; Border-style: solid; Border-color: #FFFIE; Boundary-radius: 3px; -max-boundary-radius: 3px; -Vibit-boundary-radius: 3px; -Moz-box-shadow: 2px 2px 2px # 161615; -WebKit-Box-Shadow: 2px 2px 2px # 161615; Box-Shadow: 2px 2px 2px # 161615; Padding: 2px; Vertical-alignment: top; Width: 100px; Height: 75px; }. Hoverbox Lee (background: transparent; Display: Inline; Swim left; Margin: 3px; Padding: 5px; Status: Relative; } .hoverbox .preview {width: 300px; Height: 225px; }    HTML:  
  & lt; Section & gt; & Lt; H1 class = "headline" & gt; Fist your eyes & Lt; / H1> & Lt; Ul class = "hoverbox" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; & Lt; Img src = "200opt.jpg" alt = "descr" /> & Lt; Img src = "200opt.jpg" alt = "description" square = "preview" /> & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Section & gt;    Thanks   
 
  Take a look at this approach: Jquery: $ ('' '' '' '' '$' ');} ($ 500) function () {// set default image width and height $ (this) Wide ('400px'); $ (This) .ite ('300px');})   
   

 


  
















Get link





Facebook





X





Pinterest





Email





Other Apps




Comments





Post a Comment







Popular Posts




apache - How to do an URL rewrite that works with a
pre-existing .htaccess file? -



    I have a platform that is currently available through the URL:    Www.websitecom / index.php? App = forum    Instead, I want people to be able to go here:      & lt; Ifmodule mod_rewrite.c & gt; Option - Multi Views RewriteEngine RewriteBase / RewriteCond on% {REQUEST_FILENAME}! -f Rewrite Convert% {REQUEST_FILENAME}! -d rewriteable /index.php [L] & lt; / IfModule & gt;    It seems that it should be possible, but I'm not sure how to do it.   Thank you!      This has not been tested, but something like that should be done. Add it before the first Rev.Directivity.    RewriteRule ^ forum $ /index.php?app=forums    Alternatively, you redirect from a 301 / forum to index.php URL .   By doing this:    301 / redirect the forum "http://www.website.com/index.php?app = forum    However, it seems that you want to make a proper rewrite, so the first option is better,     






c# - EventSource's response has a MIME type ("text/html") that is
not "text/event-stream" -



    When I try to hook my controller to EventSource, it keeps saying:    EventSource Response contains a MIME type ("text / html") that is not "text / event-stream" canceling connection.    I have created the following class to help in handling a handle and preparing the reaction. In this class I believe that I set the  text / event-stream  according to the response.    public class ServerSentEventResult: ActionResult {public representative string GetContent (); Public GetContent Content {get; Set; } Public int version {get; Set; } Public Override Zero ExecuteResult (Controller Context Reference) {if (context == null) {New argument NullException ("Reference"); } If (this. Content! = Null) {HTPRPPointbase response = reference. Hpptntx response; reaction. Contact type = "text / event-stream"; reaction. BufferOutput = false; reaction. Chargset = Faucet; String [] newStrings = context.HttpContext.Request.Headers.GetValues ("last-event-id"...






android - How to build apk without eclipse or Modify the apk building
with a config file? -



    I want to create an APK with some big configurations with an XML file.  I want to know if there is any method which can control the APK's building process or encoding at our source, there is no way to create APK with our source from our source, with a slight variation based on our SQF XML file. . Or any other way to create an APK file    When the app is running, I do not want to read my config file every time, I have to include a change in the application        If you want to manually create your application:    If you are developing in Eclipse, then the ADT plugin The enhanced project as you make changes to the source code. Eclipse automatically produces an .apk file in the project's bin folder, so you do not need to do anything extra to generate .apk.   If you are developing in a non-eclipse environment, then you create your project with the Generated Build.xml Ant file in the project directory that creates ant file calls which automatically targets you for Call the buil...








Powered by Blogger