bonjour une personne très aimable pourrait m aider svp pour le reposionnement de l image et du titre en haut de page merci DEPUIS 3h du matin je galère encore et encore

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <!--[if lt IE 9]>
            <script src="http://github.com/aFarkas/html5shiv/blob/master/dist/html5shiv.js"></script>
        <![endif]--> <!-- Commentaire conditionnel qui permet de gérer les versions antérieures à IE9 pour l'affichage des header/sections/footer etc...-->
        <link rel="stylesheet" href="styles.css"/>  
        <title> CV Rabid Rabbit </title>
    </head>
     
    <!--Body-->
    <body>
     
        <div class="corps"> 
        <aside>
            
        </aside>
    
        <!--Header-->
        <div class="text"> 
        <header>

        <h1>AYOUKEN</h1>
            <h2>International Business Analyst</h2>
                <a href="img/elias.jpg"><img src="img/elias.mini.jpg" class="elias" alt="moi"/> </a> 

            
                 




        </header>
         
        <!--Nav-->
        
        <!--Section-->
        <section class="first">
        <h3 id="PE" class="titretest">Professional experience</h3>
            <ul>
               
                 
                <li> <em> June - September 2014 </em> <strong>International Business Developer </strong> for <a href="https://www.tradetracker.com/fr" target="_blank" title="Visit TradeTracker France Website !"> TradeTracker France</a>
                        <ul>
                            <li>Competitive <span class="test">intelligence study</span> reporting of market practices (affiliate marketing)</li>
                            <li>Weekly report on performances</li>
                            <li>Development of sales, communication and reporting supports</li>
                            <li>Contracts negotiations in French / English - personal ROI : >400%</li>
                        </ul>
                </li>
                 
                <li> <em> 2008-2013 </em> Student Jobs
                        <ul>
                            <li>Market Research Analyst for <a href="http://www.pub-n-drive.fr/" title="Visit also this one if you like :)" target="_blank"> Pub'n'Drive</a></li>
                            <li>Checkout assistant for Intermarché </li>
                            <li>Temporary work for the French contract agencies Adecco and Leader Interim</li>
                        </ul>
                </li>
            </ul>
        </section>
 
        <!--Section-->
        <section class="second">
        <h3 id="education">Education</h3>
        <ul>
            <li><em> 2014 - 2015 </em>  Master's degree (2nd year)<strong> “Intelligence, Strategy, and International Competitiveness" </strong> University of Lille</li>
                    <span class="definition">"International market intelligence, lobbying methods, crisis management, surveillance techniques, information cycle
                    , human network management, international financing and negotiation <br/>
                    <a href="http://openclassrooms.com/" title="I know how to use tooltips !" target="_blank">Openclassrooms</a> MOOCs : <em>Manage databases with MySQL, Build your website with HTML5 and CSS3</em></span>
                 
                 
            <li><em> 2013 - 2014 </em> ""Master's degree (1st year)<strong> “International Economics and Management" </strong> University of Lille</li>
                    <span class="definition"> Risks assessment, financial engineering, international competitiveness, international law, strategic marketing</span>
                 
                 
            <li> <em> 2010 - 2013 </em> Bachelor Degree <strong>“Applied Foreign Languages”</strong> University of Orleans </li>
                    <span class="definition">International marketing, logistic, communication, cross-cultural management, Common law, European law, financial
                    accounting, business English and Spanish</span>
                 
            </ul>
        </section>
 
        <!--Section-->
        <section class="third">
        <h3 id="skills">Skills</h3>
            <ul>
                <li> Languages </li>
                <ol>
                <li> French : Mothertongue </li>
                <li> English : Proficient </li>
                <li> Spanish : Limited professional skills </li>
                <li> Russian and Portuguese : Beginner </li>
                </ol>
                 
                <li> Informatics </li>
                MS Office, Salesforce, Google Analytics, Scoop-it, Alertinfo, Netvibes, C, HTML5
             
                <li> Work samples </li>
                <ul>
                    <li><a href="Sample/Sample_1.rar" title="Download the report">Report on the lobbying strategy of Google</a></li>
                    <li><a href="Sample/Sample_2.rar" title="Download the report">Report on the Islamist movements in Maghreb</a></li>
                    <li><a href="Sample/Sample_3.rar" title="Download the report">Country-Risk analysis of Indonesia</a></li>
                    <li><a href="Sample/Sample_4.rar" title="Download the report">Competitive Intelligence Study of Sweden</a></li>
                </ul>
                 
                <li> Hobbies & activities </li>
                Martial Arts, guitar, volley ball, jogging and swimming
                 
            </ul>
        </section>
        </div>
    </div>
  
    </body>
</html>

body, html{
   margin:auto 0;
   padding:5px;
   height:10%;
   background-color: white;
}
 
 
@font-face{
    font-family: 'LearningCurveProRegular';
    src: url('Polices/lcurve/LearningCurve_OT-webfont.eot');
    src: url('Polices/lcurve/LearningCurve_OT-webfont.eot?#iefix') format('embedded-opentype'),
         url('Polices/lcurve/LearningCurve_OT-webfont.woff') format('woff'),
         url('Polices/lcurve/LearningCurve_OT-webfont.ttf') format('truetype'),
         url('Polices/lcurve/LearningCurve_OT-webfont.svg#LearningCurveProRegular') format('svg');
         }
          
@font-face{
    font-family: 'oswald';
    src:url('Polices/oswald/Oswald-Bold.ttf');
        }
 
h1{
text-align: center;
font-size: 50px;
font-family: 'LearningCurveProRegular', Arial, serif;
}
h2{
font-size: xx-large;
text-align: center;
width: 400px;
font-family: 'oswald', Arial, serif;
}
h3{

color: #19647E;
font-size: large;
border: 3px maroon solid;
border-radius: 10px;
width: 200px;
}
 
li{
width: 300px;
margin-top: 10px;
}
 
.definition{
display: flex;
width: 500px;
}
 
.elias {
position: absolute;
float: right;
box-shadow: 5px 5px 5px black;
opacity: 0.7;
display: flex;
}
 
a{
color: black;
text-align: center;
}
a:hover {
color: black;
}
a:focus {
color: black;
}
 
section{
display: inline-block;
width : 130%;
margin-left: 60px;
overflow: hidden;
min-width: 10%;
margin-bottom: : 10%;
margin-top: 200px;
}
 
#nav li {/*attribut id !!*/
    display: inline-block;



}
#nav {
    padding: 0%; margin: 0;/* annule les marges par défaut du nav (tous les éléments block n'ont pas la même marge)*/
    text-align: center; /* centre le texte */



}
#nav a {
    margin: center;/*définit la marge entre chacun des éléments*/

display: inline-block;
}
aside{
    position:fixed;
    top:0;
    left:0%;
    bottom:0;
    width: 5%;
    background-color: orange;
}
.corps{
width:10%;
margin-right: : 0px
padding-left : 0%;
color: black;
display: flex;
    vertical-align: top;
min-height: 0%;
}
 
.text{
align-items: center;
text-align: center;
 margin:auto;
 display: flex;
vertical-align: top;

}

p{


}

-
Edité par Anonyme 12 octobre 2018 à 7:08:04

Anonyme

12 octobre 2018 à 6:59:46

Lamecarlate

12 octobre 2018 à 7:04:15

Bonjour,

Majuscules abusives

L'écriture en majuscules est considérée comme une parole criée et diminue autant la lisibilité du texte que sa compréhension. Les majuscules abusives sont donc interdites aussi bien dans les titres que dans les messages.

Pas d'aide concernant le code par MP, le forum est là pour ça :)

12 octobre 2018 à 7:08:19

ok c est compris

Forums des Zéros

positionement titre et image float

html/css

Majuscules abusives

positionement titre et image float

positionement titre et image float

html/css

Majuscules abusives

positionement titre et image float

Supprimer

Modérer

Signaler le message aux modérateurs