eHow Logotech section
  • Computers
    • Desktops
    • Laptops & Netbooks
    • Software
  • Home Theater
    • DVR, DVD, Blu-ray
    • Sound Systems
    • TVs
  • Mobile
    • Phones
    • Tablets & eReaders
    • Navigation & GPS
  • Personal Electronics
    • Audio
    • Digital Cameras
    • Video & Camcorders
  • Web
    • Browsers
    • Email
    • Stay Connected
    • Websites
  • More eHow
    • home
    • style
    • food
    • money
    • health
    • mom
    • tech
Featured:
Allergies
Tech Know
Grilling Guide
eHow Now Blog
  1. eHow
  2. Internet
  3. MySpace
  4. Customize MySpace Profiles

Customize MySpace Profiles

RSS
  • Why Does It Say "Bandwidth Exceeded" on Myspace?

    You've dressed up your Myspace page with a custom design. It's full of sleek images and uses a unique layout. Now, suddenly, all of the images disappear, replaced by a grey message: "Bandwidth Exceeded." This error message persists for days or even weeks, transforming your pride and joy into an eyesore. To fix the problem, you'll need to host your layout's images on a new account.

  • How to Put Soundclick on Myspace

    SoundClick is an online social networking community designed specifically for musicians and music lovers. The website lets you upload, share, promote, sell and listen to original music. It is designed to work in tandem with other websites by providing embeddable music widgets. By copying and pasting snippets of HTML code, you can embed songs, stations and genres or "charts" into your Myspace profile. Your Myspace friends then can listen to the selected music while browsing your profile. You don't need a SoundClick account to put music on Myspace.

  • How to Make Something Italic on MySpace

    If you are entering a title, such as a name of a book, or want to display text with emphasis on your Myspace page, consider presenting it in italics. The italics format appears slanted, which helps visitors distinguish it from the rest of your text. This social networking site gives you the tools to enter the HyperText Markup Language (HTML) tags that create this display. Apply the HTML that formats your Myspace content, as you prefer.

  • How to Do a Positioned Image With CSS

    When you add an image to your Web page, it displays as an inline element (between text) by default. You can reposition the image to display at the left, right or center or at a fixed, absolute or relative position on a Web page. Fixed displays an image in a fixed position, relative to your browser window. Absolute displays it in an absolute position in relation to its parent container. Relative displays graphics in a relative position according to its normal position. You can use cascading style sheets to position graphics on the Web.

  • How to Make a Text Box Scrollable With XHTML in Dreamweaver WC3

    A Web designer sometimes places text within a scrollable text box. This confines the text to a certain space within his page's layout. A scrollable text box can host any size of text, without disrupting the positioning of the other elements on the page. Many designers use the popular Adobe Dreamweaver program to write the XHTML code and CSS rules that create and style the text box.

  • How to Edit a Facebook CSS Class

    Edit the style parameters of your site's Cascading Style Sheets or "CSS" file for Facebook items, such as iFrame "Like" boxes and "Comments" interfaces, so they blend with the rest of your site. Locate the Facebook class within the CSS document to apply modifications to all Facebook features and plug-ins built in to your site.

  • How to Apply Floats to Objects in CSS

    Cascading style sheets, or CSS, use floats to position objects, such as text, images and sections on a Web page. You can set the float property to left or right. The float:left value instructs the CSS to position an object to the left of a page, while float:right tells it to position the object to the right. The main (parent) container also affects how far an object floats across a page. Objects can only float to the extension of their parent element. CSS sets the value to none by default if you don't include a float value.

  • How to Do CSS Drop Shadows

    Drop shadows add an extra level of depth to Web designs and, when properly applied, should look clean and subtle. You can add drop shadows without the use of images with Cascading Style Sheets (CSS), which includes the "box-shadow" property. Almost any HTML element, including the body of the Web page, can use this property. Drop shadows for text use almost the same code with a different property, called "text-shadow."

  • How to Create a Table Scrollbar in CSS

    Using the "overflow: auto" property-value pair in Cascading Style Sheet (CSS) code gives a scrollbar to an HTML element when its contents go over a maximum width or height. Knowing this, you can make a table scroll by wrapping it in a containing element, such as a DIV. Since the scrollbar will take up some room inside the DIV and cause a second scrollbar, you should add some space for it in your code. You can apply this trick on tables to create either a vertical or horizontal scrollbar.

  • How to Put a Scroll Bar on My Page

    When reading an email or scrolling through a Word or text document, you want to have the format bar in view at all times. This is most conveniently achieved by having scroll bars within containers. Cascading style sheets (CSS) are used to produce scrollable sections of your Web page or have the entire page use scroll bars using a few lines of code. A CSS property called "Overflow" is used to produce scroll bars on a page.

  • How to Move a Div Without Changing It

    You can move elements within an HTML page by altering the markup within the page file. Web pages use HTML markup to define elements, with elements holding content for display within the user's browser. HTML is generally an easy markup language to work with, in terms of both creating and altering pages. It's a quick and easy process to move a div element from one location to another within a Web page.

  • How to Remove All CSS Styles for a Single DIV

    Making changes to the CSS (Cascading Style Sheet) declarations applying to an HTML element can seem a complex task. However, as long as you approach it systematically, you should be able to make the changes you need without too much stress. A single Web page can use style properties from multiple sources, so your initial task will be to find out where the declarations for your "div" are coming from. Once located, you can stop the declarations from having an effect on the element by altering either the HTML or CSS code.

  • How to Make Bottom Links Smaller in 2.0

    In 2008, the social networking website, MySpace, launched Profile 2.0. Before this, MySpace account holders were forced to change a plethora of codes to customize the appearance of their profiles even minimally. MySpace Profile 2.0 is far more user-friendly, allowing users to change their profiles significantly without knowing any HTML or other types of codes. For more advanced users, Profile 2.0 still allows changing CSS, which is necessary if you're interested in making the bottom links smaller.

  • How to Make a div Scrollable

    Web developers can use HTML and CSS (Cascading Style Sheets) code to determine the content and appearance of Web pages. Both types of code can also dictate aspects of user interaction with a page. To make a div element scrollable within a page you can use the CSS overflow property. Making elements scrollable is not typically difficult, requiring only a few simple lines of code. You can make an HTML element scrollable both horizontally and vertically.

  • HTML Code for a Fixed Size of Font

    All modern browsers allow their users to change the size of the fonts used to display the text on various Web pages. This can sometimes pose a problem for Web developers -- if the size of a font is key to a layout, changing it can make the layout "break" and look ugly. One solution is to use a CSS class to override browser settings and display a particular section of your HTML code in a font of fixed size.

  • How Do Margins Affect Web Pages?

    Web pages display content within HTML elements. Most websites also use CSS (Cascading Style Sheet) code to determine the layout and appearance of these elements. CSS declarations determine the dimensions of elements, as well as areas of padding and margins around them. Padding is an additional area within an element, around its content, whereas a margin lies outside the bounds of the element. Margins appear within most websites, allowing developers to create clear layouts with space between visible elements.

  • How to Make a Basic Information Module Smaller for 2.0

    The social networking website, MySpace, has provided a way for people all over the world to stay connected for almost a decade. In the beginning, MySpace profiles were on the drab side, then MySpace Profile 2.0 came along in 2008. This new profile platform allowed users to fully customize their profiles with just a few clicks and drags of the mouse. As convenient as these options are for 2.0 users, more thorough customization is possible by making adjustments to the profile's CSS codes.

  • How to Create Vertical File Tabs in HTML

    The vertical file system is commonly used to store many paper documents in a compact way. The documents are held vertically and stacked front-to-back, each with an exposed tab that can be pulled to move the other files out of the way to access it. Mimic this filing mechanism on your Web page in HTML by exploiting the "hover" pseudo-class in an internal Cascading Style Sheet (CSS) to reveal files when the user's mouse moves over the corresponding tab.

  • How to Pad a Table Cell

    HTML allows a Web designer to create tables, organizing data into cells. By default the size of these cells is determined by the content within them, with borders that fit tightly around the content. If you want to add empty space around the cell contents, you can do so by specifying a padding command. This can be done through basic HTML, or more dynamically using CSS. Both commands are relatively simple and can be modified to meet your padding requirements.

  • How to Create Left Side Navigation With PHP

    Using a PHP file to create a navigation menu lets you quickly and efficiently implement it side-wide. By using a PHP function that contains the menu, you can make changes to the menu in the file and upload the changes to the menu across your entire website in one step. When creating a left side navigation menu, use a CSS file to define the menu's dimensions including how much space it takes up as well as its font properties and colors.

  • How to Make Comments Visible on a Div Layout

    If you set up an HTML "div" tag to hide content, comments within the tag are not visible when you open the Web page. To show the comments, you must remove any styles in the tag that set the div as hidden. The "style" property contains any hidden styles, but you must also check any CSS files that contain hidden properties for the tag.

  • How to Insert PHP Into CSS

    CSS is a style sheet language that is used to store formatting and display options for documents written in a markup language, such as Web pages. Although style sheets can save enormous amounts of time in debugging and editing appearance settings for large sites, one severe limitation for programmers is that CSS does not have the ability to store or call variables. Enter PHP -- the popular, free, open-source, object-oriented, server-side programming language. When you use PHP with CSS, it's possible to work with variables and constants to further enhance control over a document's appearance. PHP code is interpreted by…

  • How to Letterpress With CSS

    Letterpress is a text effect somewhat like embossing in reverse. Whereas embossing makes text appear as if it is rising up from the page, letterpress gives text a "pressed down" look. You can apply this effect to text using Cascading Style Sheet (CSS) code so long as the background, text and shadow colors match. You must give the text a darker color than its background and apply a light-colored drop shadow. In all browsers but Internet Explorer, the "text-shadow" property can give you the drop shadow needed to create the letterpress effect.

  • How to Put a Background on a Scroll Box

    A scroll box on your Web page allows you to include a lot of text, without needing to have the text entirely cover your page. For example, if you wanted to include a legal document on a page, placing it in a scroll box limits it to only appearing in one section of the page -- not the whole page itself. The reader can use the scrollbar inside the box to scroll through all the text. If the scrollbox on your page is more simple than you would like it to be, you may consider inserting a background image inside…

  • How to Extend CSS DIV

    CSS styles allow you to apply a wide array of visual effects to the elements of your Web page. By using them, you can break free of the traditional table format when designing the look and feel of your site. One of the ways in which you can do so is to automatically extend a DIV container to encompass all of the content inside of it. With CSS styles, performing this extension is a matter of inserting one line of text into your code.

  • The Effects of RGB

    An RGB effect refers to the process of manipulating images in software such as Adobe After Effects or Illustrator for the purpose of creating various visual representations. These effects can be used to create color splits, colorful lighting and various color shifts that can help the creative process. The effects of RGB can be used in a multitude of ways depending upon your creative vision.

  • How to Code Font Color in HTML

    Adapting font or text colors to your Web page can add emphasis to particular words or phrases. Font colors can also be used to harmonize color schemes within a Web page. For instance, orange text will appear prominently on a blue background. Use a cascading style sheet (CSS) to provide consistency across an entire website. Alternatively, use the "font color" tag to alter a single line of text. Review your Web page in a Internet browser, such as Firefox or Internet Explorer to ensure that the text is clearly visible on your Web page.

  • How to Change the HTML Table Size With a Mouse

    Control the width and height of tables on your Web pages with Cascading Style Sheet (CSS) code, setting the "width" and "height" properties to pixel or percent values. Add width and/or height properties to the table:hover" pseudo-class to change their size when the user's mouse cursor points at them. For a page with multiple tables you want to size differently, define a class for each, declaring the corresponding "hover" pseudo-classes accordingly.

  • How to Get Scroll Boxes

    Paragraphs, pictures and animated graphics can begin to bog down a web page if you have many of them on it. They can cause your page to become stretched out both horizontally and vertically, which can make it difficult for people to navigate throughout your page. It can even cause your page to experience a longer load time. Organize your page by placing some of your text and graphics in scroll boxes.

  • How to Make a Custom Scroll Box

    Scroll boxes help you organize the text and graphics on your Web page so that your page stays uncluttered and easy to navigate. You don't have to have a regular, plain scroll box on your page though. You can customize it to look how you want with the appropriate HTML coding.

  • How Do I Center All My Images on a Scroll Box?

    If you have numerous images on your Web page, your page can become long and stretched. This can make your page take longer to load and, consequently, decrease traffic to your website. You don't have to get rid of any of your images though. You can put them in a scroll box, but if you do, make sure they are centered so they look neat and clean.

  • How To Make a Scroll Box

    Web pages can quickly become cluttered if you keep adding text and graphics to them. This can stretch your page both horizontally and vertically, making it difficult for users to navigate through. Give your Web page a clean and crisp look by making a scroll box into which you can organize your text and graphics.

  • How to Make a Floating Div

    Positioning div elements on a website can be challenging, especially if you want to float divs to one side of a Web page. You might find this type of positioning useful for adding logos to the left side of your page or ads to the right. Cascading Style Sheets make this possible. By learning to add CSS "float" properties to your div elements, you can create structured page layouts that fit your design needs.

  • How to Get Rid of the Border on a Text Box

    When you insert the code for a text box into your HTML page, there is a good chance that the code also includes a section that causes a border to appear around the text box. Although a border can be advantageous if you want to make the text box obvious, including the border may be counterproductive if you want the text box to blend in with the rest of the page. You can get rid of the border around a text box.

  • How to Make HTML Dividers

    HTML dividers separate Web pages into visible sections. The horizontal rule, or HR, tag is used to create simple or decorative horizontal lines on the Web. You can combine cascading style sheets (CSS) with HTML to customize a divider's color, dimensions, alignment and three-dimensional effect. Although you can use dividers as frequently as you like and place them anywhere on your Web page.

  • How to Skip a Line in a Scroll Box

    When you create a scroll box, you provide a location for extensive text to appear on a computer screen, without needing to compromise the design of your Web page. Because the scroll box is set to a certain size, any overflow text inside it becomes visible only when when the user manually drags the scroll bar to make more text visible. You can insert HTML code inside this text to skip lines within the scroll box.

  • How to Make a DIV Unselectable in HTML

    Cascading Style Sheets (CSS) were added to the HTML standard to allow you to control the appearance and behavior of elements on your Web pages more precisely. Unfortunately, Web standards are not always applied by all Web browsers in the same way with the same syntax. To prevent the user from selecting text in a "div" element on your Web page, you must specify several CSS properties to ensure proper behavior in current browsers, and a special tag attribute must be used for Internet Explorer. Other properties help ensure compatibility with some older versions of browsers.

  • How to Insert Text in a Picture Scroll Box

    When you have a scroll box that includes a picture, the user of your Web page is able to scroll through the image to see all of it. In some instances, adding text to the scroll box allows the user to learn more about the image that is included. For example, if you have an image of the Great Wall of China, you can include some text with the image that provides a little more background information about the wall and its origins.

  • How to Make Shadow Text in CSS

    CSS stands for cascading style sheets and works within an HTML document to define how HTML elements should appear within a Web page. If you wish to add a shadow to a text in an HTML document, you must employ a string of CSS code to do so. When using the CSS to create a text shadow, you must define four elements for the code: the color of the shadow, the x-coordinate of the shadow, the y-coordinate of the shadow and the blur radius. You can experiment with different values until you create a shadow you are happy with.

  • How Can I Make an Invisible Mode in PHP?

    PHP is a popular scripting language that can alter the look of a Web page based on a user action. This can include hiding one element and making another visible at the same time. This is accomplished by using PHP in the CSS code to alter the display attributes of those two elements. The technique can be used with a poll to make the question disappear and the answers appear when the user presses the "Vote" button. Experiment with a sample poll to see how this type of invisible mode works.

  • How to Override Every Element in DIV

    Web designers often use JavaScript coding to generate content dynamically when a user makes some action on a Web page, such as clicking a button. But JavaScript also can subtract text, removing one element at a time or several simultaneously.you can clear a div containing several items, such as a header, photo and text, with one click. You can also overwrite it with new content. Use simple examples to practice both techniques.

  • How to Place a Box Under a DIV in CSS

    When applying Cascading Style Sheet code to a Web page, HTML elements that are rendered visibly are regarded as occupying a "box" of space on the page. Before CSS, elements on the page did not generally overlap, but "flowed" together according to the formatting applied by the HTML. With CSS, however, elements can be positioned arbitrarily on the page and can overlap each other. Use the "z-index" property in your CSS code to determine which box elements will appear below or above others when overlapping occurs.

  • How to Put a Code in a Scrollbox With CSS

    If you are building a website tutorial about programming, consider using Cascading Style Sheets (CSS) to display your code in a scroll box. The scroll box is an effective way to include a lot of information in a small amount of space because it provides moving bars that enable visitors to scroll through all of the content. Coupled with CSS, you have the ability to distinguish your syntax from the rest of the page to effectively present the instruction. Understand how to put your code in a scroll box to publish a successful learning tool for your visitors.

  • How to Change a DIV Background Color for an Unchecked Checkbox

    Changing the background color of a checkbox will not affect the way it works. It will simply allow you to further customize your website to make it stand out from the rest. By following a few straightforward steps, you can easily change the color of a checkbox as many times as you want, just by changing the hex code in the background CSS code.

  • HTML Coding for Submit Buttons

    HTML Web pages can contain forms, allowing users to enter data, for example to register with website services. The HTML for these functions uses "form" elements, in which various user controls can be listed. These controls can include buttons, check-boxes, text-fields and drop-down lists. The submit button in HTML forms instructs the browser to carry out the submit process, capturing all data entered by the user and typically passing it to another script or page.

  • How to Convert an Inline CSS Style Sheet to an External Style Sheet

    CSS (Cascading Style Sheet) declarations dictate the formatting, layout and appearance of Web page elements. You can include CSS declarations in multiple locations in an HTML file, including inline, internally and optionally in an external file. Inline CSS rules are indicated as part of the opening tag of an element using the "style" attribute. You can include internal style sheets within a "style" section in the head area of a page. You can link to external style sheet files within the page head area. Changing from inline to external style sheets is generally simple.

  • How to Load a DIV Into Another DIV Dynamically

    Dynamic websites react to user input and change the content on the page. Several scripting languages can achieve this effect. One of the easiest and most popular to use is JavaScript. It allows you to change the content of elements in HTML, such as divs (containers of content), based on an action, such as clicking or hovering a mouse. A mouse click can create a new div inside an existing one, generating content related to the button clicked. Follow a few steps to achieve this effect.

  • How to Anchor a DIV to the Bottom of a Page

    To anchor a DIV to the bottom of a page in HTML you will need to utilize a CSS. CSS stands for Cascading Style Sheet and refers to the fonts, colors and positioning of the elements of the HTML document and website that is rendered. Setting the positioning within the CSS can anchor the element or DIV to a specific location if the positioning is set to fixed. This will allow other elements of the page to function around the element, but the specified DIV will remain anchored in place.

  • How to Return DIVs With PHP

    PHP is a scripting language that allows Web designers to generate HTML coding based on a user action. A "div" is an HTML element that holds content on Web pages, including text, photos and multimedia. PHP can generate an empty div or include its contents as well. Follow a few guidelines to set a condition in PHP that is met by a user action and adds the div to your Web page.

  • How to Update DIV

    Divs have replaced tables as the framework behind website design. You use divs to hold content such as text, images and multimedia. These divs can change based on user interaction with the page. For example, clicking a button can change the text in the div or alter the div's color. You can enter code to create both effects.

  • How to Get a Dark Purple Zebra Background

    One of the reasons why people might use MySpace instead of other social networking websites is because MySpace allows users to customize their pages in ways that are not always possible on other sites. For example, you can choose which kind of background you want to include on your MySpace page. You may choose to insert your own image or you may choose to insert a dark purple zebra background or scores of others of kinds of backgrounds.

  • How to Use RGB in CSS3 for a Shade Effect

    CSS3 is a new type of style sheet language designed to divide the features of previous CSS specifications into separate documents called "modules." These modules enhance and add new capabilities to the previous specification. One such enhancement is in the area of the borders of objects. With CSS3, you can now add drop shadows to objects and containers, specifying values for the color, size, blur and offset of the shadows. When assigning the shadow's color, you can use either hexadecimal or RGB values.

  • How to Make Horizontal Scrolling with CSS

    In a lot of ways, horizontal scrolling is more simple when you're using only Hypertext Markup Language (HTML) formatting, because the horizontal scrolling automatically begins when a page's content goes wider than the page's frame. When you're creating a document that uses both Cascading Style Sheets (CSS) and HTML, you need to make a few changes to the CSS so that the document knows it should scroll horizontally. A page that does not need to scroll horizontally is more user-friendly.

  • How to Insert a CSS Template in PHP

    While the cascading style sheet (CSS) format is predominantly developed for hypertext markup language (HTML) integration, it can also be implemented into the PHP: Hypertext Preprocessor (PHP) language. CSS is used to unify color schemes, layout developments and generally control the look of various pages on a website. Use the "include" command to embed a CSS template into the PHP page.

  • How to Clear CSS Styles in a DIV

    CSS styles are applied to elements of an HTML document by way of different "selectors," or criteria for style assignment. Type selectors assign styles to HTML elements (like "div" tags) according to their tag name, class selectors assign styles to elements with a matching "class" attribute, and ID selectors match with individual elements by their ID attribute. There are other types of selectors, but these three are most common. To clear styles from a "div" tag after the page is loaded, remove its class name(s) with JavaScript. Some styles will still be inherited from other selectors, but this is unavoidable…

  • How to Make a Scrollbox Border Invisible

    Web designers use scroll boxes to display content on a Web page. They place the content into a box that contains a scroll bar on the side of the box. Visitors to the site scroll through the content by moving the scroll bar from the top to the bottom of the box. These scroll boxes are sometimes surrounded by a border. Web designers can remove or make the border invisible by changing the attributes of the code that creates the scroll box.

  • How to Insert CSS & HTML to Div

    Inserting HTML content and applying CSS styling to it within an existing HTML "div" element is generally a straightforward activity. You can include any HTML content you like within a "div" since these elements are simply designed to define sections of page content. Applying CSS (Cascading Style Sheet) rules to your HTML "div" content allows you to format and display it in numerous possible ways. By focusing on one task at a time, you will have your HTML content added and CSS rules applied quickly and effectively.

  • How to Make a DIV That Fits the Content

    DIVs block out areas on a Web page so you can manage each section more efficiently. By floating a DIV, you can position it to the left or right of your page directly beside other elements. DIVs can hold a combination of elements, such as text, images and menus, so you'll need ample room to hold their contents. Margins, padding or borders within the DIV or its contents might affect the amount of space as well.

  • How to Put Text Inside a Scroll Bar in CSS

    A CSS scroll box allows you to include text within your Web page that stands separately from the rest of the text on your page. For example, if you have text in a scroll box, you can preserve the integrity of your design because you can insert as much of the text into the scroll box as you need. Because the scroll box includes a scroll bar, the text can overflow as much as you want, but still will not ruin the design of your page.

  • How to Align a DIV to the Bottom of a Page

    In HTML, you can use the "div" tag to create a variety of containers you can in turn use to display navigation bars, tool tips, search tools, content or just about anything you can imagine. The div container is compatible with many CSS styles to give it dynamic functionality and allow it to blend into the surrounding design or appear to be 3D. Getting a div to align to the bottom of a Web page at all times can be tricky with the use of conventional HTML. To achieve this trick, use the CSS "position" attribute.

  • How to Do a CSS Vertical Bar

    CSS, or Cascading Style Sheets, is used to tell browsers how to display HTML elements. CSS can be stored externally from HTML and uses section names to determine which styles go with each section. This saves time because Web developers can change the look of a site completely by changing this one file. Incorporating a CSS vertical bar into your site can be done one of two ways.

  • How to Change the Background on a Scroll Box

    When creating a website layout, don't forget about your text boxes. If you have a beautiful layout, complete with a color scheme that you spent hours customizing every detail of, you can make your text boxes -- both short and long input scrolling boxes -- fit right in to your layout scheme using cascading style sheets. You can put text directly in the scroll boxes, change the font and customize both the text and background colors in the box.

  • How to Make Your 2.0 Profile Skinny Without a Scroll Box

    MySpace.com was once the most used social networking website. Although its popularity has lessened in recent years, it still remains a destination for many who want to easily share information and photos or to message friends. In 2008, MySpace converted from version 1.0 to 2.0. The new version made customization of profiles for the average Internet user easier than before. No longer are complicated codes necessary to make basic profile changes. However, more advanced changes, such as making a profile skinnier without a scroll box, require a code.

  • How to Check if the Mouse Is Over DIV in JavaScript

    JavaScript enables a website to respond to user events, changing the contents of a page based on various mouse and keystroke actions. Menus and buttons often serve as triggers for those changes, but DIVs can be equally responsive. A DIV is an HTML tag that serves as a container for other content, such as text and photos. Mousing over any part of the DIV can trigger one change. Moving the mouse off the DIV can trigger another.

  • How to Replace Div Codes

    Divs are containers that hold content in a Web page's HTML coding. Web designers often add style codes to each div code, such as assigning a certain font, font color and background color to the container, to distinguish its contents from other sections of the page. JavaScript functions allow a web designer to change the styles of that div based on a user action, such as clicking on a link. The page does not reload, but the div's appearance changes in a seamless transformation.

  • How to Increase DIV Height According to the Other DIV Content

    Web page design techniques all rely on the designer's ability to manipulate Hypertext Markup Language and Cascading Style Sheets. Increasing the height of a DIV based on the height of another DIV's content is a very common technique. It's used often in columnar layouts, where the height of two columns needs to be equal regardless of the amount of content in each of the columns.

  • How to Change the Font Color in a Scroll Box

    A scroll box on your Web page can be about as simple or as colorful as you want. In addition to being able to change the background color and insert images into the background of a scroll box, you also can alter the appearance of the text itself. By adding a little bit to the normal scroll box HTML code, you can make the text appear as any color of the rainbow.

  • How to Have a Div Cover Another

    Cascading Style Sheets (CSS) is a style sheet language primarily used for styling HTML pages. CSS has a simple syntax, can be embedded into HTML code and allows easy manipulation of elements' display, such as height, color and font, making it an extremely powerful tool. You cannot cover an HTML div element with another div element in HTML alone. You can, however, do so using several CSS rules that modify the div's height, width and position.

  • How to Design Your Own Scroll Box

    For the most part, the scroll boxes that you find on blogs or websites differ very little from each other. However, this does not mean that you do not have some freedom when creating a scroll box. Some of the ways that you may customize a scroll box include changing the size of the box, changing the font size in the box or inserting an image into the box's background.

  • How to Make a Custom Scroll Bar for a Div

    A div is a standard Web design element that holds contents on a Web page, similar to a window that holds text on a print design document. HTML coding allows a Web designer to attach a scroll bar to a div whose contents overflow the div's borders. This is useful for adding a large block of information to your page but showing only the first few lines. Some websites use this technique to break the page into sections vertically. The task takes only a few lines of code.

  • How to Put a Code in a Scroll Box with CSS

    The ability to automatically add a scroll box for your programming code is useful when running a programming tutorial site. A scroll box highlights the code part of your tutorial, and it allows anyone to copy and paste the code for their own use. You can define a class in CSS to add this feature. The addition of a simple tag to your HTML page will automatically place code in a box and create a user-friendly tutorial format for your site visitors.

  • How to Increase the Size of an HTML Drop-Down Box

    HTML drop-down menus display a number of predefined options to the viewer of a Web page, and allow the viewer to select an option from the list. A Web browser automatically displays the width of the drop-down box to fit the longest option, but this is not always desirable behavior. Cascading Style Sheets or CSS, allow you to redefine how the browser displays elements such as a drop-down menu, by setting properties such as the width property. By applying a CSS style to all drop-down menus on the page, you can ensure all the menus render to a consistent size.

  • How to Break Out of a DIV Without Absolute Positioning

    Solid Web design skills are based on being able to deftly manipulate HTML and CSS, or Hypertext Markup Language and Cascading Style Sheets. DIVs are a type of HTML element used to separate different kinds of content. Being able to manipulate DIVs expertly is an ability all Web designers need to master. Breaking elements out of a containing DIV can be done with very little code.

  • How to Build a Website With a PHP Sidebar

    Similar to how a CSS file lets you make formatting changes to all the pages on your site through one file, PHP lets you make changes to content by using one file. You may write a PHP function that contains a navigation menu. When you change the menu in the PHP file, that menu is updated throughout the rest of the site immediately. To create a website that is easy to maintain, use a combination of HTML files, CSS formatting and PHP functions.

  • How to Create Two Columns Using Div

    Web design is a challenging, yet rewarding craft. Proficient Web design centers around effectively using HTML and CSS to bring your design visions to life. CSS (Cascading Style Sheets) are used to describe how your HTML (Hyper Text Markup Language) should be presented visually. DIVs, a type of HTML element, are used to organize data and can make columns.

  • How to Do a Drop Shadow to a Blogger Layout

    To add a drop shadow effect to a Blogger.com layout, you will use the CSS "box-shadow" value. The "box-shadow" value adds a box shadow to a section in the layout or a specific item such as around a post image. The "box-shadow" value is then modified with the box padding of your choosing. You also choose the color for the box shadow, so have the color HTML code ready before you begin. Back up your template before modifying any coding.

  • How to Take the Background Off 2.0 Layouts

    MySpace 2.0 is an upgrade from the original MySpace version, which is now known as MySpace 1.0. The layout of MySpace 2.0 profiles are much different from MySpace 1.0 layouts. The way you edit MySpace 2.0 is different from MySpace 1.0 as well. MySpace 1.0 used HTML codes, whereas MySpace 2.0 uses CSS codes. Where you place the codes is also different, as is how you take the background out of the code.

  • How to Make a Custom Border With CSS

    CSS allows you to create custom borders using border-width, border-style and border-color properties. Of the three, only the border-style property is required. You may mix and match border properties in any way you want. However, your custom border must at least define a border-style in the definition. When creating a custom border, you may define each property for each side individually, or use a shorthand property to define all of the border's values in one line. Use CSS classes to create several custom borders that you may apply to any element in your HTML files.

  • How to Make a DIV Visible with a Scroll in JavaScript

    To make a DIV visible in JavaScript, it must be declared as a cascading style sheet (CSS) object, with the attribute visibility equal to "visible." Screen overflow is managed in a similar manner. Declare the DIV object attribute overflow equal to "auto." The DIV will then be visible within the page. Scroll bars will become available should the content overflow the available space within the DIV.

  • How to Replace an Auto Scroll Bar in CSS

    A scroll bar is the horizontal or vertical bar you scroll with on Web pages to see additional content when it doesn't fit in an area. You can use Cascading Style Sheets (CSS) to replace the HTML code for an auto scroll bar. This is helpful because CSS can automatically add or remove scroll bars as required to display all the content in a boxed area, instead of you having to specify which scroll bars to include ahead of time.

  • How to Make Shadowed HTML Text

    When properly used, text shadows add depth and style to Web designs. You can use Cascading Style Sheets (CSS) code to take any text in an HTML file and give it a shadow. Combinations of the shadow's color, offsets and the blur radius create a wide range of effects such as letter press, glowing text and subtle drop shadows. The "text-shadow" property works in all modern browsers with the exception of Internet Explorer 9.

  • How to Make Multiple Elements the Same in CSS

    CSS (Cascading Style Sheets) provides Web designers and developers with the ability to style various aspects of Web page markup in HTML. One of the primary characteristics of CSS that makes it so effective is the ability to apply the same styling to multiple page and site elements. Using CSS to create a similar or identical style for a number of elements in a website is straightforward. Even beginners can carry out this task, which is a key building block in learning to design websites.

  • How to Center a Scroll Box

    Inputting a scroll box into your HTML code allows you to insert content into your web page while still preserving the design of your page. Regardless of how much text you insert into a scroll box, you can determine how much of this text will visibly appear at one time on the page. Another way that you can preserve the design on your web page is to align the scroll box to the center of the page, if this is where you desire to have it.

  • How to Increase the Size of the HTML Submit Button

    HTML, or Hyper Text Markup Language, is a type of computer code used to create web pages. HTML consists of a number of markup tags that act as keywords surrounded by angle brackets (<code>) defining traits for each tag. Common items like "submit" buttons on websites can be increased or decreased in size by altering the numbers within the brackets that apply to the HTML code for those buttons.

  • How to Make a DIV Visible in HTML

    The <div> tag is one of the basic building blocks of any website. A div can be thought of as a container, like a box that keeps all your content neat and tidy, or a folder you can file certain information in. This allows you to logically order the content on your website and position it where you want. When you insert a div into your HTML the content will be visible but the div itself will be invisible. Making it visible requires using a small amount of CSS.

  • How to Make an HTML Border Using DIV

    When you design and build HTML Web pages, you can define their content and appearance. Using HTML in conjunction with CSS, or Cascading Style Sheets, you can create Web page elements with specific styles applied to them. CSS allows you to define various style properties, including borders. When declaring the border properties for an element such as a "div" in HTML, you can specify border style, width and color. You can also set the border to appear differently on each of the element's four sides.

  • How to Write HTML Code for Font Size & Color on Buttons

    Creating HTML button elements is straightforward, but you may want your website buttons to have a different appearance than the default type. Button styles in Web pages can be tailored in a number of ways using HTML markup in conjunction with CSS declarations. Altering the appearance of the buttons in your site can make your pages more readable and usable. The task is not a difficult one, and involves using the same techniques you would use for styling any other HTML elements.

  • How to Create Box Drop Shadows on a Web Page

    Drop shadows for boxes on Web pages add depth and style to your Web designs. Though not an effect that makes websites more usable for visitors, drop shadows look good. You can add drop shadows without much effort by using CSS3 code. Set the "box-shadow" property to create drop shadows for any HTML element --- what HTML tags create when read by a browser --- and give it an offset, blur radius and color. Box shadows are compatible with all modern browsers, including Internet Explorer 9 and above.

  • Tutorial for HTML & CSS Box Model

    The Box Model allows developers to create websites in which the area occupied by HTML elements is well defined. Each element in an HTML document can have CSS (Cascading Style Sheet) properties declared, determining width, height, padding, margins and borders. The HTML for a Web page dictates the content and structure of the page, such as text and images, while the CSS determines how the page should be presented within the user's browser. Both HTML and CSS use the Box Model to implement website layouts.

  • How to Center Web Pages

    You have the ability to center your Web pages no matter your visitor's monitor size or browser preference. This alignment positions your site in the middle of a browser window, which creates a more attractive display. Cascading Style Sheets (CSS) gives you the ability to apply the positioning needed. Use your computer's text-editor program to build a style sheet and attach it to the Web pages you want to center.

  • How to Make My Top Friends Unclickable in 2.0

    On the website, "Myspace," you have the ability to display your best friends on your personalized webpage. Making your "Top Friends" unclickable can help your friends by not giving them unwanted stalkers with wandering eyes. Myspace 2.0 is a new, upgraded beta that gives you more options, such as the ability to add more friends to your "Top Friends" list or give your friends status updates. You will need a HTML code to disable the clicking option.

  • How to Left Justify a Web Page

    Left justifying text on a Web page adjusts a block of text so the content lines up to the left. The format also is referred to as "flush left" and "ragged right." This style is the predominantly used layout in websites and is most convenient for visitors since the eye reads content from left to right. Most browsers position your content on the left automatically, but if you want to ensure this alignment never changes, add Cascading Style Sheets (CSS) to your code to left justify a Web page.

  • How to Get a Web Page to Load at the Top

    When you code your website, make sure to include Cascading Style Sheets (CSS) code that specifies exactly how your pages should appear in a browser window. Most browsers render your page so it displays at the top, but some browsers place a space between the highest point of the window and the beginning of your page content. CSS works with your site's HyperText Markup Language (HTML) to control this behavior. Launch your text editor program and add CSS code to get your Web page to load at the top.

  • How to Center My Whole Web Page

    A centered Web page gives your visitors a convenient way to look at your work because your page always displays in the center of a browser, even if the viewer shrinks or stretches the window. Traditionally, websites align to the left in the browser, but you have the option to add Cascading Style Sheets (CSS) to create the rules for how to render your display. Access your computer's text editor to enter the CSS code that centers your whole Web page.

  • How to Create Columns with Dividers

    Designing a website with two or three columns allows you to better organize the information on your page. Columns break up chunks of text, allow you to add a vertical menu, make it easier for visitors to navigate your website, and make your site more visually appealing. Adding dividers between columns can also improve the appearance of your Web page.

  • How to Customize a Badoo Profile

    Badoo is an international social-networking site. They help users connect on both a local and global level through profile sharing. If you really want your profile to stand out, you need to customize it to appeal to other Badoo users.

ehow.com
  • About eHow
  • How to by Topic
  • How to Videos
  • Sitemap

Copyright © 1999-2012 Demand Media, Inc.
Use of this web site constitutes acceptance of the eHow Terms of Use and Privacy Policy. Ad Choices en-US

Technology Electronics
Verisign seal