Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    May 2010
    Posts
    79
    Thanks
    15
    Thanked 2 Times in 2 Posts

    I have a question(again)

    Site : http://transparent.cz.cc/
    Password : guestlogin

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

    From this :

    to this :

    (I just want the picture to be closer to the text)
    Code:
    <?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>

  • #2
    New Coder
    Join Date
    May 2010
    Posts
    79
    Thanks
    15
    Thanked 2 Times in 2 Posts
    I manged to make it closer!
    PHP Code:
    <?
      
    // 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>";

      }
    ?>

  • #3
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,695
    Thanks
    0
    Thanked 232 Times in 227 Posts
    Hi there kenshn111,

    unfortunately, your page fails validation.



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

    Code:
    
    <!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

  • Users who have thanked coothead for this post:

    kenshn111 (06-06-2010)


  •  

    Posting Permissions

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