#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2012
    Posts
    3
    Rep Power
    0

    Help with CSS 3 border radius...


    I would like to use CSS3 rounded borders on my web site and I can get it to work in a new page but not on the page that I've already written, so it is something on the page now that prevents it from working at all.

    I have used this to test it and of course it works but when I add the CSS to my page it does nothing.

    The live page is: http://bizbooksite.com

    This is the code tried. In a new page it works but in the page I wrote already it does nothing.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="Untitled-2.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    
    <div class="box round"></div>
    </body>
    </html>
    Code:
    @charset "utf-8";
    /* CSS Document */
    
    div.round{
      -webkit-border-radius: 12px; 
      -moz-border-radius:    12px; 
      border-radius: 12px; 
    }
    
    div.box {
    height:100px;
    width:100px;
    background-color:#666666;
    }

    This is the page it will not work in. (code above has been removed from this page and is too much code for this forum.):

    Here is the CSS please view source from live page, too big for forum.

    Code:
    @charset utf-8;
    
    body
    {
    	margin:0px;
    	background-color:#6B9BFD;
    	background-image:url(../images/blue.jpg);
    	background-repeat:repeat;
    	color:#000000;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	z-index: 2;
    }
    
    div.main_container
    {
    	height:100%;
    	left:0;
    	position:absolute;
    	top:0;
    	width:100%;
    }
    
    div.bluebar
    {
    	background-color:#00F;
    	color:#FFF;
    	font-size:16px;
    	height:30px;
    	left:0;
    	line-height:30px;
    	position:absolute;
    	text-align:center;
    	top:82px;
    	width:100%;
    }
    
    div.footer
    {
    	background-color:#000;
    	bottom:0;
    	height:30px;
    	left:0;
    	position:relative;
    	text-align:center;
    	width:100%;
    }
    
    div.top_header
    {
    	background-color:#000;
    	height:15px;
    	left:0;
    	position:absolute;
    	top:0;
    	width:100%;
    }
    
    div.lower_header 
    {
    	height:67px;
    	width:100%;
    	top:15px;
    	left:0px;
    	color:#FFF;
    	position:absolute;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4800FF, endColorstr=#000); 
    	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4800FF,
    	endColorstr=#000)"; 
    	background: -webkit-gradient(linear, left top, left bottom, from(#4800FF), to(#000));
    	background: -moz-linear-gradient(top, #4800FF, #000); 
    	background: -o-linear-gradient(top, #4800FF, #000);
    }
    
    div.bizbook
    {
    	color:#FFF;
    	font-family:"Times New Roman", Times, serif;
    	font-size:50px;
    	left:15%;
    	line-height:67px;
    	position:absolute;
    	font-weight:700;
    }
    
    div.personal_info
    {
    	clear:both;
    	color:#000;
    	font-size:12px;
    	height:32px;
    	line-height:32px;
    	text-align:right;
    	width:250px;
    }
    
    select.personal_info
    {
    	color:#000;
    	font-size:12px;
    	line-height:12px;
    	text-align:left;
    	width:250px;
    	background-color: #FFFFCC;
    }
    
    input.personal_info
    {
    	color:#000;
    	text-align:left;
    	width:250px;
    }
    
    div.personal_info_2
    {
    	color:#000;
    	font-size:12px;
    	line-height:20px;
    	text-align:right;
    }
    
    div.personal_info_3
    {
    	border-left:#000 solid 3px;
    	border-right:#000 solid 3px;
    	color:#FFF;
    	font-size:16px;
    	line-height:32px;
    	text-align:center;
    }
    
    div.personal_info_4
    {
    	color:#000;
    	font-size:16px;
    	left:65px;
    	line-height:38px;
    	position:relative;
    	text-align:left;
    	top:4px;
    }
    
    div.header_box
    {
    	height:125px;
    	position:absolute;
    	text-align:center;
    	width:760px;
    }
    
    div.info_pic
    {
    	background-image:url(../images/blue-info.gif);
    	clear:both;
    	height:38px;
    	left:20px;
    	position:absolute;
    	top:4px;
    	width:38px;
    }
    
    div.General-IP-Information
    {
    	background-color:#000;
    	color:#FFF;
    	font-size:12px;
    	font-weight:700;
    	height:20px;
    	line-height:20px;
    	text-align:center;
    	width:280px;
    }
    
    div.geo_data
    {
    	background-color:#CCC;
    	border:#000 solid 2px;
    	height:auto;
    	width:280px;
    }
    
    table.font
    {
    	background-color:#CCC;
    	color:red;
    	font-size:9px;
    	line-height:18px;
    }
    
    div.border_box1
    {
    	clear:both;
    	height:38px;
    	left:-2px;
    	position:relative;
    	top:0;
    	width:382px;
    }
    
    div.border_box2
    {
    	clear:both;
    	height:38px;
    	left:0;
    	position:relative;
    	top:0;
    	width:370px;
    }
    
    div.legal_font
    {
    	color:#000;
    	font-size:9px;
    	padding:5px;
    	text-align:justify;
    }
    
    input.legal_font
    {
    	color:#000;
    	size:9px;
    }
    
    div.legal_font_bdr
    {
    	border:#000 solid 1px;
    	color:#000;
    	font-size:9px;
    	height:auto;
    	padding:5px;
    	text-align:justify;
    	width:auto;
    }
    
    div.header_top
    {
    	background-color:#FFF;
    	border:#000 solid 3px;
    	height:125px;
    	position:relative;
    	width:760px;
    }
    
    div.header_top_pic
    {
    	background-image:url(../images/highway.jpg);
    	color:#000;
    	font-family:Geneva, Arial, Helvetica, sans-serif;
    	font-size:18px;
    	font-weight:bolder;
    	height:125px;
    	line-height:40px;
    	position:relative;
    	text-align:center;
    	width:352px;
    }
    
    div.left_header
    {
    	background-image:url(../images/left_highway.jpg);
    	background-repeat:repeat-x;
    	height:125px;
    	position:relative;
    	width:204px;
    }
    
    div.right_header
    {
    	background-image:url(../images/right_highway.jpg);
    	background-repeat:repeat-x;
    	height:125px;
    	left:-1px;
    	position:relative;
    	width:205px;
    }
    
    div.legal_checkbox
    {
    	color:red;
    	font-size:12px;
    	font-weight:700;
    	height:12px;
    	left:80px;
    	position:relative;
    	top:0;
    	width:344px;
    }
    
    div.continue_box_notice
    {
    	border:solid #000 1px;
    	font-size:12px;
    	height:98px;
    	padding:10px;
    	text-align:justify;
    	width:263px;
    }
    
    div.login_box
    {
    	background-color:#03F;
    	border:#000 solid 2px;
    	color:#FFF;
    	font-size:12px;
    	font-weight:700;
    	height:auto;
    	text-align:center;
    	width:auto;
    }
    
    input.login
    {
    	color:#000;
    	font-size:12px;
    	line-height:14px;
    	overflow:hidden;
    	text-align:center;
    	width:120px;
    }
    
    a.login_signup
    {
    	color:#0000FF;
    	font-size:14px;
    	text-align:center;
    	font-weight:bold;
    	text-decoration:none;
    }
    
    a.login_signup:hover
    {
    	color:#FF0000;
    	font-size:14px;
    	text-align:center;
    	font-weight:bold;
    	text-decoration:none;
    }
    
    div.laptop_pic
    {
    	background-image:url(../images/laptop.gif);
    	height:235px;
    	position:relative;
    	width:400px;
    }
    
    td.login_signup
    {
    	color:#FFF;
    	font-size:12px;
    	line-height:20px;
    	text-align:center;
    }
    
    div.style2
    {
    	font-size:18px;
    	font-weight:700;
    }
    
    iframe.border_iframe
    {
    	border:solid #000 1px;
    	height:300px;
    	width:350px;
    }
    
    div.home_font
    {
    	color:#000;
    	font-size:12px;
    	text-align:justify;
    }
    
    td.home_font
    {
    	color:#000000;
    	font-size:12px;
    	font-weight: bold;
    }
    
    div.home_box
    {
    	color:#000;
    	height:auto;
    	width:120px;
    	background-color: #CECECE;
    }
    
    div.home_box_outer
    {
    	height:auto;
    	width:120px;
    }	
    
    div.business
    {
    	font-size:20px;
    	font-weight:700;
    	text-align:center;
    }
    
    div.style1
    {
    	font-size:10px;
    	line-height:12px;
    	text-align:center;
    }
    
    input.password
    {
    	line-height:14px;
    	text-align:left;
    	width:300px;
    }
    
    a.password
    {
    	color:#00F;
    	font-size:14px;
    	font-weight:700;
    	text-align:center;
    	text-decoration:underline;
    }
    
    a.password:hover
    {
    	color:red;
    	font-size:14px;
    	font-weight:700;
    	text-align:center;
    	text-decoration:underline;
    }
    
    a.bottom_links
    {
    	color:#FFF;
    	font-size:12px;
    	line-height:30px;
    	text-decoration:none;
    }
    
    a.bottom_links:hover
    {
    	color:#FF0000;
    	font-size:12px;
    	line-height:30px;
    	text-decoration:none;
    }
    
    table.border_main
    {
    	border:solid #000 3px;
    	height:auto;
    	width:auto;
    }
    
    div.timeout
    {
    	background-image:url(../images/ajax-loader.gif);
    	height:128px;
    	width:128px;
    }
    
    div.yb
    {
    	background-image:url(../images/yb.gif);
    	height:100px;
    	width:100px;
    }
    
    img.options_pics_1
    {
    	background-image:url(../images/options1.jpg);
    	border:#000 solid 1px;
    	height:94px;
    	width:125px;
    }
    
    img.options_pics_2
    {
    	background-image:url(../images/options2.jpg);
    	border:#000 solid 1px;
    	height:94px;
    	width:125px;
    }
    
    img.options_pics_3
    {
    	background-image:url(../images/options3.jpg);
    	border:#000 solid 1px;
    	height:94px;
    	width:125px;
    }
    
    img.options_pics_4
    {
    	background-image:url(../images/options4.jpg);
    	border:#000 solid 1px;
    	height:94px;
    	width:125px;
    }
    
    img.options_pics_5
    {
    	background-image:url(../images/options5.jpg);
    	border:#000 solid 1px;
    	height:94px;
    	width:125px;
    }
    
    a.img:hover
    {
    	cursor:pointer;
    }
    
    a.example
    {
    	color:#0000FF;
    	font-weight:400;
    	text-decoration:underline;
    }
    
    a.example:hover
    {
    	color:red;
    	font-weight:400;
    	text-decoration:underline;
    }
    
    a.more_info 
    {
    	font-size:12px;
    	font-weight:bold;
    	color:#000000;
    	text-decoration:underline;
    	line-height: 12px;
    	height: 12px;
    	width: auto;
    	background-color: #FFFF00;
    }
    
    a.more_info:hover 
    {
    	font-size:12px;
    	font-weight:bold;
    	color:#FF0000;
    	text-decoration:underline;
    	line-height: 12px;
    	height: 12px;
    	width: auto;
    	background-color: #CECECE;
    }
    
    img.rss_feed
    {
    	height:28px;
    	width:28px;
    	background-image:url(../images/feed-icon.png);
    	background-repeat:no-repeat;
    }
    
    img.rss_feed_sm
    {
    	height:19px;
    	width:19px;
    	background-image:url(../images/feed-icon_19x19.png);
    	background-repeat:no-repeat;
    }
    
    img.rss_feed_14
    {
    	height:14px;
    	width:14px;
    	background-image:url(../images/feed-icon-14x14.png);
    	background-repeat:no-repeat;
    }
    
    div.style1 
    {
    	color:#000000;
    	font-weight: bold;
    	text-align: center;
    	font-size: 10px;
    }
    
    div.computer_mouse
    {
    	background-image:url(../images/computer_mouse.gif);
    	background-repeat:no-repeat;
    	height:300px;
    	width:458px;
    }
    
    td.connect
    {
    	color:#FFFFFF;
    	font-size:18px;
    	font-weight:bolder;
    }
    
    span.create
    {
    	color:#FFFFFF;
    	font-size:14px;
    	font-weight:bolder;
    }
    
    div.left_top_gray
    {
    	background-image:url(../images/left_top_gray.gif);
    	background-repeat:no-repeat;
    	top:0px;
    	height:30px;
    	width:30px;
    }
    
    div.right_top_gray
    {
    	background-image:url(../images/right_top_gray.gif);
    	background-repeat:no-repeat;
    	top:0px;
    	height:30px;
    	width:30px;
    }
    
    div.left_bottom_gray
    {
    	background-image:url(../images/left_bottom_gray.gif);
    	background-repeat:no-repeat;
    	height:30px;
    	width:30px;
    	bottom: 0px;
    }
    
    div.right_bottom_gray
    {
    	background-image:url(../images/right_bottom_gray.gif);
    	background-repeat:no-repeat;
    	height:30px;
    	width:30px;
    	bottom: 0px;
    }
    
    div.top_gray
    {
    	background-image:url(../images/top_gray.gif);
    	background-repeat:repeat-x;
    	height:14px;
    	top:0px;
    }
    
    div.bottom_gray
    {
    	background-image:url(../images/bottom_gray.gif);
    	background-repeat:repeat-x;
    	height:14px;
    	bottom:0px;
    }
    
    div.left_top_sm
    {
    	background-image:url(../images/left_top_sm.gif);
    	background-repeat:no-repeat;
    	top:0px;
    	height:20px;
    	width:20px;
    }
    
    div.right_top_sm
    {
    	background-image:url(../images/right_top_sm.gif);
    	background-repeat:no-repeat;
    	top:0px;
    	height:20px;
    	width:20px;
    }
    
    div.left_bottom_sm
    {
    	background-image:url(../images/left_bottom_sm.gif);
    	background-repeat:no-repeat;
    	height:20px;
    	width:20px;
    	bottom: 0px;
    }
    
    div.right_bottom_sm
    {
    	background-image:url(../images/right_bottom_sm.gif);
    	background-repeat:no-repeat;
    	height:20px;
    	width:20px;
    	bottom: 0px;
    }
    
    div.top_sm
    {
    	background-image:url(../images/top_sm.gif);
    	background-repeat:repeat-x;
    	height:14px;
    	top:0px;
    }
    
    div.bottom_sm
    {
    	background-image:url(../images/bottom_sm.gif);
    	background-repeat:repeat-x;
    	height:14px;
    	bottom:0px;
    }
    
    div.or_font
    {
    	font-size:10px;
    	font-weight:bold;
    	color:#000000;
    	line-height: 16px;
    }
    
    div.android
    {
    	background-image:url(../images/android.gif);
    	background-repeat:no-repeat;
    	width:50px;
    	height:50px;
    }
    
    div.android_box
    {
    	height:50px;
    	width:500px;
    }
    
    img.android
    {
    	background-image:url(../images/android.gif);
    	background-repeat:no-repeat;
    	width:50px;
    	height:50px;
    }
    
    span.disc
    {
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-weight:normal;
    	font-size:12px;
    	color:#FFFFFF;
    	text-align:center;
    	padding:10px;
    	line-height:20px;
    }
    
    td.disc_t
    {
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-weight:normal;
    	font-size:12px;
    	color:#FFFFFF;
    	text-align:justify;
    	padding:10px;
    }
    
    a.techblog
    {
    	color:black;
    	text-decoration:underline;
    }
    
    a.techblog:hover
    {
    	color:white;
    	text-decoration:underline;
    }
    
    body.bkgrnd {
    	background-color:#FFFFFF;
    	z-index: 0;
    	top: 0px;
    	position: absolute;
    	left: 0px;
    	width: 100%;
    	height: 105%;
    	overflow: auto;
    }
    
    div.bg {
       z-index:0;
    }
      
    div.content {
    	position:absolute;
    	z-index:2;
    	top: 0px;
    	width: 100%;
    	left: -1px;
    }  
    
    div.menu_t {
    	color:#FFFFFF;
    	font-weight:normal;
    	text-decoration:none;
    	font-size: 10px;
    }
    
    div.menu_box {
    	height:43px;
    	width:100%;
    	background-color:#000000;
    	text-decoration:none;
    }
    
    a.block {
    	height:43px;
    	width:100%;
    	display:inline-block;
    	height:43px;
    	width:100%;
    	background-color:#000000;
    	text-decoration:none;
    	line-height:43px;
    }
    
    a.block:hover {
    	height:43px;
    	width:100%;
    	display:inline-block;
    	height:43px;
    	width:100%;
    	background-color:#7A7A7A;
    	text-decoration: none;
    	line-height: 43px;
    }
    
    div.left_corner {
    	background-image:url(../images/left_full.gif);
    	height:43px;
    	width:20px;
    	left: -10px;
    	position: relative;
    }
    
    div.right_corner {
    	background-image:url(../images/right_full.gif);
    	height:43px;
    	width:20px;
    	left: 10px;
    	position: relative;
    }
    
    div.box_1 {
    	height:auto;
    	width:250px;
    	border:#000000 solid 2px;
    	color:#000000;
    	z-index:2;
    	padding:10px;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	font-size:12px;
    	text-align:justify;
    	background-color:#FFFFFF;
    	filter:alpha(opacity=80);
    	progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    	opacity:.8;
    	-moz-opacity:.8;
    }
    
    table.box_2 {
    	height:auto;
    	width:auto;
    	border:#000000 solid 2px;
    	color:#FFFFFF;
    	z-index:2;
    	padding:10px;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	font-size:12px;
    	text-align:justify;
    	background-color:#00CCFF;
    	filter:alpha(opacity=80);
    	progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    	opacity:.8;
    	-moz-opacity:.8;
    }
    
    div.title_text {
    	color:#000000;
    	font-size:80px;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-weight:normal;
    	text-align: center;
    }
    
    input.personal_info
    {
    	color:#000;
    	text-align:left;
    	width:250px;
    	background-color: #FFFFCC;
    	filter:alpha(opacity=80);
    	progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    	opacity:.8;
    	-moz-opacity:.8;
    }
    
    div.personal_info_2
    {
    	color:#000000;
    	font-size:12px;
    	line-height:20px;
    	text-align:right;
    	font-weight: bold;
    }
    
    div.legal_font
    {
    	color:#000;
    	font-size:10px;
    	text-align:justify;
    }
    
    input.legal_font
    {
    	color:#000000;
    	size:10px;
    }
    
    div.legal_font_bdr
    {
    	border:#000 solid 2px;
    	color:#000;
    	font-size:11px;
    	height:auto;
    	padding:5px;
    	text-align:justify;
    	width:243px;
    	font-weight:bold;
    	background-color: #FFFFFF;
    	filter:alpha(opacity=80);
    	progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    	opacity:.8;
    	-moz-opacity:.8;
    }
    
    a.links_info {
    	color:#0000FF;
    }
    
    a.links_info:hover {
    	color:#FF0000;
    }
    
    a.members {
    	color: #FFFFFF;
    	font-size:10px;
    	font-weight:bold;
    	text-decoration:none;
    	line-height:20px;
    }
    
    a.members:hover {
    	color:#00FF00;
    	font-size:10px;
    	font-weight:bold;
    	text-decoration:none;
    	line-height: 20px;
    }
    
    div.signup {
    	font-size:14px;
    	font-weight:bold;
    	color:white;
    	line-height: 25px;
    }
    
    table.footer_correct {
    	top:0px;
    	position:relative;
    }
    
    img.size {
    	width:100%;
    	height:110%;
    }
    
    div.google_id {
    	font-size:10px;
    	font-weight: bold;
    	height: auto;
    	width: auto;
    	padding: 3px;
    	background-color: #0000FF;
    	border: #000 solid 2px;
    	color:#FFFFFF;
    	text-align: center;
    }
    
    div.reg_id {
    	font-size:12px;
    	font-weight: bold;
    	height: auto;
    	width: 250px;
    	padding: 3px;
    	background-color: #FF0000;
    	border: #000 solid 2px;
    	color:#FFFFFF;
    }
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2012
    Posts
    3
    Rep Power
    0
    Here is the markup from the page (continued):

    The header messes up the post but I'll try this:

    Code:
     ------------->{{{
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>BizBook |  Easily Create a Web Page or Blog with BizBook </title>
    <meta name="keywords" content="bizbooksite com, bizbooksitecom, means business, professional looking, web site today, five simple steps, hundreds, different combinations, choose, choice, both video media, pictures, text, knowledge, design, necessary, dollars, changes, approved, available, internet, free hosting, hosted, Advertise, existing business, start new, today, payment, secured, PayPal, safe, unlimited services, ecommerce, e commerce, world, everything, gain profits, internet right now,create web page, create website, applications, feed, networking, widgets, browsers, content management, about web browsers, networking social sites, sites blog, web display, website content, content website, web single, single web, network social sites, social network sites, content management system, news feed, page landing, landing page, rss feeds reader, rss reader feeds, news reader, web design software, pages design, content blog, rss reader feed, rss search, network applications, rss website, rss web, web rss, news websites, web database, database web, page creator, feeds news, news feeds, blog pages, content management web, web content management, rss aggregator, web page display, page rss, news ticker, web design pages, social network website ,rss feeds aggregator ,networks companies, sites blogs, blogs sites, web browser page, newspaper web, web page change, web site content, one page web site, web page personal, cms website, single page web, single web page, rss viewer, widget web, web widget, readers rss, rss readers, web collection, web widgets, widgets web" />
    <meta name="description" content="BizBook is a social network where registered users can easily design a web page or blog to share with the world an endless possibly of content that the user can add and upload to their web page.
    " />
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="author" content="BizBook BBS Inc" />
    <link rev="made" href="systems.it@bizbooksite.com" />
    <meta name="copyright" content="Copyright 2012 BizBook BBS Inc" />
    <meta name="distribution" content="global" />
    <meta name="rating" content="general" />
    <meta http-equiv="content-language" content="en" />
    <meta name="DC.Description" content="BizBook is a social network where registered users can easily design a web page or blog to share with the world an endless possibly of content that the user can add and upload to their web page.
    " />
    <meta name="DC.Subject" content="BizBook is a social network where registered users can easily design a web page or blog to share with the world an endless possibly of content that the user can add and upload to their web page.
    " />
    <meta name="DC.Creator" content="BizBook BBS Inc" />
    <meta name="DC.Publisher" content="BizBook BBS Inc" />
    <meta name="DC.Date" content="2012-01-04">
    <meta name="DC.Type" content="Internet Advertising Services" />
    <meta name="DC.Format" content="XHTML2.0 - CSS2.1 - PHP5.2" />
    <meta name="DC.Identifier" content="<?php echo $domain_name; ?>" />
    <meta name="DC.Language" content="ENG" />
    <meta name="DC.Coverage" content="Global" />
    <meta name="DC.Rights" content="Copyright 2012 BizBook BBS Inc" />
    <meta name="abstract" content="BizBook is a social network where registered users can easily design a web page or blog to share with the world an endless possibly of content that the user can add and upload to their web page." />
    <link rel="alternate" type="application/atom+xml" title="BizBook Business Web Sites" href="http://<?php echo $domain_name; ?>/rssfeed/?rssfeed">
    <link rel="me" type="text/html" href="http://free-bizbook-webpage.blogspot.com/" />
    <link rel="shortcut icon" href="http://<?php echo $domain_name; ?>/favicon.ico" />
    <link href="style/main.css" rel="stylesheet" type="text/css" />
    <style> 
    html{display : none ; } .style1 {color: #000000}
    </style>
    <script>
    	<!--
        if( self == top ) {
            document.documentElement.style.display = 'block' ; 
        } else {
            top.location = self.location ; 
        }
    	//-->
    </script>
    </head>
    
    
    }}}<----------------------------------------
    The XHTML:
    Code:
    <body class="bkgrnd">
    <img class="size" src="images/ny_1.jpg" alt="background image" />
    <div align="center" class="content">
    <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="100%" align="center" valign="top"><table width="60%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td align="center" valign="top">&nbsp;</td>
            <td width="100%" align="center" valign="top"><center>
                <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td>&nbsp;</td>
                    <td height="100" align="left" valign="middle"><div class="title_text">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td align="left" valign="middle">BizBook</td>
                            <td align="center" valign="top"><table width="100%" border="0" cellspacing="5" cellpadding="0">
                                <tr>
                                  <td></td>
                                </tr>
                                <tr>
                                  <td align="center" height="22" valign="top" bgcolor="#666666"><a class="members" href="/ssl/login.php">Members Login Area</a></td>
                                </tr>
                            </table></td>
                          </tr>
                        </table>
                    </div></td>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td align="center" valign="middle">
              <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
                        <tr>
                          <td width="20" height="43" align="left" valign="top">
                          <div class="left_corner"></div></td>
                          <td width="12%" align="center" valign="middle">
                          <a href="flash/bizbook_video.php" target="_blank" class="block line">
                            <div class="menu_t">Site Video</div>
                          </a></td>
                          <td width="12%" align="center" valign="middle">
                          <a href="http://bizbooksite.com/?bizbook" target="_blank" class="block line">
                            <div class="menu_t">Widgets</div>
                          </a></td>
                          <td width="12%" align="center" valign="middle">
                          <a href="http://bizbooksite.com/?css" target="_blank" class="block line">
                            <div class="menu_t">About CSS</div>
                          </a></td>
                          <td width="12%" align="center" valign="middle">
                          <a href="faq.php" target="_blank" class="block line">
                            <div class="menu_t">FAQ Help</div>
                          </a></td>
                          <td width="12%" align="center" valign="middle">
                          <a href="downloads/app_74844_72911.apk" class="block line">
                          <div class="menu_t">Android App</div>
                          </a></td>
                          <td width="12%" align="center" valign="middle">
                          <a href="downloads/BizBookEZ-WebPage12.exe" class="block line">
                            <div class="menu_t">Download</div>
                          </a></td>
                          <td width="12%" align="center" valign="middle">
                          <a href="more_info.php" target="_blank" class="block line">
                            <div class="menu_t">More Info</div>
                          </a></td>
                          <td width="12%" align="center" valign="middle">
                          <a href="contact.php" target="_blank" class="block line">
                            <div class="menu_t">Contact</div>
                          </a></td>
                          <td width="20" align="right" valign="top">
                          <div class="right_corner"> </div></td>
                        </tr>
                    </table></td>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td align="right" valign="top"><br />
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="274"></td>
                          </tr>
                          <tr>
                            <td align="center" valign="top"><div class="box_1">
                              
    <!-- SOME PHP HERE REMOVED //-->
    
       <center><a href="  
    
    <!-- SOME PHP HERE REMOVED //-->  
    
    "><img src="images/g_sign_up.gif" alt="sign up with your Google account" width="200" height="44" border="0" /></a></center>
                              <div class="google_id">Sign up   using your Google account</div>
                              <p>BizBook is a social network where registered account users can easily design a web page   or blog and share with the   world an endless possibly of content that  can be added and upload to the web page. A web page may look similar to this blog made with a BizBook account:</p>
                              <center><a class="links_info" href="/?techblog" target="_blank">Technology_Blog_2013</a></center>
                              <p>
                                There are hundreds of different combinations of colors, backgrounds and layout combinations to choose from. The web site of your choice can have both video media and your uploaded pictures along with your text. No knowledge of web site design is required. Share with friends as a blog or a web page to sell your items. Advertise your business, or special sale items or just have fun having your own personal web page.</p>
                              <div align="center"><table border="0" cellspacing="0" cellpadding="0">
          <tr>
        <td height="50" align="center" valign="bottom"><script type="text/javascript" src="https://seal.godaddy.com/getSeal?sealID=MKYM6DJQJKQE3CIVJrbrdnVL1wGTd1XHWypTX1RFXyT7xRGAvwvMFKdGrJmk"></script></td>
      </tr>                      
    </table>
    </div></div></td> <td></td>
                            <td width="273" align="right" valign="top">
                  <form action="<?php echo 'https://'.$domain_name.'/ssl/registration.php'; ?>" method="post" name="form">
                  <div class="google_id">Register without using a Google account here</div>
                  <br />
                                          <table class="box_2" width="361" border="0" cellpadding="0" cellspacing="5">
                                  <tr>
                                    <td width="89" align="right" valign="middle"><div class="personal_info_2">user name:</div></td>
                                    <td width="257" align="left" valign="middle"><input onclick="this.value=''; return false;" class="personal_info" type="text" name="user_name" width="250" maxlength="30" value="enter your email as your user name"/></td>
                                  </tr>
                                  <tr>
                                    <td width="89" align="right" valign="middle"><div class="personal_info_2">password:</div></td>
                                    <td width="257" align="left" valign="middle"><input autocomplete="off" onclick="this.value=''; return false;" class="personal_info" type="password" name="password" width="250" maxlength="20" value=""/></td>
                                  </tr>
                                  <tr>
                                    <td width="89" align="left" valign="top"><div class="personal_info_2">confirm your password: </div></td>
                                    <td width="257" align="left" valign="middle"><input autocomplete="off" onclick="this.value=''; return false;" class="personal_info" type="password" name="confirm_password" width="20" maxlength="50" value=""/></td>
                                  </tr>
                                  <tr>
                                    <td width="89" align="right" valign="middle"><div class="personal_info_2">first name:</div></td>
                                    <td width="257" align="left" valign="middle"><input onclick="this.value=''; return false;" class="personal_info" type="text" name="first_name" width="250" maxlength="50" value="personal name or business name"/></td>
                                  </tr>
                                  <tr>
                                    <td width="89" align="right" valign="middle"><div class="personal_info_2">last name:</div></td>
                                    <td width="257" align="left" valign="middle"><input onclick="this.value=''; return false;" class="personal_info" type="text" name="last_name" width="250" maxlength="50" value="personal name or business name"/></td>
                                  </tr>
                                  <tr>
                                    <td width="89" align="right" valign="middle"><div class="personal_info_2">address:</div></td>
                                    <td width="257" align="left" valign="middle"><input onclick="this.value=''; return false;" class="personal_info" type="text" name="address" width="250" maxlength="100" value="full physical street address"/></td>
                                  </tr>
                                  <tr>
                                    <td width="89" align="right" valign="middle"><div class="personal_info_2">city:</div></td>
                                    <td width="257" align="left" valign="middle"><input onclick="this.value=''; return false;" class="personal_info" type="text" name="city" width="250" maxlength="100" value="city of address"/></td>
                                  </tr>
                                  <tr>
                                    <td width="89" align="right" valign="middle"><div class="personal_info_2">state:</div></td>
                                    <td width="257" align="left" valign="middle"><select class="personal_info" name="state">
                                        <option value="">select state</option>
                                        <option value="AL">Alabama</option>
                                        <option value="AK">Alaska</option>
                                        <option value="AZ">Arizona</option>
                                        <option value="AR">Arkansas</option>
                                        <option value="CA">California</option>
                                        <option value="CO">Colorado</option>
                                        <option value="CT">Connecticut</option>
                                        <option value="DE">Delaware</option>
                                        <option value="DC">District of Columbia</option>
                                        <option value="FL">Florida</option>
                                        <option value="GA">Georgia</option>
                                        <option value="HI">Hawaii</option>
                                        <option value="ID">Idaho</option>
                                        <option value="IL">Illinois</option>
                                        <option value="IN">Indiana</option>
                                        <option value="IA">Iowa</option>
                                        <option value="KS">Kansas</option>
                                        <option value="KY">Kentucky</option>
                                        <option value="LA">Louisiana</option>
                                        <option value="ME">Maine</option>
                                        <option value="MD">Maryland</option>
                                        <option value="MA">Massachusetts</option>
                                        <option value="MI">Michigan</option>
                                        <option value="MN">Minnesota</option>
                                        <option value="MS">Mississippi</option>
                                        <option value="MO">Missouri</option>
                                        <option value="MT">Montana</option>
                                        <option value="NE">Nebraska</option>
                                        <option value="NV">Nevada</option>
                                        <option value="NH">New Hampshire</option>
                                        <option value="NJ">New Jersey</option>
                                        <option value="NM">New Mexico</option>
                                        <option value="NY">New York</option>
                                        <option value="NC">North Carolina</option>
                                        <option value="ND">North Dakota</option>
                                        <option value="OH">Ohio</option>
                                        <option value="OK">Oklahoma</option>
                                        <option value="OR">Oregon</option>
                                        <option value="PA">Pennsylvania</option>
                                        <option value="RI">Rhode Island</option>
                                        <option value="SC">South Carolina</option>
                                        <option value="SD">South Dakota</option>
                                        <option value="TN">Tennessee</option>
                                        <option value="TX">Texas</option>
                                        <option value="UT">Utah</option>
                                        <option value="VT">Vermont</option>
                                        <option value="VA">Virginia</option>
                                        <option value="WA">Washington</option>
                                        <option value="WV">West Virginia</option>
                                        <option value="WI">Wisconsin</option>
                                        <option value="WY">Wyoming</option>
                                        <option value="">Country other than the USA</option>
                                    </select></td>
                                  </tr>
                                  <tr>
                                    <td width="89" align="right" valign="middle"><div class="personal_info_2">postal code:</div></td>
                                    <td width="257" align="left" valign="middle"><input onclick="this.value=''; return false;" class="personal_info" type="text" name="zip_code" width="250" maxlength="100" value="include country code if not in USA"/></td>
                                  </tr>
                                  <tr>
                                    <td width="89" align="left" valign="top"></td>
                                    <td width="257"></td>
                                  </tr>
                                  <tr>
                                    <td width="89" height="68" align="left" valign="top"><div align="right"><br/>
                                            <input style="color:#FF0000; font-weight:bold; cursor:pointer;" type="reset" value="Reset Form"/>
                                    </div></td>
                                    <td width="257" align="left" valign="top"><div class="legal_font_bdr">
                                        <input type="checkbox" name="legal" class="legal_font" value="yes"/>
                                      By checking this box I have read and agree with the Terms of Use as described in the BizBook Web Site.<br/>
                                      <a class="links_info" href="../terms.php" target="_blank">Terms_of_Use_page</a></div></td>
                                  </tr>
                                </table>
                              <br />
                              <input type="hidden" name="home" value="1" />
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td></td>
        <td width="257" align="center" valign="top"><input style="color:#FFFFFF; font-weight:bold; background-color:#6633FF; cursor:pointer;" type="submit" value="Register and Continue" name="submit" /></td>
      </tr>
    </table>
           </form></td>
                          </tr>
                      </table>
                      </td>
                    <td align="center" valign="bottom"></td>
                  </tr>
                </table>
            </center></td>
            <td></td>
          </tr>
        </table></td>
      </tr>
    </table>
    </div>
    <table class="footer_correct" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000" height="30">
      <tr>
        <td height="14" align="center" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr>
            <td width="3%" height="30"></td>
        <td width="20%" align="left" valign="middle"><a class="img" onclick="window.open ('rss_feed.html', 'newwindow', 'width=355, height=255, toolbar=no, menubar=no, location=no, status=no, scrollbars=yes');"><img src="images/feed-icon_19x19.png" alt="RSS Feed" width="19" height="19" border="0" class="rss_feed_sm" /></a></td>
        <td width="15%" align="center" valign="middle"><a class="bottom_links" href="terms.php" target="_blank">Terms of Use</a></td>
        <td width="15%" align="center" valign="middle"><a href="contact.php" target="_blank" class="bottom_links">Contact</a></td>
        <td width="15%" align="center" valign="middle"><a href="faq.php" target="_blank" class="bottom_links">FAQ</a></td>
        <td width="15%" align="center" valign="middle"><a class="bottom_links" href="privacy.php" target="_blank">Privacy Policy</a></td>
        <td width="20%"></td>
      </tr>
         </table></td>
      </tr>
    </table>
    </body>
    </html>
    Last edited by Kravvitz; December 21st, 2012 at 09:18 AM. Reason: removed unnecessary quote
  4. #3
  5. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2011
    Location
    The Pleiades
    Posts
    294
    Rep Power
    8
    I have edited your code (in red):

    Code:
    div.box_1 {
    	height:auto;
    	width:250px;
    	border:#000000 solid 2px;
    	-webkit-border-radius: 12px; 
        -moz-border-radius:    12px; 
        border-radius: 12px; 
    	color:#000000;
    	z-index:2;
    	padding:10px;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	font-size:12px;
    	text-align:justify;
    	background-color:#FFFFFF;
    	filter:alpha(opacity=80);
    	progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    	opacity:.8;
    	-moz-opacity:.8;
    }
    
    div.google_id {
    	font-size:10px;
    	font-weight: bold;
    	height: auto;
    	width: auto;
    	padding: 3px;
    	background-color: #0000FF;
    	border: #000 solid 2px;
    	-webkit-border-radius: 12px; 
        -moz-border-radius:    12px; 
        border-radius: 12px; 
    	color:#FFFFFF;
    	text-align: center;
    }
    
    table.box_2 {
    	height:auto;
    	width:auto;
    	border:#000000 solid 2px;
    	-webkit-border-radius: 12px; 
        -moz-border-radius:    12px; 
        border-radius: 12px; 
    	color:#FFFFFF;
    	z-index:2;
    	padding:10px;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	font-size:12px;
    	text-align:justify;
    	background-color:#00CCFF;
    	filter:alpha(opacity=80);
    	progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    	opacity:.8;
    	-moz-opacity:.8;
    }
    Hope this helps you.

    Kind regards,

    NM.
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2012
    Posts
    3
    Rep Power
    0

    Exclamation Issue has been solved and this is the solution...!


    I have found the code that is causing CSS 3 radius to not work in my web pages. It is caused by the meta tag comand in the header:
    Code:
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    This small bit of code is needed on some of the pages where the CSS floats all over the page in an unpredictable manner in IE8. This because IE8 has the backwards compatibilty option to use the IE7 engine and the funtion is automatic and can't be disabled. But these pages do not have that issue so this meta tag is unnecessary so I removed it and it all works great now!

    Originally Posted by Nanomech
    I have edited your code (in red):

    Code:
    div.box_1 {
    	height:auto;
    	width:250px;
    	border:#000000 solid 2px;
    	-webkit-border-radius: 12px; 
        -moz-border-radius:    12px; 
        border-radius: 12px; 
    	color:#000000;
    	z-index:2;
    	padding:10px;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	font-size:12px;
    	text-align:justify;
    	background-color:#FFFFFF;
    	filter:alpha(opacity=80);
    	progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    	opacity:.8;
    	-moz-opacity:.8;
    }
    
    div.google_id {
    	font-size:10px;
    	font-weight: bold;
    	height: auto;
    	width: auto;
    	padding: 3px;
    	background-color: #0000FF;
    	border: #000 solid 2px;
    	-webkit-border-radius: 12px; 
        -moz-border-radius:    12px; 
        border-radius: 12px; 
    	color:#FFFFFF;
    	text-align: center;
    }
    
    table.box_2 {
    	height:auto;
    	width:auto;
    	border:#000000 solid 2px;
    	-webkit-border-radius: 12px; 
        -moz-border-radius:    12px; 
        border-radius: 12px; 
    	color:#FFFFFF;
    	z-index:2;
    	padding:10px;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	font-size:12px;
    	text-align:justify;
    	background-color:#00CCFF;
    	filter:alpha(opacity=80);
    	progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    	opacity:.8;
    	-moz-opacity:.8;
    }
    Hope this helps you.

    Kind regards,

    NM.

IMN logo majestic logo threadwatch logo seochat tools logo