Jump to content

Search the Community

Showing results for tags 'tableless'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 1 result

  1. Hello Everyone, Greetings! As a part of assignment test I have to make the HTML Code in DIVs (tableless) as per the attached "Screenshot.png" file. FYI - On clicking on the "Populate Values" button, the div below the button should populate the values of the selected radio buttons of the preferred and home locations respectively as shown in the attached .png file. --------------------------------------------Current status of My HTML Code:--------------------------------------------<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...ransitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Test</title><meta name="description" content="#" /><meta name="keywords" content="#" /><link rel="stylesheet" type="text/css" href="StyleSheet.css" /></head><body><div id="container"><div> </div><div class="LogoHeader"></div><div style="float:left;width:280px;text-align:left">Home | About XYZ | Contact Us</div><div style="float:left;width:480px;text-align:right">(icon) Print (icon) Share (icon) RSS</div><div class="clearBoth"> </div><div> </div><div id="OL-Bg"><div class="OL">Office Locations</div><div><textarea name="TextArea1" cols="20" class="OL-Text">Blah... Blah... Blah...Blah... Blah... Blah...Blah... Blah... Blah...Blah... Blah... Blah...Blah... Blah... Blah...Blah... Blah... Blah...Blah... Blah... Blah...Blah... Blah... Blah...Blah... Blah... Blah...Blah... Blah... Blah...</textarea></div></div><div style="float:right;width:738px">ABOUT XYZ</div><div class="content">Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah...<br /> <br /> Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah...<br /> <br /> Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... <img alt="X" src="images/XYZ.png" width="200" height="86" style="float: left" />Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... <br /> Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah... <br /></div><div class="clearBoth"> </div><div class="copyRight">Copyright - Blah... blah... Blah...</div></div></body></html> -------------------------------------------Current status of My CSS Code:-------------------------------------------body { margin-top: 0px; margin-bottom: 0px; background-color: #999999;}div#container { width: 980px; margin: 0 auto; background-color: #FFFFFF;}.FloatRight {float: right;}.FloatLeft { float: left;}.clearBoth { clear: both;}.OL-Text { table-layout: fixed; height: 90px; width: 214px; font-family: Verdana; font-size: 10pt;}.OL { font-family: Verdana; font-size: 11pt; font-weight: bold; width: 220px; background-color: #969696; text-align: center; height: 32px; vertical-align: middle; line-height: 30px;}#OL-Bg { border: 1px solid #B0B0B0; width: 220px; padding: 10px; float: left;}.LogoHeader{ background-image: url('images/XYZ.png'); background-repeat: no-repeat; float:left; width:220px; height:35px; text-align:left;}.copyRight { border-color: #808080; font-family: Verdana; margin-top: 0; margin-bottom: 0; font-size: 11px; color: #333333; text-decoration: none; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; border-top-style: groove; border-top-width: 2px;}.content { border: 1px solid #FFCC00; float: right; width: 736px;; font-family: verdana; font-size: 10pt; color: #333333;} Please help... Thank you.
×
×
  • Create New...