Hi - i have Oracle programming experience but i am new to HTML. Can somebody pls. help me translate attached image (Rates) into HTML code. The HTML code will be plugged into XML file.
hxxp: img511. imageshack. us/img511/7827/rates. jpg
I have some idea on HTML (very basic) see link below which i have written (& works)
hxxp: img69. imageshack. us/img69/1859/htmlcode. jpg
Thanks - Mave
You did not provide a full link. There is no image.
A) Use actual links and not butchered URLs
B) Post your code, don't use imageshack with a screenshot of your code.
Thanks Folks.
Link for image that i want to accomplish:
http://img511.imageshack.us/img511/7827/rates.jpg
HTML Code:
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<content Name="CONTENT WINDOW">
<item Border="10" Width="600" Height="350" >
<![CDATA[<font color="#ff9900" size="50"><b><u>Apartment Malindi</u></b></font><br><br>
<img src="content/image1.jpg">
<font color="#33cc33" size="12"><b> >> Great for 6 PAX </b></font>
<font color="#33cc33" size="12"><b> >> 2 Bedrooms </b></font>
<font color="#33cc33" size="12"><b> >> 2 Bathrooms </b></font>
<font color="#33cc33" size="12"><b> >> Dining Room for 6 PAX </b></font>
<font color="#33cc33" size="12"><b> >> Air Conditioning </b></font>
<font color="#33cc33" size="12"><b> >> Ceiling Fans </b></font>
<font color="#33cc33" size="12"><b> >> Living Room </b></font>
<font color="#33cc33" size="12"><b> >> Balcony </b></font>
<font color="#33cc33" size="12"><b> >> Kitchen </b></font> ]]>
</item>
</content>Snapshot for code as above
http://img683.imageshack.us/img683/7105/sampleh.jpg
Perhaps, u could also tell me how i can improve above HTML code so that there is no line btwn TEXT & TEXT does spool below the image ?
MAve
PS: i tested the links, they are valid
Thanks Folks.
Link for image that i want to accomplish:
http://img511.imageshack.us/img511/7827/rates.jpgHTML Code:
<?xml version="1.0" encoding="utf-8" standalone="yes"?> <content Name="CONTENT WINDOW"> <item Border="10" Width="600" Height="350" > <![CDATA[<font color="#ff9900" size="50"><b><u>Apartment Malindi</u></b></font><br><br> <img src="content/image1.jpg"> <font color="#33cc33" size="12"><b> >> Great for 6 PAX </b></font> <font color="#33cc33" size="12"><b> >> 2 Bedrooms </b></font> <font color="#33cc33" size="12"><b> >> 2 Bathrooms </b></font> <font color="#33cc33" size="12"><b> >> Dining Room for 6 PAX </b></font> <font color="#33cc33" size="12"><b> >> Air Conditioning </b></font> <font color="#33cc33" size="12"><b> >> Ceiling Fans </b></font> <font color="#33cc33" size="12"><b> >> Living Room </b></font> <font color="#33cc33" size="12"><b> >> Balcony </b></font> <font color="#33cc33" size="12"><b> >> Kitchen </b></font> ]]> </item> </content>Snapshot for code as above
http://img683.imageshack.us/img683/7105/sampleh.jpgPerhaps, u could also tell me how i can improve above HTML code so that there is no line btwn TEXT & TEXT does spool below the image ?
MAve
PS: i tested the links, they are valid
My man try something like that (see below)
<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body
{
color:#33cc33;
font-size:12px;
}
ul li
{
font-weight:bold;
}
#container
{
width:900px;
margin:0 auto;
}
#col1
{
width:450px;
float:left;
}
#col2
{
width:450px;
float:left;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="col1">dfs
<img src="content/image1.jpg" width="100" height="100" /></div>
<div id="col2">
<ul>
<li>Great for 6 PAX</li>
<li>Great for 6 PAX</li>
<li>Great for 6 PAX</li>
<li>Great for 6 PAX</li>
<li>Great for 6 PAX</li>
<li>Great for 6 PAX</li>
<li>Great for 6 PAX</li>
</ul>
</div>
</div>
</body>
</html>We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.