...

View Full Version : I have a question(again)



kenshn111
05-23-2010, 05:07 AM
Site : http://transparent.cz.cc/
Password : guestlogin

Question :
How to make the image closer to "Maaku"/"Mask"?

From this :
http://i47.tinypic.com/29qlaf6.png
to this :
http://i45.tinypic.com/103hn9e.png
(I just want the picture to be closer to the text)

<?php include("/home/kenshn11/public_html/unknown.php"); ?>
<html>
<head>
<title>Members</title>
<style>
body {
background-color:#0a0a0a;
text-align:center;

A:link {color: white;}
A:visited {color: white;}
A:active {color: white;}
A:hover {color: blue;}
</style>
</head>
<body>
<center>
<img src="http://i47.tinypic.com/11jq1c1.png"><br>
<font color:white;>
<a href="http://transparent.heliohost.org/index.php?logout=1">Logout</a> | <a href="http://transparent.heliohost.org/chat/">Chat</a>
</font>
<br><br><br><br><br>
<div style="width:500px;">
<div style="float:left;">
<img src="http://i48.tinypic.com/25islxt.png"></div>
<div style="float:center; height:207px; overflow-x:hidden;">
<?
// DOMElement->getElementsByTagName() -- Gets elements by tagname
// nodeValue : The value of this node, depending on its type.
// Load XML File. You can use loadXML if you wish to load XML data from a string

$objDOM = new DOMDocument();
$objDOM->load("abc.xml"); //make sure path is correct


$note = $objDOM->getElementsByTagName("user");
// for each note tag, parse the document and get values for
// tasks and details tag.

foreach( $note as $value )
{

$details = $value->getElementsByTagName("details");
$detail = $details->item(0)->nodeValue;

$pics = $value->getElementsByTagName("image");
$pic = $pics->item(0)->nodeValue;

echo "<div style=\"text-align:left; float:left;\"><img src=\"$pic\"></div><br>";
echo "<div style=\"color:white; font-size:20pt;\">$detail</div><br>";

}
?> </div>
</center>
</div>
</div>
</body>
</html>

kenshn111
05-23-2010, 07:18 AM
I manged to make it closer!

<?
// DOMElement->getElementsByTagName() -- Gets elements by tagname
// nodeValue : The value of this node, depending on its type.
// Load XML File. You can use loadXML if you wish to load XML data from a string

$objDOM = new DOMDocument();
$objDOM->load("abc.xml"); //make sure path is correct


$note = $objDOM->getElementsByTagName("user");
// for each note tag, parse the document and get values for
// tasks and details tag.

foreach( $note as $value )
{

$details = $value->getElementsByTagName("details");
$detail = $details->item(0)->nodeValue;

$pics = $value->getElementsByTagName("image");
$pic = $pics->item(0)->nodeValue;

echo "<div style=\"text-align:center; width:180px;\">";
echo "<div style=\"text-align:center; float:left;\"><img src=\"$pic\"></div><br>";
echo "<div style=\"color:white; font-size:14pt; text-align:center;\">$detail</div><br>";
echo "</div>";

}
?>

coothead
05-23-2010, 07:45 AM
Hi there kenshn111,

unfortunately, your page fails validation. :eek:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ftransparent.cz.cc%2F

If that is a concern to you, then here is your page recoded...



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">

<title>Members</title>

<style type="text/css">
body {
background-color:#0a0a0a;
}
#container {
width:525px;
margin:auto;
}
#navigation {
padding:0;
margin:0 0 69px;
list-style-type:none;
text-align:center;
}
#navigation li {
display:inline;
padding:0 5px;
}
#border{
border-right:1px solid #fff;
}
#navigation a {
padding:0 5px;
color:#fff;
}
#navigation a:hover {
color:#00f;
}
#members {
float:left;
width:45px;
height:207px;
margin-left:12px;
}
.mask {
float:left;
width:468px;
line-height:68px;
font-size:26px;
color:#fff;
}
.mask img {
float:left;
margin:0 20px 0 150px;
}
</style>

</head>
<body>

<div id="container">

<img src="http://i47.tinypic.com/11jq1c1.png" alt="logo">

<ul id="navigation">
<li id="border"><a href="http://transparent.heliohost.org/index.php?logout=1">Logout</a></li>
<li><a href="http://transparent.heliohost.org/chat/">Chat</a></li>
</ul>

<img id="members" src="http://i48.tinypic.com/25islxt.png" alt="members">

<div class="mask"><img src="http://transparent.cz.cc/chat/css/icon_setton.png" alt="setton">Mask</div>
<div class="mask"><img src="http://transparent.cz.cc/chat/css/icon_setton.png" alt="setton">Maaku</div>

</div><!-- end #container -->

</body>
</html>

coothead



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum