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

    Join Date
    Aug 2012
    Posts
    3
    Rep Power
    0

    Css, i'm i doing it right?


    hi, today i made my first css page..
    following some tips and notes on the web
    and after finishing a few pages of a book that i'm reading
    no, there's nothing wrong with my page and it looked just the way i want it

    but as an experienced web developers
    there must some thing to point out for me.. right?

    i hope i'm not asking too much..



    index.php
    Code:
    <!DOCTYPE html public 'there is nothing you can do that can't be done, all you need is love'>
    <html lang="en">
    <head>
    	<meta charset='utf-8'>
    	<link rel="stylesheet" href="sec/keistyles.css" type="text/css" media="screen" />
    	<title>ke.it</title>
    </head>
    <body>
    	<header>
    		<div class="nav"><span class="news">News</span><span class="faq">FAQ</span><span class="developer">developer</span></div>
    		<div class="line">-</div>
    		<h1>Ke<span class="dot">.</span>i<span class="t">t</span></h1><br><h2>link shorter service provided for you securily and ads free</h2>
    		<br><br>
    	</header>
    	<div role="seperator">- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -</div>
    	<div role="main">
    		<form method="POST" action="sompage.php" enctype="multipart/form-data">
    			<input type="url" placeholder="paste your long *** link here" class="input">
    			<div role="seperator">- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -</div>
    			<br>
    			<label for="custom" class="radio"><input type="radio" name="type" value="customurl" id="custom" oncheck="if (this.checked){this.form.custom.disabled=0}else{this.form.custom.disabled=1}"><span class="radiotext"> wanna custom url? </span></label>
    			<input type="text" disabled="1" name="custom"  id="custom" placeholder="should be 5 charecters at least" class="input" >
    			<br><br>
    			<label for="chars" class="radio"><input type="radio" name="type" value="customurl" id="chars" onclick="if (this.checked){this.form.chars.disabled=0}else{this.form.chars.disabled=1}"><span class="radiotext"> wanna custom url? </span></label>
    			<select disables="1" name="charstype" class="input" id="select">
    				<option>Letters</option>
    				<option>Number</option>
    			</select>
    			<br><br><br>
    			<span class="hint" id="laststep">single click below to create the link</span>
    			<div role="seperator">- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -</div>
    			<input type="submit" value="create" class="button">
    		</form>
    	</div>
    	<footer>
    		<br><div class="copyrights">Copyrights ainít reserved</div>
    		<div class="footernote">you may redistribute re-use or do any thing you could<br>though, you can support the developer by checking his websites</div>
    		<span class="personalsite">personal site</span><span class="keicode">kei code</span><span class="keiplus">kei plus</span>
    	</footer>
    </body>
    </html>

    keistyles.css
    Code:
    body{background:#446d6c;}
    .nav { background:#213737; 
      padding: 12px;
      margin: -8px;
    	margin-left:-40;}
    
    .line {background:#142222; 
      margin: -8px;
    	margin-left:-40;
      height:2px;
      margin-top:5.5px;  }
    
    .news,.faq,.developer{
      padding:30px;
      font-family: euphemia;
      color:#446d6c;}
    
    h1, h2{
    	text-align:center;
    	font-family:euphemia;
    	color:#e1c007;} 
    
    h1 {
    font-size:80;
    margin-bottom:-40;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
                 0px 8px 13px rgba(0,0,0,0.1),
                 0px 0px 0px rgba(0,0,0,0.1);}
    
    h2 {
      font-size:15px;
      font-weight:normal;
      color:#213737;}
    
    [role=seperator]{
      text-align:center;
      color:#355757;
      font-family:euphemia;}
    
    .input {
    	background:#d0e6e6;
      border: 1px solid #1c3030;
      height: 60;
      display:block;
      margin:auto;
      width:605;
      padding:0px 0px 0px 30px;
      font-family:euphemia;
      color:#446d6c;
      font-style:italic;
      margin-top:12;}
    
    .radio{
      display:block;
      text-align:center;
      margin-left:-550;}
    
    .radiotext{
    font-size:13;
    font-family:euphemia;
    display:block;
    margin-top:-17.5;
    margin-left:155;
    color:#213737;
    letter-spacing:1;}
    
    #select {
    padding: 15px 10px 10px 30px;
    font-style:normal;}
    
    input:hover{font-style:normal;
    color:#213737;}
    
    select:hover{color:#213737;}
    
    .t{color:#baa00c;
    text-shadow: 0px 5px 1px rgba(0,0,0,0.4),
                 0px 1px 1px rgba(0,0,0,0.1),
                 5px 3px 0px rgba(0,0,0,0.1);}
    
    .hint {font-size:14;
    font-family:euphemia;
    text-align:center;
    display:block;
    color:#325150;
    line-height:0;}
    
    .button {color:#1c3030;
    height:40;
    width:130;
    display:block;
    margin:auto;
    font-family:euphemia;
    font-size:15;
    letter-spacing:1;
    background:#d0e6e6;
    border: 1px solid  #1c3030}
    
    .button:hover{font-style:bold;
    background:#9ad8d8;}
    
    [role=main] {
    display:block;}
    
    [placeholder] {color:#699797}
    
    footer {
    background:#a18900;
      margin:-8;
      padding:10 10 30 10;
      margin-top:70;
      font-family:euphemia;
      color:#594c01;
      font-weight:bold;
       font-style:italic;}
    
    .copyrights {
      text-align:right;
      display:block;
      font-size:60;
      font-weight:bold;
      font-style:italic;
      letter-spacing:1;
      padding-right:30;}
    
    .footernote{
    font-size:13;
    text-align:right;
    padding-right:40;}
    
    .personalsite,.keicode,.keiplus {
      padding:25;
      font-style:normal;
      text-decoration:underline;
      font-size:12;}
    BTW: i learned HTML but after finishing the basics of it, i jumped to PHP (for some reason i don't remember). and now my localhost looks like 1990.. i suppose i took the wrong turn..
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2012
    Location
    NWO Canada
    Posts
    2
    Rep Power
    0
    Hi, are you sure that you have the css file in the folder: /sec?
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2012
    Location
    NWO Canada
    Posts
    2
    Rep Power
    0
    and make sure code is et la:


    Code:
    <link rel="stylesheet" href="theGG.css" type="text/css" media="screen" />

IMN logo majestic logo threadwatch logo seochat tools logo