Go Back   Dynamic Drive Forums > General Coding > CSS
Reload this Page Can someone turn this in the CSS??
Search Dynamic Drive Forums:

Reply
Page 1 of 3 1 23
 
Thread Tools Search this Thread
  #1  
Old 01-26-2007, 03:48 AM
BloomFreak BloomFreak is offline
Junior Coders
  
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%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>
Thanks
Last edited by BloomFreak; 01-26-2007 at 07:01 PM.
Reply With Quote
  #2  
Old 01-26-2007, 04:18 AM
tech_support's Avatar
tech_support tech_support is offline
Modarator Man.
  
Join Date: May 2006
Location: Sydney, Australia - Near the coast.
Posts: 2,011
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
Reply With Quote
  #3  
Old 01-26-2007, 06:47 PM
BloomFreak BloomFreak is offline
Junior Coders
  
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
Reply With Quote
  #4  
Old 01-26-2007, 07:22 PM
jonnyynnoj jonnyynnoj is offline
Junior Coders
  
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>
Reply With Quote
  #5  
Old 01-26-2007, 07:36 PM
mburt's Avatar
mburt mburt is offline
Elite Coders
  
Join Date: Jul 2006
Location: Canada
Posts: 2,507
Thanks: 5
Thanked 22 Times in 22 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).
Reply With Quote
  #6  
Old 02-05-2007, 08:37 PM
BloomFreak BloomFreak is offline
Junior Coders
  
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
Reply With Quote
  #7  
Old 02-05-2007, 08:43 PM
blm126's Avatar
blm126 blm126 is offline
Senior Coders
  
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.
__________________
-Brady
Reply With Quote
  #8  
Old 02-05-2007, 09:23 PM
BloomFreak BloomFreak is offline
Junior Coders
  
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
Reply With Quote
  #9  
Old 02-06-2007, 07:29 PM
benniaustin benniaustin is offline
Junior Coders
  
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.
Reply With Quote
  #10  
Old 02-06-2007, 11:48 PM
boxxertrumps's Avatar
boxxertrumps boxxertrumps is offline
Senior Coders
  
Join Date: Jun 2006
Location: Acton Ontario Canada.
Posts: 681
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.
Reply With Quote
Reply
Page 1 of 3 1 23

Bookmarks

« Previous Thread | Next Thread »
Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 03:14 AM.

Dynamic Drive - Archive - Top
Home - Contact Us - Archives - Link to DD - Top 

Powered by vBulletin® Version 3.8.1
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.