• 1
  • 2
Home > Tips

SliceMaker Tutorial and Tips - Width 100%  Attribute

 Where to set Width 100% Attribute?

Location: Attribute Setting Area > Basic Attribute

 

 

 Content Menu

 

 

 What will Happen by Setting the Selected Slice as Width 100% Attribute?

 

If you set the selected slice as Width 100%, the width of the selected slice will fill any remaining space in horizontal direction after the webpage that contains the selected slice is generated, view the below example:

 

  The slice that is NOT set as width 100% attribute - After generate the webpage that contain the slice, you will view the below similar result:

 

 

  The slice that is set as width 100% attribute - After generate the webpage that contain the slice, you will view the below similar result:

 

 

 

 

 Example of Setting the Selected Slice as Width 100% Attribute 

Below is a graphic web design (The homepage of SliceMaker Soft), we may need to set the Navigation Bar as width 100% attribute:

 

 

Now, I will show you how to set the navigation bar as width 100% step by step.
(Note: Here, we will focus on how to set the navigation bar as width 100%. So, we assume that the other parts of the above graphic web design have already been set up properly.)

 

 

 Step 1: Import the Graphic Web Design and Slice out the Navigation Part.

1) Click Import button to import the graphic web design into SliceMaker products

2) Click DIV button to slice out (slice out=frame) the navigation part

 

 

 

 Step 2: Please Select the Slice - The Whole Part that was Framed in the First Step.

 

 

 

 Step 3: Tick the below Box to Set the Selected Slice as Background: repeat-x Attribute.

Because there is a background color (Blue) within the selected slice, so we can firstly set the selected slice as Background: repeat-x attribute, such as follow:

 

 

Optional: Learn more about Background: repeat-x attribute >>

 

 

 Step 4: Set the repeat width. Here we set it as 10 pixels for better view.

 

 

Because we set the repeat width as 10 (pixels), the software will take an image (Width is 10 pixels, height is the same height as the selected slice) from the selected slice and repeat the image one after another in horizontal direction to fill up the selected slice after the webpage is generated.

 

 

 

 Step 5: Tick the below Box to Set the Selected Slice as Width 100%.

Through the above 4 steps, the software will repeat the 10 pixels image to fill up the selected slice after the webpage is generated.
Now, please simply tick the box shown in the below picture and then the software will repeat the 10 pixels image to fill any remaining space in horizontal direction.

 


Summary: After the webpage according to the imported graphic web design is generated by SliceMaker products, you will see that the navigation bar will fill any remaining space in horizontal direction. Please go to the homepage of SliceMaker Soft, the navigation bar was set in the same way as above.

 

 

 

 Contact Us for Help

If you cannot find a proper solution to your issue through the above methods, our support team is always on standby for whatever problems youve got. We promise to you we will deal with your issues within 24 hours. Contact Our Support Team

 

 

 

Whats Next:

 

Choose a SliceMaker Product to Create a Website on Your Own-30 Day Freetrial
SliceMaker Standard V3.6 - Freeware
SliceMaker Standard V3.6 - Freeware
The anyone-can-master webpage making software. You can create exceptional webpage/website on your own even if you're unfamiliar with webpage making.
$0
$0
SliceMaker Platinum V3.6 - Freeware
SliceMaker Platinum V3.6 - Freeware
The bestselling webpage making software, helps you create exceptional webpage/website without writing complicated CSS and DIV codes.
$0
$0
SliceMaker Deluxe V3.6 - Freeware
SliceMaker Deluxe V3.6 - Freeware
The all-in-one webpage making software, helps you create webpage/website of any style. It's the idea tool to create webpage/website.
$0
$0