Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 11 of 11
  1. #1
    New Coder
    Join Date
    Apr 2009
    Posts
    71
    Thanks
    0
    Thanked 0 Times in 0 Posts

    dreamweaver problem in code

    here code can't figure out why my stuff in my bodyArea div will not show it like wrapper or something not expaning.

    please help me

    here html code
    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" />
    <link href="css/defualt.css" rel="stylesheet" type="text/css" />
    <title>RCT3 Nation Data Base</title>
    </head>
    <body>
    <div id="wrapper">
    <div id="header"><a href="index.html"><img src="images/Header.jpg" width="950" height="200" alt="header" /></a></div>
    <div id="navigation"><center>
    <a href="home.html"><img src="images/home.gif" width="101" height="48" alt="home" /></a>
    <a href="csbd.html"><img src="images/csdb.gif" width="115" height="48" alt="csdb" /></a>
    <a href="ctr.html"><img src="images/ctr.gif" width="93" height="48" alt="ctr" /></a>
    <a href="cfr.html"><img src="images/cfr.gif" width="88" height="48" alt="cfr" /></a>
    <a href="forum.html"><img src="images/forum.gif" width="111" height="48" alt="forum" /></a>
    <a href="contact us.html"><img src="images/contact-us.gif" width="174" height="48" alt="contact us" /></a>
    </center></div>
    <div id="body">
    <div id="left content header"></div>
    <div id="left content"></div>
    <div id="right content"></div>
    </div>
    </div>
    
    </body>
    </html>
    here the css style sheet code
    Code:
    body{
    background-image:url(../images/bg.gif);
    background-color: #1a6294;
    background-repeat: repeat-x;
    }
    
    a:link{
    color:#000;
    text-decoration: none;
    }
    
    a:visited{
    text-decoration: none;
    }
    
    a:hover{
    text-decoration: none;
    }
    
    a:active{
    text-decoration: none;
    }
    
    #wrapper{
    	width: 950px;
    	margin-right: auto;
    	margin-left: auto;
    	background-color: #0F3;
    }
    
    #header{
    	height: 200px;
    	width: 950px;
    }
    
    a img{
    	border-top-style: none;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    }
    
    #navigation{
    	width: 950px;
    	height: 48px;
    	background-image:url(../images/nav-bar.gif);
    	background-repeat: repeat-x;
    }
    
    #bodyArea{
    width: 950px;
    }
    
    #left content header{
    	background-image:url(../images/header-content.gif);
    	background-color: #000;
    }
    
    #left content{
    width: 386px;
    height: 330px;
    background-image:url(../images/content-area.gif);
    }
    here picture of what mean see how only show navigation bar and nothing below that line.
    Last edited by newtocode; 12-17-2009 at 11:46 AM.

  • #2
    Regular Coder
    Join Date
    Jun 2008
    Posts
    173
    Thanks
    2
    Thanked 9 Times in 9 Posts
    if you will have spaces in your class names then

    Code:
    #left content{}
    then browser will accept it as two classes.

    rest you dont have anything written in your body. no text.

    vineet
    Last edited by vineet; 12-17-2009 at 11:51 AM.

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,639
    Thanks
    6
    Thanked 1,004 Times in 977 Posts
    Quote Originally Posted by newtocode View Post
    Code:
    <div id="left content header"></div>
    <div id="left content"></div>
    <div id="right content"></div>
    This is wrong. An ID vlaue can’t have spaces. Likewise, a CSS selector can’t have spaces.
    An element can have several class names like <div class="class1 class2 class3">(content)</div> but in the CSS they would still have to be addressed like .class1.class2 {…} or .class1.class3 {…} or .class2.class3 {…} or .class1.class2.class3 {…}

  • #4
    New Coder
    Join Date
    Apr 2009
    Posts
    71
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thank by taking out space it work should know that been building web site for 6 years now I feel kind of dumb miss than I gues what can't try build web site when tired.

  • #5
    New Coder
    Join Date
    Apr 2009
    Posts
    71
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I ran in to another problem with textare try make I have h1 tag underline for text-decorationand but it doing same for p tage when don't want it too.

    what am doing wrong here know html is there something doing wrong with my css code or is in html code.

    here image what mean and two codes


    html
    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" />
    <link href="css/defualt.css" rel="stylesheet" type="text/css" />
    <title>RCT3 Nation Data Base</title></head>
    <body>
    <div id="wrapper">
    <div id="header"><a href="index.html"><img src="images/Header.jpg" width="950" height="200" alt="header" /></a></div>
    <div id="navigation"><center>
    <a href="home.html"><img src="images/home.gif" width="101" height="48" alt="home" /></a>
    <a href="csbd.html"><img src="images/csdb.gif" width="115" height="48" alt="csdb" /></a>
    <a href="ctr.html"><img src="images/ctr.gif" width="93" height="48" alt="ctr" /></a>
    <a href="cfr.html"><img src="images/cfr.gif" width="88" height="48" alt="cfr" /></a>
    <a href="forum.html"><img src="images/forum.gif" width="111" height="48" alt="forum" /></a>
    <a href="contact us.html"><img src="images/contact-us.gif" width="174" height="48" alt="contact us" /></a>
    </center></div>
    <div id="bodyArea">
    <div id="leftcontent">
    <div id="lefttext">
      <h1><center>
        <h1>Merry Christmas From  osudenny</h1>
        <p><img src="images/OsudennyCharlieBrownsAndDisneyChris.jpg" alt="setoc" width="115" height="115" align="left" />Here is Christmas osudenny new christmas <br />
          set for 2009 this wounderfull classic cartoon <br />
          charlie Brown &amp; Disney set for the holiday</p>
        <p>Click here for more info</p>
      </center></h1>
    </div>
    </div>
    <div id="rightcontent">
      <p>Welcome to the RCT3 Nation CS Data Base  list of released custom content for RCT3. </p>
      <p>This list contains thread and download links for all custom content released for rct3 <br />
        each cs link has picture and information on each set page. All cs on this set have been tested and scaned for virus and spyware and you will find each set by name by cs creator in order of A-Z on are CS Data Base.</p>
      <p>Thank you for visting the RCT3 Nation CS Data Base if you have any problem with broken or cs not in the data base list please contact us and we will try are best to fix the problem or add the cs set to the list.</p>
      <p>Thank you for all your support from gamer2456 and the RCT3 community .</p>
    </div>
    <div id="footer"><center>
      <p>© 2010 RCT3 Nation Data Base All Right Reserved <a href="termsandconditions.html">terms and conditions</a></p>
    </center>
    </div>
    </div>
    </div>
    
    </body>
    </html>
    css
    Code:
    body{
    background-image:url(../images/bg.gif);
    background-color: #1a6294;
    background-repeat: repeat-x;
    }
    
    a:link{
    color:#fff;
    text-decoration: none;
    }
    
    a:visited{
    text-decoration: none;
    }
    
    a:hover{
    color: #09F;	
    text-decoration: none;
    }
    
    a:active{
    text-decoration: none;
    }
    
    #wrapper{
    	width: 950px;
    	margin-right: auto;
    	margin-left: auto;
    }
    
    #header{
    	height: 200px;
    	width: 950px;
    }
    
    a img{
    	border-top-style: none;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    }
    
    #navigation{
    	width: 950px;
    	height: 48px;
    	background-image:url(../images/nav-bar.gif);
    	background-repeat: repeat-x;
    }
    
    #leftcontent{
    	width: 386px;
    	height: 330px;
    	float: left;
    	background-image:url(../images/new-cs-month.jpg);
    	margin-top: 40px;
    	margin-right: 10px;
    	margin-bottom: 20px;
    	margin-left: 20px;
    }
    
    #lefttext{
    	width: 386;
    	height: 260px;
    	margin-top: 68px;
    	font-size: 12px;
    }
    
    #rightcontent{
    	width:500px;
    	height:330px;
    	background-color: #1b7dc0;
    	background-image:url(../images/content-bg.gif);
    	background-repeat: repeat-x;
    	float: right;
    	margin-top: 40px;
    	margin-right: 10px;
    	margin-bottom: 30px;
    	margin-left: 20px;
    	color: #000;
    }
    
    #footer{
    	width: 950px;
    	height: 50px;
    	clear: both;
    	color: #FFF;
    }
    #lefttext h1 center {
    	font-size: 10px;
    	color: #FFF;
    	text-decoration: underline;
    }
    #lefttext  center p {
    	font-size: 12px;
    	text-decoration: none;
    	padding-left: 5px;
    }
    #lefttext  p img {
    	padding-left: 10px;
    }

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello newtocode,
    Try being more specific, like 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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/defualt.css" rel="stylesheet" type="text/css" />
    <title>RCT3 Nation Data Base</title></head>
    <body id="index">
    <div id="wrapper">
    <div id="header"><a href="index.html"><img src="images/Header.jpg" width="950" height="200" alt="header" /></a></div>
    <div id="navigation"><center>
    <a href="home.
    and
    Code:
    #footer{
    	width: 950px;
    	height: 50px;
    	clear: both;
    	color: #FFF;
    }
    #lefttext h1 center {
    	font-size: 10px;
    	color: #FFF;
    	text-decoration: underline;
    }
    body#index #lefttext  center p {
    	font-size: 12px;
    	text-decoration: none;
    	padding-left: 5px;
    }
    Now it will only affect the h1 on body#index.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #7
    New Coder
    Join Date
    Apr 2009
    Posts
    71
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I don't want effect H1 I want to effect prargraph tag to make that so it not underline like paragraph tag.



    Here paragraph tag don't want underline and just leave h1 underline it text aside the image .

    Code:
    <p><img src="images/OsudennyCharlieBrownsAndDisneyChris.jpg" alt="setoc" width="115" height="115" align="left" />Here is Christmas osudenny new christmas <br />
          set for 2009 this wounderfull classic cartoon <br />
          charlie Brown &amp; Disney set for the holiday</p>
        <p>Click here for more info</p>

  • #8
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Oops, I'm sorry. I seem to have a very hard time translating your English.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #9
    New Coder
    Join Date
    Apr 2009
    Posts
    71
    Thanks
    0
    Thanked 0 Times in 0 Posts
    sorry what i'm trying to doing is make it so my <h1> tag stay underline but the <p> tag it not underline just normal text with no decoration what so all.

    this html code for <p> with out h1 tag.

    [CODE<p><img src="images/OsudennyCharlieBrownsAndDisneyChris.jpg" alt="setoc" width="115" height="115" align="left" />Here is Christmas osudenny new christmas <br />
    set for 2009 this wounderfull classic cartoon <br />
    charlie Brown &amp; Disney set for the holiday</p>
    <p>Click here for more info</p>][/CODE]

    so it would say Merry Christmas From Osudenny as H1 with a underline text decoration .

    than it would just be normal text with out a under line text decoration for this paragraph below

    Here is Christmas osudenny new christmas
    set for 2009 this wounderfull classic cartoon
    charlie Brown &amp; Disney set for the holiday

    Click here for more info

    Also all this text sit in same div name #lefttext and here what try css wise and still get under line for all text if put on h1 tag even if don't a under line decoration check in css #lefttex p css rule

    I hope understand what try say no sorry speak english just got learning disability.
    Last edited by newtocode; 12-18-2009 at 04:43 AM.

  • #10
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Taken from the code you quoted in your second post, the one that starts with "I ran in to another problem with"
    Code:
    <div id="lefttext">
      <h1><center>
        <h1>Merry Christmas From  osudenny</h1>
        <p><img src="images/OsudennyCharlieBrownsAndDisneyChris.jpg" alt="setoc" width="115" height="115" align="left" />Here is Christmas osudenny new christmas <br />
          set for 2009 this wounderfull classic cartoon <br />
          charlie Brown &amp; Disney set for the holiday</p>
        <p>Click here for more info</p>
      </center></h1>
    You have the entire paragraph wrapped with in the h1 tags I've highlighted in red. I don't think that's even valid but that's why the paragraph is being styled with attributes that should only apply to your h1..
    Remove those h1 tags, leave the <h1>Merry Christmas From osudenny</h1> alone, leave the p tags around the paragraph and add text-align:center; to #lefttext.

    Hope that helps.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #11
    New Coder
    Join Date
    Apr 2009
    Posts
    71
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Got it thank you very much for all your help .
    Last edited by newtocode; 12-18-2009 at 01:09 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •