Page 1 of 3 123 LastLast
Results 1 to 10 of 26

Thread: Can someone turn this in the CSS??

  1. #1
    Join Date
    Jan 2007
    Posts
    40
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Can someone turn this in the CSS??

    I am working on a site for Orlando bloom. And I want to learn CSS, but I am having a bit of a problem getting started. Can some one turn all this into CSS for me please?? I tired and cant seem to figure it out. Maybe onces its in CSS it will be easier.

    HTML Code:
    <HTML><HEAD><TITLE>Orlando Bloom World Home</TITLE>
    
    <STYLE type=text/css>BODY {
      background-position:  top left;
       FONT-SIZE: small; BACKGROUND-ATTACHMENT: fixed; CURSOR: ; COLOR: #FFFFFF; background-image: url(http://www.fileden.com/files/2006/12/11/498922/bg18xg&#37;202.png); BACKGROUND-REPEAT: repeat; FONT-FAMILY: Times New Roman; BACKGROUND-COLOR: #000000; TEXT-ALIGN: center
    <}
    A:link {
       FONT-SIZE: small; TEXT-TRANSFORM: none; COLOR: #3366CC; FONT-FAMILY: Times New Roman; TEXT-DECORATION: none 
    }
    A:active {
       FONT-SIZE: small; TEXT-TRANSFORM: none; COLOR: #3366CC; FONT-FAMILY: Times New Roman
    }
    A:visited {
       FONT-SIZE: small; COLOR: #3366CC; FONT-FAMILY: Times New Roman; TEXT-DECORATION: none
    }
    A:hover {
       FONT-SIZE: small; BACKGROUND: #; TEXT-TRANSFORM: none; CURSOR: poniter; COLOR: #000000; FONT-FAMILY: Times New Roman 
    }
    H1 {
       FONT-WEIGHT: bold; FONT-SIZE: medium; BACKGROUND: #; background-image: url(); TEXT-TRANSFORM: uppercase; COLOR: #000000; FONT-FAMILY: Times New Roman
    }
    I {
       FONT-SIZE: medium; COLOR: #880000; BORDER-BOTTOM: #000000 1px dashed; FONT-FAMILY: Times New Roman
    }
    U {
       FONT-SIZE: medium; COLOR: #880000; BORDER-BOTTOM: #000000 1px dashed; FONT-FAMILY: Times New Roman; TEXT-DECORATION: none
    }
    H2 {
       FONT-WEIGHT: bold; FONT-SIZE: medium; BACKGROUND: #FFFFFF; background-image: url(); TEXT-TRANSFORM: uppercase; COLOR: #3399FF; FONT-FAMILY: Times New Roman
    }
    I {
       FONT-SIZE: medium; COLOR: #880000; BORDER-BOTTOM: #000000 1px dashed; FONT-FAMILY: Times New Roman
    }
    U {
       FONT-SIZE: medium; COLOR: #880000; BORDER-BOTTOM: #000000 1px dashed; FONT-FAMILY: Times New Roman; TEXT-DECORATION: none
    }
    H6 {
       FONT-SIZE: small; BACKGROUND: #; background-image: url(); COLOR: #3399FF; FONT-FAMILY: Times New Roman
    }
    I {
       FONT-SIZE: small; COLOR: #880000; BORDER-BOTTOM: #000000; FONT-FAMILY: Times New Roman
    }
    U {
       FONT-SIZE: small; COLOR: #880000; BORDER-BOTTOM: #000000; FONT-FAMILY: Times New Roman;
    }
    </STYLE>
    
    
    
    <script language=JavaScript>
    <!--
    
    //Disable right mouse click Script
    //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
    //For full source code, visit http://www.dynamicdrive.com
    
    var message="UH OH!! Oppsy, Theres a  thieve trying to steal my source. Thats a no-no.";
    
    ///////////////////////////////////
    function clickIE4(){
    if (event.button==2){
    alert(message);
    return false;
    }
    }
    
    function clickNS4(e){
    if (document.layers||document.getElementById&&!document.all){
    if (e.which==2||e.which==3){
    alert(message);
    return false;
    }
    }
    }
    
    if (document.layers){
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown=clickNS4;
    }
    else if (document.all&&!document.getElementById){
    document.onmousedown=clickIE4;
    }
    
    document.oncontextmenu=new Function("alert(message);return false")
    
    // -->
    </script>
    
    
    
    </HEAD>
    <BODY>
    
    
    <!-- all coding and content copyright of Katye Collins. you steal, you die -->
    
    <BR>
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;
    
    
    <DIV
    style="Z-INDEX: 1; LEFT: 230px; POSITION: absolute; TOP: 0px;">
    <DIV style="WIDTH: 550px; HEIGHT: px; BACKGROUND-COLOR: ; BACKGROUND-IMAGE: url();">
    <A href="http://s13.invisionfree.com/Orlando_Bloom_World/index.php"><img src="http://www.fileden.com/files/2006/12/11/498922/OBW411bloom.jpg"></a> 
    
    <BR>
    
    <DIV
    style="Z-INDEX: 1; POSITION: absolute; TOP: 333px;">
    <DIV style="BORDER-BOTTOM: black 2px solid; WIDTH: 554px; HEIGHT: 25px; BACKGROUND-COLOR:; BACKGROUND-IMAGE: url();">
    
    <center><h6> &nbsp; &nbsp; &nbsp; 
     
    &nbsp; &nbsp;<A href="http://www.freewebs.com/orlibloomworld/Links to other sites.html">Links</A>
    
    &nbsp; &nbsp; <A href="http://s13.invisionfree.com/Orlando_Bloom_World/index.php">Message board</A>
    
    &nbsp; &nbsp; <A href="http://www.freewebs.com/orlibloomworld/Chat.html">Chat Room</A>
    
    &nbsp; &nbsp; <A href="http://www.freewebs.com/orlibloomworld/contact.html">Contact</A>
    
    &nbsp; &nbsp; <A href="http://www.freewebs.com/orlibloomworld/Games/Games.html">Games</A>
    
    &nbsp; &nbsp; <A href="http://www.freewebs.com/orlibloomworld/Dreams.html">Dreams</A> 
    
    &nbsp; &nbsp; <A href="http://www.freewebs.com/orlibloomworld/guestbook.html">Guest Book</A>
    
    &nbsp; &nbsp; <A href="http://www.freewebs.com/orlibloomworld/Credit.html">Credits</A> 
    
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</h6></center>
    
    
    
    
    <DIV id=module 
    style="Z-INDEX: 1; POSITION: absolute; TOP: 57px;">
    <DIV 
    style="BORDER-Left: black 2px solid; BORDER-RIGHT: black 2px solid; OVERFLOW: auto; WIDTH: 550px; HEIGHT: 20px; BACKGROUND-COLOR:; BACKGROUND-IMAGE: url(http://www.fileden.com/files/2006/12/11/498922/OBWH2banner.jpg)">
    
    <center><H2></h2></center>
    
    
    <DIV id=module 
    style="Z-INDEX: 1; left: 0px; POSITION: absolute; TOP: 20px;">
    <DIV 
    style="BORDER-Left: black 2px solid; BORDER-RIGHT: black 2px solid; OVERFLOW: auto; WIDTH: 155px; HEIGHT: 760px; BACKGROUND-COLOR:; BACKGROUND-IMAGE: url()">
    
    
                            <font size=4><A href="http://www.freewebs.com/orlibloomworld/OrlandoBloomWorld.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonhome.png"/></A>
    
    			<a href="http://www.freewebs.com/orlibloomworld/Bioography.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonbio.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Filmogrphy.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonfilm.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Tv apperances.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttontvshows.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Magazines.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonmadguide.png"/></a>
    
    
    			<a href="http://www.freewebs.com/orlibloomworld/Professional Pictures/Professional Pictures.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonpropics.png"/></a></a>
    			<a href="http://i116.photobucket.com/albums/o7/Art_City/navbuttonpaps.png"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonpaps.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Award%20Shows/Awardshows Pictures.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonawars.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Movie%20Pictures/Movie.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonmovies.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Mag Pictures/Mag.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonmagpics.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Pic%20of%20month/POTM.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonpotm.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Press Conference/Press.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonpress.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Premeires/Premeires.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonpremeires.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Screencaps/Screencaps.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonscreenies.png"/></a>
    
                            <a href="http://www.freewebs.com/orlibloomworld/media.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttoninterviews.png"/></a>
    		        <a href="http://www.freewebs.com/orlibloomworld/movieclips.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonmovieclips.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/TVshows.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttontvshows.png"/></a>
    
                            <a href="http://www.freewebs.com/orlibloomworld/Fan art.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonfanart.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/OBWfanphotos.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonfanphotos.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/myspacelayouts.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonlayouts.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/wallpaper.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonwallies.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Katyes%20Art/Arthome.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonmyfanart.png"/></a>
    
    
    <BR></DIV>
    
    
    <DIV id=module 
    style="Z-INDEX: 1; left: 168px; POSITION: absolute; TOP: 0px;">
    <DIV 
    style="BORDER-RIGHT: black 2px solid; OVERFLOW: auto; WIDTH: 379px; HEIGHT: 760px; Margin-Left: 5px; BACKGROUND-COLOR:; BACKGROUND-IMAGE: url()">
    
    
    <center>
    <h1>Orlando Bloom News</h1></center>
    
    Welcome to Orlando Bloom World
    
    <DIV id=module 
    style="Z-INDEX: 1; right: 0px; POSITION: absolute; TOP: 760px; HEIGHT: 3%">
    <DIV 
    style="BORDER-Left: black 2px solid; BORDER-RIGHT: black 2px solid; OVERFLOW: auto; BORDER-BOTTOM: black 2px solid; WIDTH: 550px; HEIGHT: 20px; BACKGROUND-COLOR:; BACKGROUND-IMAGE: url(http://i116.photobucket.com/albums/o7/Art_City/copyright.png)">
    </Body></HTML>
    <center><font size=2><font color= black>&#169;This site is copyright of Orlando Bloom World Admin 2005-2007
    
    </div></div></div></div></div></div>
    
    
    <!-- --><script type="text/javascript" src="/i.js"></script>
    </body>
    </html>
    Thanks
    Last edited by BloomFreak; 01-26-2007 at 07:01 PM.

  2. #2
    Join Date
    May 2006
    Location
    Sydney, Australia - Near the coast.
    Posts
    1,995
    Thanks
    0
    Thanked 8 Times in 7 Posts

    Default

    Umm... Isn't that CSS already?

    I won't point any mistakes that you made in the code, but I bet somebody else will
    Peter - alotofstuffhere[dot]com - Email Me - Donate via PayPal - Got spare hardware? Donate 'em to me :) Just send me a PM.
    Currently: enjoying the early holidays :)
    Read before posting: FAQ | What you CAN'T do with JavaScript | Form Rules | Thread Title Naming Guide

  3. #3
    Join Date
    Jan 2007
    Posts
    40
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by tech_support View Post
    Umm... Isn't that CSS already?

    I won't point any mistakes that you made in the code, but I bet somebody else will
    No its not CSS, its HTML

  4. #4
    Join Date
    May 2006
    Posts
    29
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    No, the bit between the <style></style> tags is css.

    This should work:
    HTML Code:
    <HTML><HEAD><TITLE>Orlando Bloom World Home</TITLE>
    
    <STYLE type=text/css>BODY {
      background-position:  top left;
       FONT-SIZE: small; BACKGROUND-ATTACHMENT: fixed; CURSOR: ; COLOR: #FFFFFF; background-image: url(http://www.fileden.com/files/2006/12/11/498922/bg18xg%202.png); BACKGROUND-REPEAT: repeat; FONT-FAMILY: Times New Roman; BACKGROUND-COLOR: #000000; TEXT-ALIGN: center;
    }
    A:link {
       FONT-SIZE: small; TEXT-TRANSFORM: none; COLOR: #3366CC; FONT-FAMILY: Times New Roman; TEXT-DECORATION: none ;
    }
    A:active {
       FONT-SIZE: small; TEXT-TRANSFORM: none; COLOR: #3366CC; FONT-FAMILY: Times New Roman;
    }
    A:visited {
       FONT-SIZE: small; COLOR: #3366CC; FONT-FAMILY: Times New Roman; TEXT-DECORATION: none;
    }
    A:hover {
       FONT-SIZE: small; BACKGROUND: #; TEXT-TRANSFORM: none; CURSOR: poniter; COLOR: #000000; FONT-FAMILY: Times New Roman;
    }
    H1 {
       FONT-WEIGHT: bold; FONT-SIZE: medium; BACKGROUND: #; background-image: url(); TEXT-TRANSFORM: uppercase; COLOR: #000000; FONT-FAMILY: Times New Roman;
    }
    I {
       FONT-SIZE: medium; COLOR: #880000; BORDER-BOTTOM: #000000 1px dashed; FONT-FAMILY: Times New Roman;
    }
    U {
       FONT-SIZE: medium; COLOR: #880000; BORDER-BOTTOM: #000000 1px dashed; FONT-FAMILY: Times New Roman; TEXT-DECORATION: none;
    }
    H2 {
       FONT-WEIGHT: bold; FONT-SIZE: medium; BACKGROUND: #FFFFFF; background-image: url(); TEXT-TRANSFORM: uppercase; COLOR: #3399FF; FONT-FAMILY: Times New Roman;
    }
    I {
       FONT-SIZE: medium; COLOR: #880000; BORDER-BOTTOM: #000000 1px dashed; FONT-FAMILY: Times New Roman;
    }
    U {
       FONT-SIZE: medium; COLOR: #880000; BORDER-BOTTOM: #000000 1px dashed; FONT-FAMILY: Times New Roman; TEXT-DECORATION: none;
    }
    H6 {
       FONT-SIZE: small; BACKGROUND: #; background-image: url(); COLOR: #3399FF; FONT-FAMILY: Times New Roman;
    }
    I {
       FONT-SIZE: small; COLOR: #880000; BORDER-BOTTOM: #000000; FONT-FAMILY: Times New Roman;
    }
    U {
       FONT-SIZE: small; COLOR: #880000; BORDER-BOTTOM: #000000; FONT-FAMILY: Times New Roman;
    }
    </STYLE>
    
    
    
    <script language=JavaScript>
    <!--
    
    //Disable right mouse click Script
    //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
    //For full source code, visit http://www.dynamicdrive.com
    
    var message="UH OH!! Oppsy, Theres a  thieve trying to steal my source. Thats a no-no.";
    
    ///////////////////////////////////
    function clickIE4(){
    if (event.button==2){
    alert(message);
    return false;
    }
    }
    
    function clickNS4(e){
    if (document.layers||document.getElementById&&!document.all){
    if (e.which==2||e.which==3){
    alert(message);
    return false;
    }
    }
    }
    
    if (document.layers){
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown=clickNS4;
    }
    else if (document.all&&!document.getElementById){
    document.onmousedown=clickIE4;
    }
    
    document.oncontextmenu=new Function("alert(message);return false")
    
    // -->
    </script>
    
    
    
    </HEAD>
    <BODY>
    
    
    <!-- all coding and content copyright of Katye Collins. you steal, you die -->
    
    <BR>
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;
    
    
    <DIV
    style="Z-INDEX: 1; LEFT: 230px; POSITION: absolute; TOP: 0px;">
    <DIV style="WIDTH: 550px; HEIGHT: px; BACKGROUND-COLOR: ; BACKGROUND-IMAGE: url();">
    <A href="http://s13.invisionfree.com/Orlando_Bloom_World/index.php"><img src="http://www.fileden.com/files/2006/12/11/498922/OBW411bloom.jpg"></a> 
    
    <BR>
    
    <DIV
    style="Z-INDEX: 1; POSITION: absolute; TOP: 333px;">
    <DIV style="BORDER-BOTTOM: black 2px solid; WIDTH: 554px; HEIGHT: 25px; BACKGROUND-COLOR:; BACKGROUND-IMAGE: url();">
    
    <center><h6> &nbsp; &nbsp; &nbsp; 
     
    &nbsp; &nbsp;<A href="http://www.freewebs.com/orlibloomworld/Links to other sites.html">Links</A>
    
    &nbsp; &nbsp; <A href="http://s13.invisionfree.com/Orlando_Bloom_World/index.php">Message board</A>
    
    &nbsp; &nbsp; <A href="http://www.freewebs.com/orlibloomworld/Chat.html">Chat Room</A>
    
    &nbsp; &nbsp; <A href="http://www.freewebs.com/orlibloomworld/contact.html">Contact</A>
    
    &nbsp; &nbsp; <A href="http://www.freewebs.com/orlibloomworld/Games/Games.html">Games</A>
    
    &nbsp; &nbsp; <A href="http://www.freewebs.com/orlibloomworld/Dreams.html">Dreams</A> 
    
    &nbsp; &nbsp; <A href="http://www.freewebs.com/orlibloomworld/guestbook.html">Guest Book</A>
    
    &nbsp; &nbsp; <A href="http://www.freewebs.com/orlibloomworld/Credit.html">Credits</A> 
    
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</h6></center>
    
    
    
    
    <DIV id=module 
    style="Z-INDEX: 1; POSITION: absolute; TOP: 57px;">
    <DIV 
    style="BORDER-Left: black 2px solid; BORDER-RIGHT: black 2px solid; OVERFLOW: auto; WIDTH: 550px; HEIGHT: 20px; BACKGROUND-COLOR:; BACKGROUND-IMAGE: url(http://www.fileden.com/files/2006/12/11/498922/OBWH2banner.jpg)">
    
    <center><H2></h2></center>
    
    
    <DIV id=module 
    style="Z-INDEX: 1; left: 0px; POSITION: absolute; TOP: 20px;">
    <DIV 
    style="BORDER-Left: black 2px solid; BORDER-RIGHT: black 2px solid; OVERFLOW: auto; WIDTH: 155px; HEIGHT: 760px; BACKGROUND-COLOR:; BACKGROUND-IMAGE: url()">
    
    
                            <font size=4><A href="http://www.freewebs.com/orlibloomworld/OrlandoBloomWorld.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonhome.png"/></A>
    
    			<a href="http://www.freewebs.com/orlibloomworld/Bioography.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonbio.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Filmogrphy.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonfilm.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Tv apperances.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttontvshows.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Magazines.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonmadguide.png"/></a>
    
    
    			<a href="http://www.freewebs.com/orlibloomworld/Professional Pictures/Professional Pictures.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonpropics.png"/></a></a>
    			<a href="http://i116.photobucket.com/albums/o7/Art_City/navbuttonpaps.png"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonpaps.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Award%20Shows/Awardshows Pictures.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonawars.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Movie%20Pictures/Movie.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonmovies.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Mag Pictures/Mag.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonmagpics.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Pic%20of%20month/POTM.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonpotm.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Press Conference/Press.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonpress.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Premeires/Premeires.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonpremeires.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Screencaps/Screencaps.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonscreenies.png"/></a>
    
                            <a href="http://www.freewebs.com/orlibloomworld/media.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttoninterviews.png"/></a>
    		        <a href="http://www.freewebs.com/orlibloomworld/movieclips.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonmovieclips.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/TVshows.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttontvshows.png"/></a>
    
                            <a href="http://www.freewebs.com/orlibloomworld/Fan art.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonfanart.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/OBWfanphotos.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonfanphotos.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/myspacelayouts.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonlayouts.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/wallpaper.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonwallies.png"/></a>
    			<a href="http://www.freewebs.com/orlibloomworld/Katyes%20Art/Arthome.html"><img src="http://i116.photobucket.com/albums/o7/Art_City/navbuttonmyfanart.png"/></a>
    
    
    <BR></DIV>
    
    
    <DIV id=module 
    style="Z-INDEX: 1; left: 168px; POSITION: absolute; TOP: 0px;">
    <DIV 
    style="BORDER-RIGHT: black 2px solid; OVERFLOW: auto; WIDTH: 379px; HEIGHT: 760px; Margin-Left: 5px; BACKGROUND-COLOR:; BACKGROUND-IMAGE: url()">
    
    
    <center>
    <h1>Orlando Bloom News</h1></center>
    
    Welcome to Orlando Bloom World
    
    <DIV id=module 
    style="Z-INDEX: 1; right: 0px; POSITION: absolute; TOP: 760px; HEIGHT: 3%">
    <DIV 
    style="BORDER-Left: black 2px solid; BORDER-RIGHT: black 2px solid; OVERFLOW: auto; BORDER-BOTTOM: black 2px solid; WIDTH: 550px; HEIGHT: 20px; BACKGROUND-COLOR:; BACKGROUND-IMAGE: url(http://i116.photobucket.com/albums/o7/Art_City/copyright.png)">
    </Body></HTML>
    <center><font size=2><font color= black>ŠThis site is copyright of Orlando Bloom World Admin 2005-2007
    
    </div></div></div></div></div></div>
    
    
    <!-- --><script type="text/javascript" src="/i.js"></script>
    </body>
    </html>

  5. #5
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    CSS is only an extension of HTML. You can't create webpages for example, with CSS alone. CSS simply styles your document, it has nothing to do with DOM. Even javascript could make a webpage (not reliable though seings some people disable it on their browsers).
    - Mike

  6. #6
    Join Date
    Jan 2007
    Posts
    40
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Ok I am trying to once again redo my stupid layout on my Orlando Bloom site I just cant get it right. Well I finally have it like I want and i need help changing it to CSS.

    Turn this HTML
    HTML Code:
    <STYLE type=text/css>BODY {
      background-position:  top left;
       FONT-SIZE: small; BACKGROUND-ATTACHMENT: fixed; CURSOR: ; COLOR: #284C20; background-image: url(http://www.fileden.com/files/2007/1/6/602837/g10ss03.jpg); BACKGROUND-REPEAT: repeat; FONT-FAMILY: Times New Roman; BACKGROUND-COLOR: #000000; TEXT-ALIGN: center
    <}
    A:link {
       FONT-SIZE: small; TEXT-TRANSFORM: none; COLOR: #4A873D; FONT-FAMILY: Times New Roman; TEXT-DECORATION: none 
    }
    A:active {
       FONT-SIZE: small; TEXT-TRANSFORM: none; COLOR: #4A873D; FONT-FAMILY: Times New Roman
    }
    A:visited {
       FONT-SIZE: small; COLOR: #4A873D; FONT-FAMILY: Times New Roman; TEXT-DECORATION: none
    }
    A:hover {
       FONT-SIZE: small; BACKGROUND: #; TEXT-TRANSFORM: none; CURSOR: poniter; COLOR: #284C20; FONT-FAMILY: Times New Roman 
    }
    H1 {
       FONT-WEIGHT: bold; FONT-SIZE: medium; BACKGROUND: #; background-image: url(); TEXT-TRANSFORM: uppercase; COLOR: #000000; FONT-FAMILY: Times New Roman
    }
    I {
       FONT-SIZE: medium; COLOR: #880000; BORDER-BOTTOM: #000000 1px dashed; FONT-FAMILY: Times New Roman
    }
    U {
       FONT-SIZE: medium; COLOR: #880000; BORDER-BOTTOM: #000000 1px dashed; FONT-FAMILY: Times New Roman; TEXT-DECORATION: none
    }
    H2 {
       FONT-WEIGHT: bold; FONT-SIZE: medium; BACKGROUND: #FFFFFF; background-image: url(); TEXT-TRANSFORM: uppercase; COLOR: #3399FF; FONT-FAMILY: Times New Roman
    }
    I {
       FONT-SIZE: medium; COLOR: #880000; BORDER-BOTTOM: #000000 1px dashed; FONT-FAMILY: Times New Roman
    }
    U {
       FONT-SIZE: medium; COLOR: #880000; BORDER-BOTTOM: #000000 1px dashed; FONT-FAMILY: Times New Roman; TEXT-DECORATION: none
    }
    H6 {
       FONT-SIZE: small; BACKGROUND: #; background-image: url(); COLOR: #3399FF; FONT-FAMILY: Times New Roman
    }
    I {
       FONT-SIZE: small; COLOR: #880000; BORDER-BOTTOM: #000000; FONT-FAMILY: Times New Roman
    }
    U {
       FONT-SIZE: small; COLOR: #880000; BORDER-BOTTOM: #000000; FONT-FAMILY: Times New Roman;
    }
    </STYLE>
    Into this CSS
    Code:
    body {background-image:  url(http://www.fileden.com/files/2007/1/6/602837/g10ss03.jpg);}
    #pic {position:absolute; left:10px; top:5px; width:634px; height:300px; z-index:1;border: 2px solid #508744;}
    #content {position:absolute;left:10px;top:315px;width:475px;z-index:2;background-color: #77BD68;border: 2px solid #508744;font-family: Times new Roman; sans-serif;font-size: 11px;color: #284C20;}
    #nav {position:absolute;left:390px;top:360px;width:379px;height:auto;z-index:3;background-color: #77BD68;border: 2px solid #508744;font-family: Times New Roman; sans-serif;font-size: 11px;color: #000000;line-height: 12px;}
    
    h1 {font-family: Times New roman; sans-seriff;	font-size: 15px;font-weight: bold;font-variant: small-caps;color: #3399FF;letter-spacing: px;border-bottom-width: px;border-bottom-style: solid;border-bottom-color: #;}
    h2 {font-family: Times New Roman; sans-seriff;	font-size: 13px;font-weight: bold;font-variant: small-caps;color: #3399FF;letter-spacing: px;border-bottom-width: px;border-bottom-style: solid;border-bottom-color: #003300;}
    h3 {font-family: Arial, Helvetica, sans-seriff;	font-size: 13px;font-weight: bold;font-variant: small-caps;color: #003300;letter-spacing: 2px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #003300;}
    h4 {font-family: Arial, Helvetica, sans-seriff;font-size: 11px;color: #000000;border-top-width: 1px;border-top-style: solid;border-top-color: #003300;font-weight: normal;}
    h5 {font-family: Times New Roamn; sans-seriff;font-size: 11px;color: #3399FF;border-top-width: px;border-top-style: solid;border-top-color: #;font-weight: normal;}
    
    a:link, a:visited, a:active {font-family: times new roman, sans-serif;font-size: 11px;color: #4A873D;text-decoration: none;}
    a:hover {font-family: Times new roman, sans-serif;font-size: 11px;color: #284C20;text-decoration: none;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #000000;}
    input,select,option,textarea,submit {font-family: times new roman, sans-seriff;font-size: 11px;color: #000000;border: 1px solid #003300;background-color: #FFFFFF;}
    
    .navlink {font-family: times new roman, sans-seriff;font-size: 11px;color: #003300;background-color: #77BD68;text-decoration: none;border: 1px solid #003300;letter-spacing: 2px;padding: 2px;}
    .navheader {font-family: times new roman, sans-seriff;font-size: 12px;color: #000000;background-color: #77BD68;text-decoration: none;border: 1px solid #000000;letter-spacing: 2px;font-weight: bold;font-variant: small-caps;text-align: center;}
    
    .flstats {
    	font-family: times new roman, sans-seriff;
    	font-size: 11px;
    	color: #284C20;
    	background-color: #508744;
    	text-decoration: none;
    	border: 1px solid #77BD68;
    	padding: 5px;
    	height: auto;
    	width: 360px;
    	text-align: left;
    }
    .title {font-family: Georgia, "Times New Roman", Times, serif;font-size: 12px;font-variant: small-caps;color: #003300;letter-spacing: 2px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #003300;font-style: italic;line-height: 12px;}
    .codesort table {font-family: Arial, Helvetica, sans-seriff;font-size: 13px; }
    .padding {padding-right: 5px;padding-left: 5px;padding-bottom: 2px;}
    .codesort h2 , .codesort h3 {font-family: Arial, Helvetica, sans-seriff;font-size: 13px;font-weight: bold;font-variant: small-caps;color: #003300;letter-spacing: 2px;}
    
    /*	FanUpdate 1.6 CSS classes	*/
    p.catfile {background-color: #FFFFFF;}
    p.commenter {background-color: #FFFFFF;margin: 0 0 1em 0;font-family: Arial, Helvetica, sans-seriff;font-size: 11px;color: #000000}
    p.archivelink {text-align: center;}
    div.comment_box {clear: both;padding: 1em;width: 100%;overflow: auto;margin: 0 0 1em 0;background-color: #FFFFFF;}
    img.gravatar {float: left;margin: 0 1em 0 0;}
    div.credit {clear: both;text-align: center;margin: 1em 0 0 0;}
    div.credit p {margin: 0;}
    I've tried and I cant see to quite get it just right. The HTML part is just the way I wanted it so I want it all turned in to the CSS code exactly like the way I posted it. So can some one PLEASE help me. I've tried I dont know how many times and I cant figure out how to do it. Cause I cant preview it as I am making it. Please help me

    I've kind of got the HTML changed over to CSS but I cant get it to look like this

    http://www.fileden.com/files/2007/1/...reenlayout.jpg

    :hea: Help please

  7. #7
    Join Date
    Sep 2005
    Posts
    882
    Thanks
    0
    Thanked 3 Times in 3 Posts

    Default

    I don't think you quite understand what CSS is. CSS just "styles" html to make it look a certain way. It is not a replacement for html.

    http://www.w3schools.com/css/css_intro.asp

    Check out the above URL and read a little bit about CSS.

  8. #8
    Join Date
    Jan 2007
    Posts
    40
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by blm126 View Post
    I don't think you quite understand what CSS is. CSS just "styles" html to make it look a certain way. It is not a replacement for html.

    http://www.w3schools.com/css/css_intro.asp

    Check out the above URL and read a little bit about CSS.
    I KNOW!!! But a site I went to is using the exact same code. They dont use HTML they used that CSS code. Can you please just help me with it

  9. #9
    Join Date
    Dec 2006
    Location
    Twin Cities, MN
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Sorry, but I dont think you do. You cannot have a site that doesn't use HTML, and just CSS. There would be no content.

  10. #10
    Join Date
    Jun 2006
    Location
    Acton Ontario Canada.
    Posts
    677
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    All Looks? nothing else?

    Sounds like the site matches the subject...

    and yeah, you'll have to tell us which site you want to have your current styles for.

    you need to have css match the tags and classes in your site or the css does nothing.

    as in this CSS;

    h2.gone {display:none}

    has this html;

    <h2 class="gone">Can't see this!</h2>
    - Ryan "Boxxertrumps" Trumpa
    Come back once it validates: HTML, CSS, JS.

Bookmarks

Posting Permissions

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