473,765 Members | 1,909 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

>.< How do i

3 New Member
How do i convert my HTML to a CSS format...i put this image sequence togther in HTML but i want to be able to post it right...but i dont know how to go about doing that. Some one please help

<html>
<head>
<style type="text/css">

p.ridge {border-color: #FFD700; position: absolute; top:690px; left: 260px; width: 100;
border-style: ridge;text-align: center;font-family: times; color: #00000}

b.ridge {border-color: #FFD700; position: absolute; top:740px; left: 215px; width: 190;
border-style: ridge;text-align: center;font-family: times; color: #00000}


</style>


</head>

<body>

<IMG STYLE="position :absolute; TOP:0px; Left: 70px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">


<IMG STYLE="position :absolute; TOP:0px; Left: 102px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:0px; Left: 132px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:0px; Left: 162px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:0px; Left: 192px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:0px; Left: 222px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:0px; Left: 252px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:0px; Left: 282px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:0px; Left: 312px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:0px; Left: 342px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:0px; Left: 372px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:0px; Left: 402px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:0px; Left: 432px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:0px; Left: 462px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:0px; Left: 492px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:0px; Left: 522px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 552px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:660px; Left: 70px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">


<IMG STYLE="position :absolute; TOP:660px; Left: 102px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:660px; Left: 132px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:660px; Left: 162px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:660px; Left: 192px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:660px; Left: 222px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:660px; Left: 252px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:660px; Left: 282px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:660px; Left: 312px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:660px; Left: 342px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:660px; Left: 372px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:660px; Left: 402px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:660px; Left: 432px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:660px; Left: 462px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:660px; Left: 492px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:660px; Left: 522px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 552px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG STYLE="position :absolute; TOP:35px; LEFT:100px; WIDTH:449px; HEIGHT:621px" SRC="http://i26.photobucket .com/albums/c142/Graywolf21/ge7h4h.png" alt="klematis"
style="-moz-opacity:0.4;fil ter:alpha(opaci ty=99)"
onmouseover="th is.style.MozOpa city=1;this.fil ters.alpha.opac ity=100"
onmouseout="thi s.style.MozOpac ity=0.4;this.fi lters.alpha.opa city=99" />


<IMG STYLE="position :absolute; TOP:450px; LEFT:350px; WIDTH:145px; HEIGHT:175px" SRC="http://avatar2.gaiaonl ine.com/gaia/members/ava/9a/97/2adbd7b21c979a_ flip.png">

<p class="ridge">" STFU Becca"</p>
<b class="ridge">" My hero for all time"</p>

</body>

</html>
Jul 20 '07 #1
5 1506
JOsh Josh
3 New Member
Bah >.< i need help someone? anyone? >.<
Jul 20 '07 #2
JOsh Josh
3 New Member
anyone? anyone? please please help me >.<
Jul 20 '07 #3
jimberry
11 New Member
What exactly are you dissatisfied with?
Are the images not displaying as you want?
If not, how would you like them to display?
Jul 22 '07 #4
jimberry
11 New Member
If you just want to take your styles out of the HTML into the CSS, try this
(I've left the two larger images for you to work out from the example ;-) )

[HTML]<html>
<head>
<style type="text/css">

p.ridge {border-color: #FFD700; position: absolute; top:690px; left: 260px; width: 100;
border-style: ridge;text-align: center;font-family: times; color: #00000}

b.ridge {border-color: #FFD700; position: absolute; top:740px; left: 215px; width: 190;
border-style: ridge;text-align: center;font-family: times; color: #00000}

.all {
position: absolute;
top: 0;
Left: 70px;
float: left;
}

.topline {
top:0px;
float: left;

}

.bottomline {
position: relative;
top: 630px;
float: left;

}


.flasher {
width:30px;
height:30px;
float: left;
}


</style>


</head>

<body>
<div class="all">
<div class="topline" >
<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

</div>



<IMG STYLE="position :absolute; TOP:35px; LEFT:30px; WIDTH:449px; HEIGHT:621px"

SRC="http://i26.photobucket .com/albums/c142/Graywolf21/ge7h4h.png" alt="klematis"
style="-moz-opacity:0.4;fil ter:alpha(opaci ty=99)"
onmouseover="th is.style.MozOpa city=1;this.fil ters.alpha.opac ity =100"
onmouseout="thi s.style.MozOpac ity=0.4;this.fi lters.alpha.opa ci ty=99" />


<IMG STYLE="position :absolute; TOP:450px; LEFT:280px; WIDTH:145px; HEIGHT:175px"

SRC="http://avatar2.gaiaonl ine.com/gaia/members/ava/9a/97/2adbd7b21c979a_ flip.png">




<div class="bottomli ne">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

<IMG class="flasher" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">

</div>

</div>



<p class="ridge">" STFU Becca"</p>
<b class="ridge">" My hero for all time"</p>



</body>

</html>[/HTML]
Jul 22 '07 #5
jimberry
11 New Member
You can remove all those repeating img elements (thblue.gif) from the HTML and replace them with CSS repeating background-image selectors in a couple of classes. (If you are up for a challenge, I'll give you some time to work that out for yourself before I post my suggested code).
By the way, you have let a couple of spaces slip into your mouse event opacity statements (or maybe that was to disable them on purpose?)
Jul 22 '07 #6

Sign in to post your reply or Sign up for a free account.

Similar topics

9
2961
by: Francesco Moi | last post by:
Hello. I'm trying to build a RSS feed for my website. It starts: ----------------//--------------------- <?xml version="1.0" encoding="ISO-8859-1"?> <!DOCTYPE rss PUBLIC "-//Netscape Communications//DTD RSS 0.91//EN" "http://my.netscape.com/publish/formats/rss-0.91.dtd"> <rss version="0.91"> ----------------//----------------------
1
6827
by: Christian Schmidbauer | last post by:
Hello! I prepare my XML document like this way: ------------------------------------------------------- PrintWriter writer; Document domDocument; Element domElement; // Root tag
2
3231
by: Eshrath | last post by:
Hi, What I am trying to do: ======================= I need to form a table in html using the xsl but the table that is formed is quite long and cannot be viewed in our application. So we are writing one object in C# which will take the entire table tag contents and renders. Ie., we need to pass "<table>………… <thead>……</thead>. <tr>.<td> <td>..<tr>.<td> <td> </table>" content to
2
10568
by: Donald Firesmith | last post by:
I am having trouble having Google Adsense code stored in XSL converted properly into HTML. The <> unfortunately become &lt; and &gt; and then no longer work. XSL code is: <script type="text/javascript"> <!]> </script> <script type="text/javascript"
0
2065
by: Arne Schirmacher | last post by:
I want to display a MySQL database field that can contain HTML markup. If I use <esql:get-string> then I get all of the database field, but all tags are escaped which is not what I want. If I use <esql:get-xml> the tags are not escaped, but only the first part of the database field is displayed. The content of the database field is: "<h1>Title</h1><h2>Subtitle</h2>"
2
22954
by: Francesco Moi | last post by:
Hello. I designed a form to edit some DataBase's fields. But some of these fields contain '&lt;' and '&gt;' characters. And these characters are '<' and '>' in HTML. So if want to edit these fields, the form converts them into '<' and '>'. And I want to mantain '&lt;' and '&gt;' Mi piece of code:
34
11073
by: Mark Moore | last post by:
It looks like there's a pretty serious CSS bug in IE6 (v6.0.2800.1106). The HTML below is validated STRICT HTML 4.01 and renders as I would expect in Opera, FrontPage, and Netscape. For some reason, there's an annoying vertical gap between adjacent rules that doesn't go away. This looks like IE6 is incorrectly setting the margin to some arbitrary value. Does anyone know if this is a known bug at MS? If you know of one, post the...
11
13723
by: Les Paul | last post by:
I'm trying to design an HTML page that can edit itself. In essence, it's just like a Wiki page, but my own very simple version. It's a page full of plain old HTML content, and then at the bottom, there's an "Edit" link. So the page itself looks something like this: <HTML><HEAD><TITLE>blah</TITLE></HEAD><BODY> <!-- TEXT STARTS HERE --> <H1>Hello World!</H1> <P>More stuff here...</P>
2
2454
by: bissatch | last post by:
Hi, I am currently writing a simple PHP program that uses an XML file to output rows for a 'Whats New' page. Once written, I will only require updating the XML file and any pages that use the XML file will get their row content from there. The rows may look some thing similar to this: - Added <a>mailing list</a> functionality to <a>homepage</a> - Competition winners announced, click <a>here</a>
4
11952
by: mark4asp | last post by:
I have an element, report which contains tags which have been transformed. E.g. <pis &lt;p&gt <myXml> <report>This text has html tags in it.&lt;p&gt which but <has been changed to &lt;&gt</report> </myXml> I there a way that the XSLT transformation can render the content as html rather than text?
0
9566
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
10153
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10007
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
9946
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8830
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
6646
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5272
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
3921
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
2800
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.