Web design problem

xiaoxiao2021-03-06  82

 

Q: How can I make the layer floating on the Flash?

a: Set the SWF file to background transparency, concrete approach: Add: Add:

Note that this effect is only IE support.

 

 

Q: How to make a picture or form in the page always keep the horizontal and vertical centers?

                                                                                           

Then set the properties of the cell, and set the horizontal alignment of its contents and vertical alignment.

Finally, insert the picture or form in this cell, you can keep the content in the horizontal and vertical direction of the page.

 

 

Q: The text in the table will not automatically change, what should I do?

  there is two possible situations:

The first, you set the font of the table in the form into English fonts with CSS, so that the text in the DW in DW will not be automatically wrapped, but this is only the display effect in DW, in IE, actually Normal wrap. If you want to pass the text automatically in the editing state of the DW, set the font of the table in the table to the Chinese font (for example, "Song").

Second, you entered the table in the table, which is identified as a complete word by IE, so it will not automatically wrap, encounter this, you can force the text through CSS Disperse, for example:

......

 

 

Q: Background music cannot be played continuously because of the switching of the page, how to make it played continuously?

                                                                       ]

Example: Frame Page </ Title></p> <p><Meta http-equiv = "content-type" content = "text / html; charSet = GB2312"></p> <p></ HEAD></p> <p><Frameset rows = "0, *" frameborder = "no" border = "0" frameespacing = "0"></p> <p><Frame name = "topframe" scrolling = "no" NORESize SRC = "Bgsound.htm"></p> <p><Frame name = "mainframe" src = "main.htm"></p> <p></ Frameset></p> <p></ Html></p> <p> </p> <p> </p> <p>Q: How to do a translucent layer? A: first define a CSS style: <style type = "text / css"></p> <p><! -</p> <p>Halfalpha {Background-Color: # 000000; Filter: Alpha (Opacity = 50)}</p> <p>-></p> <p></ Stop></p> <p>  then applied in the layer tag:</p> <p><Div class = "halfalpha"></p> <p> </p> <p> </p> <p>Q: What should I do if the layer is misplaced under different resolutions?</p> <p>                      </p> <p>                        </p> <p>  2, the relative positioning of the layer, about the relative positioning you can refer to this article:</p> <p>  http://www.windstudio.net/tech/show.asp? Id = 37</p> <p> </p> <p> </p> <p>Q: How to implement "Set Home", "Add to Favorites"?</p> <p>                     </p> <p><a href="#" onclick="this.style.behavior='url(#Default#homepage) ';THIS.SETHOMEPAGE ('Http://www.windstudio.Net' );"> Set as Homepage </a></p> <p>Add to Favorites:</p> <p><a href="javaScript:Window.external.addfavorite('Http://www.windstudio.net', 'has a wind day with a new style of wind' )"> Add to Favorites </ a ></p> <p> </p> <p> </p> <p>Q: How to make a thin line table?</p> <p>a: Table thin line border</p> <p>Method 1: Set the cellspacing of the table to 1, Cellpadding and Border are 0, filled with the background color of the table on the table, respectively. For example, as follows:</p> <p><Table width = "550" border = "0" cellspacing = "1" cellpadding = "0" bgcolor = "# 666666"></p> <p><Tr bgcolor = "# ffffff"></p> <p><TD> </ td></p> <p></ Tr></p> <p><Tr bgcolor = "# ffffff"></p> <p><TD> </ td></p> <p></ Tr></p> <p></ TABLE></p> <p> </p> <p>Method 2: Set cellspacing, cellpadding, border to 1, set the edge boxes of the table size of the table, pay attention to the side of the internal cells, and the web page color or table background color, so The inside border looks in the background and the background is integrated. For example, as follows:</p> <p><Table width = "550" border = "1" cellspacing = "1" cellpadding = "1" bordercolor = "# 666666"> <tr bordercolor = "# ffffff"></p> <p><TD> </ td></p> <p></ Tr></p> <p><Tr Bordercolor = "# ffffff"></p> <p><TD> </ td></p> <p></ Tr></p> <p></ TABLE></p> <p> </p> <p>Method 3: The border width of the table with a CSS definition is 1 pixels. First set the CSS class table1 {border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px}, then add Class = "Table1" in the <Table> tab.</p> <p> </p> <p>Method 4: Make a large picture such as a table as a table background, especially when you want to make the table size chamfer.</p> <p> </p> <p> </p> <p>Q: How to open a full-screen IE window?               javascript:</p> <p>  definition process:</p> <p><Script language = "javascript"></p> <p><! -</p> <p>Function Machakfull (IE, Other) {</p> <p>  screen.availwidth;</p> <p>    screen.availheight;</p> <p>Target = parsefloat (navigator.appversion.substring (navigator.Appversion.indexof ('.') - 1, navigator.appversion.length));</p> <p>((Navigator.AppVersion.Indexof ("Mac")! = - 1) && (Navigator.Useragent.indexof ("msie")! = - 1) && (Parseint (Navigator.AppVersion) == 4))))</p> <p>Window.open (Other, "Sub", 'scrollbars = yes');</p> <p>IF (Target> = 4) {</p> <p>IF (navigator.appname == "netscape") {</p> <p>Var Machakfull = WINDOW.OPEN (Other, "Machakful", 'scrollbars = yes', 'width =' x ', height =' y ', top = 0, Left = 0');</p> <p>Machakfull.moveto (0,0);</p> <p>Machakfull.resizETO (X, Y);</p> <p>IF (Navigator.Appname == "Microsoft Internet Explorer")</p> <p>Window.Open (IE, "Machakfull", "Fullscreen = YES");}</p> <p>Else WINDOW.OPEN (Other, "Sub", 'scrollbars = yes');</p> <p>}</p> <p>// -></p> <p></ Script></p> <p> </p> <p>Call function:</p> <p><a href="javascript :" onclick="machakfull('index.htm' ,''""> click here to open a full screen window </a></p> <p> </p> <p> </p> <p>Q: How to do a slanting IE pop-up window?</p> <p>                                                                              ?</p> <p>Plugin Name: Chromeless WINDOW Perfect Revision</p> <p>Download address: http://www.windstudio.net/</p> <p> </p> <p> </p> <p>Q: How to remove the browser's "scroll bar"?</p> <p>: <body scroll = no></p> <p>Remove the horizontal scroll bar:</p> <p><Body style = "overflow-x: hidden"></p> <p>Remove the vertical scroll bar:</p> <p><Body style = "overflow-y: hidden"></p> <p>Q: How to make the link to the drop-down list display in a new window?</p> <p>           = "" "" "" "" "" "" ""> ">>>>>>>>>>></p> <p><Option SELECTED> Design Site Link </ Option></p> <p><Option value = http://www.pcicp.com> 蔫 Tiger website </ option></p> <p><Option value = http://bbs.pcicp.com> 蔫 老虎 论坛 </ option></p> <p><Option value = "http://www.colorbird.com"> Technical Articles </ option></p> <p></ Select></p> <p> </p> <p> </p> <p>Q: How do I achieve two different link effects? A: Setting different classes in CSS, for example:</p> <p>  w1: link {text-decoration: none; color: # 000066}</p> <p>  w1: visited {text-decoration: none; color: # 333333}</p> <p>   w1: hover {color: # 0000f; text-decoration: underline}</p> <p>   w2: link {text-decoration: none; color: # 000066; font-weight: bold}</p> <p>  w2: visited {text-decoration: none; color: # 000066; font-weight: bold}</p> <p>  w2: hover {color: # ff0000; font-weight: bold}</p> <p>Different link calls different CSS classes, for example:</p> <p><a href="#" class="w1"> 123 </A></p> <p><a href="#" class="w2"> 456 </A></p> <p> </p> <p>  can also operate directly in DW, for example:</p> <p>  1, open the CSS Style section Select Use CSS Selector</p> <p>  2, select A: LINK, define the style, next to select A: HOVER again</p> <p>3, the same method, build a link style A.W1 (name can be arbitrary): Link and A.W1: HOVER</p> <p>4, the style established by the second step will automatically write documents with the default value. When you need to use the second style, select the link text, select New Style in the Right-click Shortcut Menu (the style created in the third step, here For W1), it is getting it.</p> <p> </p> <p> </p> <p>Q: How do I use CSS to change my mouse pointer style? A: <span style = "CURSOR: X"> </ span></p> <p>  Here you choose Cursor as an object, you can also change it yourself to other, such as LINK, etc.</p> <p>    = HAND (hand shape), Crosshair (cross), text (text cursor), Wait (as the name sustain), default (default), Help, e-size (right arrow), NE- Resize (Arrow to the right), NW-resize, the arrow to the left, the left arrow), SW-Resize, S-Resize, SE-Resize Right down arrow), auto (system automatically gives an effect)</p> <p> </p> <p> </p> <p>Q: How to solve the problem with the five-stroke method of DW4?</p> <p>                                      After the check box enable Double-Byte Inline INPUT, all Chinese input methods (including the five-stroke input method v4.5) are restored to normal!</p> <p> </p> <p> </p> <p>Q: How to make the page generated at 800 * 600 resolution in 1024 * 768?</p> <p>                                                                                                 . The width is set to 778 is for the window without a horizontal scroll bar at 800 * 600, you can also adjust as needed.</p> <p>  If you want to speed up the display of key content, you can also remove the content in a few vertical linked things ~~</p> <p>In addition to using the form, you can also surround the part you want to in the <div align = center> and </ div> tags.</p> <p> </p> <p> </p> <p>Q: How to implement the display address of the IE address bar when crossing through links between different pages?                                                                                                                     Link Target = "_ TOP" ~~</p> <p>Example:</p> <p><Html></p> <p><HEAD></p> <p><Title> Frame Page </ Title></p> <p><Meta http-equiv = "content-type" content = "text / html; charSet = GB2312"></p> <p></ HEAD></p> <p> </p> <p><Frameset rows = "0, *" frameborder = "no" border = "0" frameespacing = "0"></p> <p><Frame name = "topframe" scrolling = "no" NORESize SRC = "blank.htm"></p> <p><Frame name = "mainframe" src = "main.htm"></p> <p></ Frameset></p> <p><Noframes></p> <p><Body bgcolor = "# ffffff" text = "# 000000"></p> <p>Sorry, your browser does not support the display of the frame.</p> <p></ Body></p> <p></ NOFRAMES></p> <p></ Html></p> <p> </p> <p> </p> <p>Q: absolute address and relative address? Absolute positioning and relative positioning?                                    h h</p> <p> </p> <p>  relative address: It is the address of the link file relative to the current page, such as the file address of the link and the current page, only "file name"; the file name under the current page under the current page "directory name / File Name; Link Use "../ file name" in the previous directory of the current page; link the same level but in another subdirectory "../ directory name / file name"; link root The files under the directory (the root directory of your website are not hard drive root directory) can be in the form of "./ file name".</p> <p> </p> <p>It is actually absolute and relatively easy to understand, and there is a reference, it is definitely fixed.</p> <p> </p> <p>  Why do we advocate use of relative addresses? Let's say something, if you have an index.htm, reference to some pictures of the images directory, if you use the relative address, you only need to upload the original thing to the new space when moving, because the file The relative positional relationship between each other has not changed, so these addresses are still valid. However, if an absolute address is used when inserting a picture, the space address is changed, the image path at the reference is also changed. Of course, sometimes absolute addresses, such as the homepage of friends, etc.  </p> <p>The relative positioning is also the same. If it is a layer positioned relative to a cell, the cell will move, where is the layer, combined with this "relative to the absolute positioning", can solve the layer is difficult Adapt to a variety of resolutions:</p> <p>  http://www.windstudio.net/tech/show.asp? Id = 37</p> <p> </p> <p>To use the dialectical point of view, the absolute positioning is also relatively, it is the difference between the relative positioning of us is that the absolute positioning of the layer is relative to the left boundary and upper boundary of the browser, while the layers Relative positioning is a layer relative to its carrier (form or additional layer) ~~</p> <p> </p> <p> </p> <p>Q: How to cancel the link underline?</p> <p>A: Use CSS to achieve:</p> <p><Style type = "text / css"></p> <p><! -</p> <p>       link {text-decoration: none}</p> <p>A: visited {text-decoration: none}</p> <p>A: hover {text-decoration: none}</p> <p>-></p> <p></ Stop></p> <p>  here: Link represents a general link style; A: visited indicates that the visited link style; A: HOVER indicates the link style when the mouse passes. Text-Decoration: None indicates no scribe, Text-Decoration: underline indicates that there is an underscore.</p> <p> </p> <p>  If the style of the three links is the same, it can be simplified to:</p> <p><Style type = "text / css"></p> <p><! -</p> <p> {text-decoration: none}</p> <p>-></p> <p></ Stop></p> <p> </p> <p> </p> <p>Q: Why is the cell height to 1 in DW does not work?</p> <p>                                                                                      The cell will occupy the width of about 10px.</p> <p>If the code is removed, set the cell width or height to 1, you can see the expected effect in IE. However, in the NS (Netscape), the cell is not displayed, and a piece is missing in the form. Put a transparent GIF map in cells, and then set it to 1, so you can compatibility with IE and NS.</p> <p> </p> <p> </p> <p>Q: Why set a background chart to the cell in DW Sometimes I can't see it in IE?</p> <p>                                                                                                  , It is better to transfer to <TD>.  </p> <p> </p> <p>Q: How do I make the table background color change when the mouse passes? A: <table width = "100" border = "0" cellspacing = "1" cellpadding = "0" bgcolor = "# 000000"></p> <p><Tr></p> <p><Td οnmοuseοver = "style.backgroundcolor = '# cccccc'" οnmοuseοut = "style.backgroundcolor = '# fffff'" align = "center" bgcolor = "# fff"> background color change </ td></p> <p></ Tr></p> <p></ TABLE></p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-54124.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="54124" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved </div><div class="col text-right">Processed: <b>0.039</b>, SQL: <b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script> var debug = DEBUG = 0; var url_rewrite_on = 1; var url_path = './'; var forumarr = {"1":"Tech"}; var fid = 1; var uid = 0; var gid = 0; xn.options.water_image_url = 'view/img/water-small.png'; </script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = '5suCAz3ctFqHFg9WGwkqMscVmOlUYz09wkLvV6LgYtI1mTBP6Q9yqlb1ZmbW9UCFFsRfq7QfWwc13t5jFhp6pQ_3D_3D'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) * jimg.width(); jimg.height(height); } } }); }); } function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-1"]').addClass('active'); </script>