Flexibly adjust the table width and height in Dreamweaver

Source: Internet
Author: User

 

When using Dreamweaver to create a home page, you often need to change the height of the table. However, sometimes when we drag the border of the table, no matter how you drag it, wait until you put down the mouse, the table is restored to the original look. The reason for this is that we have provided a fixed height for the table. When we want to change the table height, especially when compressing the table, the height of the table remains the original value. The intuitive representation is that no matter how you drag the border of the table, the height of the table remains unchanged. In this case, we only need to remove the table height settings, and then drag the border of the table. So how should we remove the table height settings? Clearing the row height is to clear the property of height. Another idea is to add a table. By default, each cell contains a 13px space, which can be deleted in the Code view, only empty tables can be set to any height. If the row height is not set and the font height is 13px, the row height is 13px. If the row height is set to 30, the font height is 13px, And the row height is 30. If the row height is set to 30, the font height is 50, and the row height is 50. first, select a table. A simple method is to move the cursor to the table and press Ctrl + A to check whether the table with the smallest position of the cursor is selected? After the table is selected, click the "Clear Row Height" icon in the attribute box to cancel the height setting of the table. The height of the table is automatically matched according to the table content. Method 2: Of course, you can delete the table height by selecting a table and deleting the table height value in the table attribute box. Similarly, this method can be used to change the width of a table. However, after a table is selected, the row height is not deleted, but the column width. In this way, you can easily adjust the height of the table. 1. how to insert spaces in a webpage when we edit a Chinese webpage in the WYSIWYG mode of Dreamweaver, we usually need to leave a blank space at the beginning of the paragraph, however, Dreamweaver itself does not provide the space insertion function. We can do this: first use Ctrl + shift to switch to the Chinese input method, such as Microsoft pinyin, and then press SHIFT + space. At this time, the entered characters are converted to the full-angle mode, now you can press the Space key in Dreamweaver to easily insert spaces. Another method is to directly open the HTML source code editing window and enter & nbs; where spaces need to be inserted. The effect is equivalent to a space in the front. In addition, the method of inserting halfwidth spaces is also very simple. In HTML, the line breaks and interruptions of characters are automatically interpreted as a halfwidth space. Note that it is only a halfwidth space, no matter how many lines are empty. To insert a half-width space in Dreamweaver, you only need to press the space directly, but it takes effect only when the front side has characters. 2. why are there several situations when I define a table with a different length and actual browsing effect: A. If the table definition height is lower than 12 pixels, Dreamweaver still displays a height of 15 pixels, because an & nbs; is automatically generated in a cell, which is equivalent to an invisible character. The table is extended. The solution is to delete & nbs in the HTML editing window; you can. B. If the width of the table definition is less than 6 pixels, the results will also be different. The same is the reason just now. See the solution. C. Sometimes, after modifying the length and width of a table, the table does not change because cells in the table have defined a value that exceeds the length and width of the table. Of course, you cannot compress the table, the solution is to place the cursor in the cell. The length and width of the cell are displayed in the attribute column. Modify the length and width of the cell as needed to match the length and width of the table. D. Sometimes you accidentally mess up the set table. At this time, pressing CTRL + z removes the previous operation, but it does not help, at this time, you just need to place the mouse in a region other than the table, and the table will be refreshed and restored to the previous look. 3. How to keep the webpage close to the top and left, right-click the non-table area on the webpage, select Properties, then you can see the settings of the left margin and top margin, and set them to 0. 4. how to insert special characters open the objects column and select the character label. You can see that there are many common symbols, such as registered trademark symbols and copyright symbols, click them to automatically generate their corresponding code on the webpage. Although you cannot see the real symbol in the Dreamweaver editing window, you can see it in the browser, because these symbols do not directly correspond to the characters in HTML, they can only be expressed with some specified keywords. 5. in different resolutions, how does one determine the position of the precise layer in the upper left corner of the layer in the webpage, insert a table in the position, insert a layer in the table, and set the layer attributes, it is set to null in the left margin and top margin (nothing is entered), so that the layer will appear in the webpage as a relative position, no matter how the user adjusts the resolution, the layer is always well defined. 6. how to Create a dotted table first use Photoshop to create a 3*1 pixel image and a 1*3 pixel image, and then use a paint brush tool to point a black spot at a pixel size, save as two GIF images. Insert a table with three rows and one column. The length and width are 200 and 300 respectively. Define the cell height of the first row and the third row as 1, set the background image to 3*1 pixel, split the second row into three columns, and define the cell width of the first and third columns as 1, set the background image to 1*3 pixels respectively, and delete the four cells by default in the HTML editing window. Using this method, you can make full use of your imagination to create many personalized effects. 7. although Dreamweaver provides users with border attributes that define the border of a table, many users do not like it because it looks rough, we cannot achieve the expected results. We can use the cellspace (cell spacing) attribute of another table in Dreamweaver to set it to 1, and then set a background color (that is, the color of the border) for the table ), select All cells and set the background color to the foreground color of the table.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.