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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Oct 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS/HTML positioning problem

    Hi everyone here is my problem. I have a page that displays the result of some dvd release they are displayed in seperate rectangle with the Case picture is on the left side and the rest is centered.

    here is the code that I have:

    Code:
    <style type="text/css">
    body
    {
    	font-family:Arial, Helvetica, sans-serif;
    	background-color:#000000;
    		}
    .general
    {
    background-image: url(http://web.com/pics/patternsbg0030.gif);
    	background-repeat:repeat;
    	width: 800px;
    	height:auto;
    	
    	
    }
    
    .dvdRel
    {
    	background-color:#000000;
    	padding: 5px; 
    	position:absolute; 
    	color:#FFFFFF;
    	}
    	
    	.dvdPagination
    {
    	padding: 5px; 
    	position:absolute;
    	color:#FFFFFF;
    
    	}
    .movie
    {
    	background-color:#000000;
    	margin-bottom: 15px;
    	border:1px solid #ffffff; /* Tu peu mettre un code de couleur #232323*/
    	padding:10px;
    	color:red; /* Tu peu mettre un code de couleur #232323*/
    	height:85px;
    	width: 750px;
    }
    .title
    {
    position:relative;
    left:20px;
    
    }
    
    .case
    {
    position:absolute;
    left:125px;
    }
    
    .reldate
    {
    position:absolute;
    left:500px;
    }
    
    .director
    {
    position:absolute;
    left:20px;
    }
    
    .mainmenu
    {
    background-color:#000000;
    	border:0px;
    text-decoration:none;
    
    }
    
    </style>
    </head>
    
    <body text ='#FF0000' link="#000000" vlink="#000000">
    <center>
    <div class="movie">
    
    
    <img src=<?=$list['relCase']?> height="85" width="65" class="case">
    <div class="title"><b> <?=$list['relTitle']?></b><br />
    <br>Release Date: <?=$list['relDate']?> </div><br />
    
    Director(s) : <?=$list['relDirector']?>
    
    </div>
    I skipped the database part but with that code I can only set the positioning for 1 resolution how can I position those variables so it fits with any resolution please.

  • #2
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    Do you have a live preview of this. sorry, but I find it easier to help when I see it (too lazy to upload/copy&paste it myself)
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!


  •  

    Posting Permissions

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