Jump to content

Search the Community

Showing results for tags 'right'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 2 results

  1. hey guys i have a problem that only appears to be having in firefox, the content section is all the way to the right whiles in other browsers even IE its position as it should codes at the bottom <div id="container"> <div id="menu"> <div class="menu"> <div id="nav"> <div class="btn"><a class="cp_menu active" href="index.html" onclick="return false">Home</a></div> <div class="btn"><a class="cp_menu" href="index.html" onclick="return false">About Us</a></div> <div class="btm"><a href="index.html"><img src="images/DDS1 2012 logo.png" alt="DDS1" width="345" height="242" border="0" /></a></div> <div class="btn"><a class="cp_menu" href="index.html" onclick="return false">Services</a></div> <div class="btn"><a class="cp_menu" href="index.html" onclick="return false">Projects</a></div> </div> </div> </div> <div id="content"> <div class="content"> <div class="article"> <p>Website is under maintenance</p> <p>Contact Us @ dwayne@divinedesigns1.com</p> <p>for any enquire and we will response as soon as possible</p> </div> </div> <div class="space"> <div id="space"> <div class="btno"><span style="width:100%; height:200; margin:0px; padding:0px;">Projects</span></div> <div class="btno"><img src="../../../Users/SAMSUNG/Desktop/Florida-Website-Design.jpg" width="185" height="122" /></div> <div class="btno"><img src="../../../Users/SAMSUNG/Desktop/Turnkey-Website-2.0.jpg" width="185" /></div> <div class="btno">Write Us</div> </div> </div> </div></div> and this is the css #menu { width:100%; height:69px; position:relative; top:100px; background:url(../images/menu.png); background-position:center; background-repeat:no-repeat;}#menu .menu { width:90%; height:48px; position:relative; /*border:1px solid #fff;*/ margin:0px auto; top:10px;}#nav { width:720px; height:48px; margin:0px auto;}.menu .btn { width:70px; float:left; height:29px; text-align:center; line-height:35px; padding:10px;;}.menu .btn a { padding:10px 5px; text-align:center; color:#900; text-decoration:none;}.menu .btn a:hover { text-align:center; color:#07CDCE; text-decoration:none; width:70px; border-bottom:1px solid #fff; border-top:1px solid #fff; padding-bottom:12.5px; padding-top:17px;}.btn a.cp_menu { padding:10px 5px; text-align:center; color:#900; text-decoration:none;}.btn a.cp_menu.active { text-align:center; color:#07CDCE; text-decoration:none; width:70px; border-bottom:1px solid #fff; border-top:1px solid #fff; padding-bottom:12.5px; padding-top:17px;}.menu .btm { width:338px; height:239px; float:left; position:relative; top:-24px;}#content { width:100%;}#content .content { width:93.5%; overflow:auto; padding-bottom:40px; margin:0px auto; border:1px solid #000; background: #E9EDEE;}#content .content .article { width:98%; padding:85px 10px 10px 10px; margin:0px auto; text-align:justify; /*background: #E9EDEE url(../images/content.jpg) no-repeat center top;*/} i have been over this a few times now and nothing have changed, so if you could help i would appreciate it
  2. I have run into a problem coding for a background image to be positioned absolutely to the top right of my column3 div container. I've attempted to give the image the following properties: position:absolute; top:0; right:0However, the image shows up, on the top left instead of top right. That said, the image is in a div that is floated left and has a z-index and therefore a position of relative. This is the only thing that I can figure to be causing the problem. If you think this is the problem, is there any way around it? If you don't think this is the problem, what might it be. On another note, something I hope you might help me understand is why the background-repeat:no-repeat; only works outside of the img style. I would expect it to work inside the img style, but instead it repeats. Thanks in advance for your help. Here is a link to the page http://aphoniastudio...2/about_ss.html and here is the css: @charset "UTF-8";/* CSS Document */ html {height:100%}body {background: #CCC;width: 95%;height: 95%;overflow: hidden;}a:link {color:#FFF; text-decoration:none;}a:visited {color:#FFF; text-decoration:none;}a:hover {color:#FFF; text-decoration:underline;}a:active {color:#FFF; text-decoration:none;}ul:active {background-color:#E1231E;}ul:visited {background-color:#E1231E;}.aboutlinks a:visited {color:#E1231E;}.aboutlinks {color:#E1231E; word-spacing:12px;}#container {float: left;font-family: Helvetica, Arial, sans-serif;font-size: .7em;text-align: left;height: 100%;width: 100%;padding: 0px;margin: 1px 2.1%;background-image: url(Images/conference1_ss.png);img {max-width: 100%;}background-size: 100%;background-repeat:no-repeat }#column1 {float: left;position: relative;width: 230px;height: 100%;max-height:700px;margin: 0px .5% 0px 7%;color: #FFF;font-size: .9em;overflow: hidden;}#column1 #header {padding:8px 4px;}#p {font-size:13px;position:absolute;bottom:100px;line-height: 17px;}#column1 #footer {background-color: #E1231E;padding: 8px;box-shadow:0px 3px 5px 0px #333333;margin-right: 5px;color: #FFF;position:absolute;bottom:0;}.stretch {max-width:100%; max-height:100%;}h1 {display:none}h3 {display:none}#column2 {float: left;width: 10%;height: 100%;color:#4D4D4D;font-size: .65em;font-weight:900;}nav {position: absolute;z-index: 2;background-color: #999;width: 10%;height: 100px;margin-top: 54px;padding: 2px 0px 5px 2px;box-shadow:3px 3px 5px 0px #333333;color: #FFF;}nav ul {display:block;list-style-type: none;margin: 10px;padding: 0px;line-height:65%;}#column3{float:left;margin-top: 54px;margin-bottom: 0px;background-color:#FFF;position: relative;z-index: 1;width: 30%;height: 80%;padding-top: 30px;padding-right: 2.8%;padding-bottom: 20px;padding-left: 5%;box-shadow:3px 3px 5px 0px #333333;overflow: auto;background-image: url(Images/triangle.png);background-repeat:no-repeat;img {position: absolute; right:0; top:0;max-width: 100%;}.aboutlinks {word-spacing: 2px;}#column4 {float: right;width: 20%;height:100%,padding: 0px;}#container #column2 nav ul li {}
  • Create New...