SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot Stancy_McKatt's Avatar
    Join Date
    May 2002
    Location
    NW Tennessee, USA
    Posts
    164
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile Upper-left hanf corner, alignment question.

    I need to align an image in upper left-hand corner of my page. My main problem is that I need a title bar to line up where it's beside the image.

    The sever that I have the page on keeps giveing me a 503 error (I guess a servers down or something) So here's the code. It's not the exact page that this is going on but it's identical in stucture (at the moment).

    Code:
    <html>
    
    <head>
    <title>Stancy McKatt's Hangout Petz</title>
    <meta name="GENERATOR" content="Arachnophilia 4.0">
    <meta name="FORMATTER" content="Arachnophilia 4.0">
    <style type="text/css"> @import url("petzsite.css"); </style> 
    
    </head>
    
    
    <body><nobanner>
    
    <div id=Header>
    
    </div>
    
    <div id=Content> 
    
    
    </div>
    
    </body>
    
    </html>
    And here is the Css:

    Code:
    body {
    	margin:0px;
    	padding:0px;
    	font-family:verdana, arial, helvetica, sans-serif;
    	color:#000000;
    	background-color:#ccccff;
    	scrollbar-base-color:#ccccff; 
    	scrollbar-arrow-color:#ceefbd; 
    	scrollbar-DarkShadow-Color:#0099ff;  
    	}
    a {
    	text-decoration: none; 
    	font-weight: bold; 
    	color:#400080; 
    	outline: none;
    	text-decoration: underline;
    	}
    a:visited {
    	color: #400080;
    	text-decoration: underline;
    	}
    a:active {
    	color: #400080;
    	text-decoration: underline;
    	}
    a:hover {
    	color: #400080;
    	text-decoration: underline;
    	}
    p { 
    	color: #000000; 
    	font:12px/20px verdana, arial, helvetica, sans-serif;
    	margin:5px 0px 16px 0px;
    	padding:0px;
    	}
    h1 {
    	margin:0px 0px 15px 0px;
    	padding:0px;
    	font-size:28px;
    	line-height:28px;
    	font-weight:900;
    	color:#00000;
    	}
    ol{
    color: #000000; 
    	font:12px/20px verdana, arial, helvetica, sans-serif;
    	margin:5px 0px 16px 0px;
    	padding:0px;
    	}
    img { 
    	border: 0;
    	}
    #header {
    	margin:50px 0px 20px 0px;
    	padding:17px 0px 0px 30px;
    	height:33px; 
    	border-style:solid;
    	border-color:black;
    	border-width:1px 0px; 
    	line-height:11px;
    	background-color:#ceefbd;
    	}
    #content {
               float: right;
    	margin:0px 25px 25px 10px;
    	padding:10px;
    	background-color:#ccccff;
    	}
    #menu {
               float: left;
    	top:100px;
    	left:20px;
    	width:172px;
    	padding:3px;
    	background-color:#ceefbd;
    	border:1px dashed #9999ff;
    	line-height:17px;
    	width:200px;
    	}
    Thanks,
    ~Crys

  2. #2
    SitePoint Member
    Join Date
    Jul 2002
    Posts
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    <div id="topleft" style="position:absolute; visibility: visible; top:0; left:0; width:0; height:;" align="justify">
    
    content here
    
    </div>
    That should do it
    Marc Wyss - marc@mchost.com
    MCHost Inc. - Experts in Private Label Reseller Plans
    http://www.mchost.com

  3. #3
    SitePoint Zealot Stancy_McKatt's Avatar
    Join Date
    May 2002
    Location
    NW Tennessee, USA
    Posts
    164
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thanks!

    Thanks now I can get that layout done! >^-^<

    Thanks A bunch.

    ~Crys


Bookmarks

Posting Permissions

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