hello
I'm creating on my test server to submit a site Anime, Asian Movies and Dramas.
I code in xhtml 1.0t but I made my php pages just for the include for the moment and maybe more later.
so far no problem.
I made my design and everything set up (finally can close, otherwise I would not be there)
Above all this is the link test.
and now that I think my problems will not do for you.
1) above and below my menu (yes it is my menu Zoli
) I would like to 5px of "empty" (transparent) story aired, but it does not, I try the padding, margin, top, ect ...
2) any right of my menu I can not remove the separator.
3) in the dropdown menu, I can not put my stick flags left and right stick with the text in the center.
4) I can not focus on the menu that appears when moving the mouse so that the left side sticks to the one above. basically I want the left side menu that appears either as the right side.
5) who wanted to put a small effect on the page, so I put a horny corner (bottom right), initially I had built at the foot of my copyright page, but insisted written in the white and I wanted it in the black, so, I cut the image in half and put the white in a div that I called corps_bas (yes I know it's very original) and black part that I left in the footer.
but it was too good to be true, because not remove the space between the 2.
these are the codes:
index.php
Code: HTML - Select
PHP Code:
<! 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>
<title>Asian Videos: Home</ Title>
<Meta http-equiv ="Content-Type" content ="Text / html charset = iso-8859-1" />
<Meta name ="Description" content ="Anime, Concerts, Movies and Dramas (not licensed in France) Chinese, Korean, Japanese, Taiwanese." />
<Meta name ="Keywords" content ="Anime, Concerts, Movies and Dramas (not licensed in France) Chinese, Korean, Japanese, Taiwanese" />
<Link href ="Images / favicon.ico" rel ="Shortcut icon" type ="Image / x-icon" />
<Link href ="Css / style.css" rel ="Stylesheet" type ="Text / css" media ="Screen" />
<Link href ="Css / menu.css" rel ="Stylesheet" type ="Text / css" media ="Screen" />
<Link href ="Css / pied.css" rel ="Stylesheet" type ="Text / css" media ="Screen" />
<Link href ="Css / lightbox.css" rel ="Stylesheet" type ="Text / css" media ="Screen" />
<Link href ="Css / jquery.css" rel ="Stylesheet" type ="Text / css" media ="All" title ="Normal" />
<Script src ="Js / jquery.js" type ="Text / javascript"> </ Script>
<Script src ="Js / lightbox.js" type ="Text / javascript"> </ Script>
<Script src ="Js / prototype.js" type ="Text / javascript"> </ Script>
<Script src ="Js / scriptaculous.js? Load = effects, builder" type ="Text / javascript"> </ Script>
</ Head>
<body>
<Div id ="Header">
</ Div>
<Div id ="Menu">
<? Php include ('menu.php');>
</ Div>
<Div id ="Body">
</ Div>
<Div id ="Corps_bas">
</ Div>
<Div id ="Foot">
<? Php include ('pied.php');>
</ Div>
</ Body>
</ Html>
menu.php
PHP Code:
<Ul id ="Menu" class ="Menu_contenu">
<li> <a href ="Index.php">Home</ A> </ li>
<Li class ="List"> <A href ="#">Anime</ A>
<Ul class ="Submenu">
<li> <a href ="Anime / Chinese /"> <Img src ="Images / chine.png" alt ="China"/> Chinese <Img src ="Images / chine.png" alt ="China"/> </ A> </ li>
<li> <a href ="Anime / Korean /"> <Img src ="Images / coree_du_sud.png" alt ="South Korea"/> Coreens <Img src ="Images / coree_du_sud.png" alt ="South Korea"/> </ A> </ li>
<li> <a href ="Anime / Japanese /"> <Img src ="Images / japon.png" alt ="Japan" title ="Japanese"/> Japanese <Img src ="Images / japon.png" alt ="Japan" title ="Japanese"/> </ A> </ li>
<li> <a href ="Anime / Taiwan /"> <Img src ="Images / taiwan.png" alt ="Taiwan"/> Taïwanais <Img src ="Images / taiwan.png" alt ="Taiwan"/> </ A> </ li>
</ Ul>
</ Li>
<Li class ="List"> <A href ="#">Artists</ A>
<Ul class ="Submenu">
<li> <a href ="Artist / Chinese /"> <Img src ="Images / chine.png" alt ="China"/> Chinese <Img src ="Images / chine.png" alt ="China"/> </ A> </ li>
<li> <a href ="Artist / Korean /"> <Img src ="Images / coree_du_sud.png" alt ="South Korea"/> Coreens <Img src ="Images / coree_du_sud.png" alt ="South Korea"/> </ A> </ li>
<li> <a href ="Artist / Japanese /"> <Img src ="Images / japon.png" alt ="Japan" title ="Japanese"/> Japanese <Img src ="Images / japon.png" alt ="Japan" title ="Japanese"/> </ A> </ li>
<li> <a href ="Artist / Taiwan /"> <Img src ="Images / taiwan.png" alt ="Taiwan"/> Taïwanais <Img src ="Images / taiwan.png" alt ="Taiwan"/> </ A> </ li>
</ Ul>
</ Li>
<Li class ="List"> <A href ="#">Dramas</ A>
<Ul class ="Submenu">
<li> <a href ="Dramas / Chinese /"> <Img src ="Images / chine.png" alt ="China"/> Chinese <Img src ="Images / chine.png" alt ="China"/> </ A> </ li>
<li> <a href ="Dramas / korean /"> <Img src ="Images / coree_du_sud.png" alt ="South Korea"/> Coreens <Img src ="Images / coree_du_sud.png" alt ="South Korea"/> </ A> </ li>
<li> <a href ="Dramas / Japanese /"> <Img src ="Images / japon.png" alt ="Japan" title ="Japanese"/> Japanese <Img src ="Images / japon.png" alt ="Japan" title ="Japanese"/> </ A> </ li>
<li> <a href ="Dramas / Taiwan /"> <Img src ="Images / taiwan.png" alt ="Taiwan"/> Taïwanais <Img src ="Images / taiwan.png" alt ="Taiwan"/> </ A> </ li>
</ Ul>
</ Li>
<Li class ="List"> <A href ="#">Movies</ A>
<Ul class ="Submenu">
<li> <a href ="Films / Chinese /"> <Img src ="Images / chine.png" alt ="China"/> Chinese <Img src ="Images / chine.png" alt ="China"/> </ A> </ li>
<li> <a href ="Movies / korean /"> <Img src ="Images / coree_du_sud.png" alt ="South Korea"/> Coreens <Img src ="Images / coree_du_sud.png" alt ="South Korea"/> </ A> </ li>
<li> <a href ="Film / Japanese /"> <Img src ="Images / japon.png" alt ="Japan" title ="Japanese"/> Japanese <Img src ="Images / japon.png" alt ="Japan" title ="Japanese"/> </ A> </ li>
<li> <a href ="Film / Taiwan /"> <Img src ="Images / taiwan.png" alt ="Taiwan"/> Taïwanais <Img src ="Images / taiwan.png" alt ="Taiwan"/> </ A> </ li>
</ Ul>
</ Li>
<li> <a href ="Http://www.addthis.com/bookmark.php?v=250" onmouseover ="Addthis_open return (this,'', '[URL]', '[TITLE]')" onmouseout ="Addthis_close ()" onclick ="Addthis_sendto return ()">Share</ A> <script type ="Text / javascript" src ="Http://s7.addthis.com/js/250/addthis_widget.js?pub=breat"> </ Script> </ li>
<Li class ="List"> <A href ="#">We follow</ A>
<Ul class ="Submenu">
<li> <a href ="Http://www.facebook.com/pages/Asian-Videos/164612486901980" target ="_blank" title ="Go on the" Facebook "> <Img src ="Images / facebook.png" alt ="Facebook" title ="Go on the" Facebook "/> Facebook <Img src ="Images / facebook.png" alt ="Facebook" title ="Go on the" Facebook "/> </ A> </ li>
<li> <a href ="Http://twitter.com/Asian_Videos" target ="_blank" title ="Go on the" Twitter "> <Img src ="Images / twitter.png" alt ="Twitter" title ="Go on the" Twitter "/> Twitter <Img src ="Images / twitter.png" alt ="Twitter" title ="Go on the" Twitter "/> </ A> </ li>
<li> <a href ="Rss.php" title ="Subscribe to RSS feed"> <Img src ="Images / rss.png" alt ="Rss" title ="Subscribe to RSS feed"/> RSS <Img src ="Images / rss.png" alt ="Rss" title ="Subscribe to RSS feed"/> </ A> </ li>
</ Ul>
</ Li>
<Li class ="List"> <A href ="#">Partners</ A>
<Ul class ="Submenu">
<li> <a href ="Http://www.cdjapan.co.jp/aff/click.cgi/8U21aEwn3lw/1679/A318631/?_xbid=CDJapan+General+Banner" target ="_blank">CDJapan</ A> </ li>
<li> <a href ="Https: / / www.dropbox.com/referrals/NTY3OTE0MzI5" target ="_blank">Dropbox</ A> </ li>
<li> <a href ="Http://www.fileserve.com/signup.php?reff=x7i5z5blR2k ~" target ="_blank">FileServer</ A> </ li>
<li> <a href ="Http://www.linkbucks.com/referral/136780" target ="_blank">Linkbucks</ A> </ li>
<li> <a href ="Http://www.megaupload-premium.com" target ="_blank">Megaupload Premium</ A> </ li>
<li> <a href ="Https: / / www.pando.com/myaccount/create/0/affiliate/12A74E3B3E92FCEE0CDFF676377CE6E6" target ="_blank">Pando</ A> </ li>
<li> <a href ="Http://www.play-asia.com/SOap-23-83-c3fk-49-fr.html" target ="_blank">Play-Asia</ A> </ li>
<li> <a href ="Http://c.actiondesk.com/?s=43044&p=26&pp=1" target ="_blank">VirtuaGirl HD</ A> </ li>
</ Ul>
</ Li>
<li> <a href ="Plan_du_site.php">Sitemap</ A> </ li>
<li> <a href ="Contact.php">Contact</ A> </ li>
</ Ul>
pied.php
PHP Code:
<p>
© 2010 - Asian VideBone - All rights reservres.<Br />
Asian VideNo bone’heShoreline any files. Fran Lawçallows you comfortable to teleupload a file only if you possedez s’original.<Br />
Neither Asian Videbones nor our hebergeurs, no one can êvery own responsibility to’improper use of this site.
</ P>
style.css
PHP Code:
@ Charset "Utf-8";
/*
Theme Name: Asian Videos v1
Theme URI:
Description: Asian Videos v1
Author: Asian Videos
Author URI:
*/
/ * Page * /
body {
text-align:justify;
background:# E0DEE9 url (.. / images / corps.jpg) repeat-x 450px top;
font-family:Verdana, Arial, "Arial Black", Helvetica, "Times New Roman", Times, serif, sans-serif;
}
img {
border-style:none;
}
/ * Styles * /
. Style1 {
text-align:left;
}
. Style2 {
text-align:center;
}
. Style3 {
text-align:right;
}
/ * Header * /
# Header {
margin:Self;
padding-top:5px;
width:1024px;
height:278px;
background:url (.. / images / logo.png) no-repeat center top;
}
/ * Main page * /
# Body {
width:1024px;
min-height:662px;
background-color:# FAFAFA;
margin:0 Self;
padding-top:5px;
}
# Corps_bas {
width:1024px;
height:89px;
background:# FAFAFA url (.. / images / corps_bas.png) no-repeat;
margin:0 Self;
}
menu.css
PHP Code:
# Menu {
margin:0 Self;
padding:0;
clear:Both;
width:1024px;
height:51px;
background:# D6EAF8 url (.. / images / dropdown-bg.gif) repeat-x left top;
}
ul. Menu_contenu,
ul. Menu_contenu li {
list-style:none;
margin:0;
padding:0;
}
ul. Menu_contenu {
position:on;
z-index:597;
}
ul. Menu_contenu li: Hover > ul {
visibility:visible;
}
ul. Menu_contenu li. Hover,
ul. Menu_contenu li: Hover {
position:on;
z-index:599;
cursor:point;
background:url (.. / images / dropdown-bg-hover.gif) repeat-x center top;
}
ul. Menu_contenu li {
float:left;
display:block;
height:51px;
color:#999999;
are:14px Arial, Helvetica, sans-serif;
background:url (.. / images / separator.gif) no-repeat right center;
}
ul. Menu_contenu li has {
display:block;
padding:16px 16px 0 16px;
height:35px;
color:#999999;
are:14px Arial, Helvetica, sans-serif;
text-decoration:none;
}
ul. Menu_contenu li has: Hover {
color:# D6D6D6;
}
ul. Menu_contenu *. List {
padding-left:13px;
padding-right:13px;
background:url (.. / images / navigation-arrow.gif) no-repeat right top;
}
ul. Submenu {
visibility:hidden;
position:Absolute;
padding:10px;
top:48px;
left:0;
z-index:598;
background:#353535 url (.. / images / dropdown-list-bg.gif) repeat-x center top;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
}
ul. Submenu li {
list-style:none;
display:block;
padding:0;
height:27px;
float:none;
width:145px;
border-bottom:1px solid # 5A5A5A;
background:none;
}
ul. Submenu li has {
list-style:none;
display:block;
padding:6px 5px 6px 5px;
height:15px;
float:none;
text-align:center;
width:145px;
background:none;
are:12px Arial, Helvetica, sans-serif;
}
pied.css
PHP Code:
# Foot {
margin:Self;
width:1024px;
height:71px;
font-size:small;
color:#666666;
text-align:center;
background:# FAFAFA url (.. / images / pied.png) no-repeat center;
}
yes I know it's a lot of CSS file but it's easier if I want to change something later, it avoids a single file of 500 lines :lol:
thank you in advance for your help
- Edit -
I have big problem when I write something in the body of my page I have a space that appears between the body and corps_bas and put aside </ p> or <h1> </ h1> and 2 small chips have been yours, not affected the rest of the css.
a solution?
