Jump to content

christina_g

Members
  • Content Count

    14
  • Joined

  • Last visited

Posts posted by christina_g


  1. The HTML should be ok, all elements have their closing tags and apparently in the right order :

     

    <div id="wrapper">

    <div class="left"><img src="goodbyemoney.jpg" /></div>

    <div class="right"><p>Release date : April 2005<br/>

    Produced by Highway Corp.<br/>

    <strong>Tracklist :</strong></p>

    <ol><li>1. Goodbye Money <a href="lyrics/goodbyemoney_lyrics.pdf"><img src="txt32.png"></a></li>

    <li>2. Rock'n'Roll Life <a href="lyrics/rnrlife_lyrics.pdf"><img src="txt32.png"></a></li>

    <li>3. Clear Out <a href="lyrics/clearout_lyrics.pdf"><img src="txt32.png"></a></li>

    </ol>

    </div>

    </div>

     

    On the other hand, I am not so sure that I've got the CSS part right ? :

     

    #wrapper {background-color: #000; overflow: hidden;}

    .left, .right{width: 47.5%; padding: 1%;}

    .left{float: left; background-color: black; color: #FFFFFF; text-align: left;}

    .right{float: right; background-color: black; color: #FFFFFF; text-align: left;}

    .right ol a img {float: left; margin: 0.3em;}

    .right ol {width: 8em;}

    .right ol a {float: right;}


  2. Thank you very much for the above. I just tried it out and the layout is very similar to what I had in mind :-)

    Ideally, and if this is technically possible, I would like to have the items of the list be located one below the other, with the icons vertically aligned - would there be any simple way to do this ?


  3. Understood, thank you.

     

    Now, how do I get paragraphs to be laid next to each other ? Because I would absolutely need the image to occupy the left part of the page, and have all the texte running down on the right side ?

    And how do I get the same for the ordered list items ?


  4. Hello everyone,

     

    I've styled my webpages and the links contained in it with an external CSS stylesheet.

     

    However, there is one link, occurring at the bottom of each page, that I would like to style in a different way.

     

    How can I do this ? The "general link styling" is located right after the "body" styling in the stylesheet :

     

     

    <style type="text/css>
    body {background-color: #000;
    cursor: url('cursor.cur'), auto;
    font-family: "Microsoft Sans Serif", Arial, sans-serif;
    font-color: #FFFFFF}
    a:link {color: #FF0000; text-decoration: none;}
    a:visited {color: #FF0000;}
    a:hover {color: #FF0000; text-decoration: underline}
    Thank you very much for your help !
    Christina

  5. Hello everyone,

     

    I have created a table for my website. Inside one of the cells, I would like to have items aligned much in the way I would align them with tabulations in, say, a word document :

     

    Item Second item

    Another item Fourth item

    and so on.

     

    I tried doing this by using the hspace attribute (for example hspace="94px"), varying the number of pixels according to the space needed between the items, but this is obviousely neither a professionnal solution nor does it really work out once I change browers (the items are no longer aligned).

     

    I've posted the code below in blue.

     

    Is there a more elegant way of doing this ? I thought of inserting other cells inside this cell, but I don't know whether this is possible ?

     

    Thank you very much for your help !

    Christina

     

     

    <table>
    <tr>
    <td><img src="goodbyemoney.jpg"</td>
    <td>Release date : April 2005<br/>
    Produced by Highway Corp.<br/>
    <b>Tracklist :</b><br/><br/>
    1. Goodbye Money <a href="lyrics/goodbyemoney_lyrics.pdf"><img src="txt32.png" hspace="94px"></a><br/>
    2. Rock'n'Roll Life <a href="lyrics/rnrlife_lyrics.pdf"><img src="txt32.png" hspace="101px"></a><br/>
    3. Clear Out <a href="lyrics/clearout_lyrics.pdf"><img src="txt32.png" hspace="143px"></a><br/>
    </td>
    </tr>
    </table>

  6. Thanks to both for your remarks !

     

    Here is the relevant part of the style sheet :

     

    Form:

    p.section_form {background-color: #000;
    color: #FFFFFF;
    font-size: 16px;
    font-family: "Microsoft Sans Serif", Arial, sans-serif;
    text-align: left;
    margin-left: 30px;}
    Table:
    table, td {background-color: #000;
    color: #FFFFFF;
    vertical-align: top;
    border-spacing: 30px;
    font-size: 16px;
    font-family: "Microsoft Sans Serif", Arial, sans-serif;
    text-align: left;
    margin-left: 30px;}
    Footer:
    p.footer {background-color: #000;
    color: #FFFFFF;
    font-size: 12px;
    font-family: "Microsoft Sans Serif", Arial, sans-serif;
    text-align: center;}
    I've closed the <tr> properly now, unfortunately this has no impact on the problem.If I should not use a <p> element for the form, which kind of "identification" should I use ?

  7. Hello everyone,

     

    I am facing an issue with a page containing a table and a form : the form does not take over the style defined in the style sheet.

    It work out fine once I omit the closing </table>, however in that case the order of the elements gets messed up.

     

    What can I do to fix this ?

    Here is the code (I've taken out several irrelevant elements (additional list items, metas, etc.) :

     

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="iso-8859-1" />
    <title>HIGHWAY - Hard Rock'n'Roll</title>
    <link rel="Shortcut icon" href="favicon2.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" media="screen" href="styles.css">
    <style>
    ul {list-style-type: none; margin: 0; padding: 0;}
    li {display: inline;}
    </style>
    </head>
    <body style="background-color:#000"> <center>
    <img src="logo_entete.jpg" alt="Logo Highway" style="width:700px; height:196px;"><br/>
    <br/>
    <br/>
    <!-- Site navigation menu -->
    <nav>
    <ul>
    <li><a href="news_fr.html">★ NEWS</a></li>    
    <li><a href="band_fr.html">★ BAND</a></li>    
    </ul>
    </nav>
    <br/>
    <!-- Main content -->
    <h1 style="text-align:left">CONTACT</h1>
    </br>
    <table>
    <tr>
    <td><u>Booking (France)</u><br/><br/>
    HIGHWAY Corp.<br/>
    128 Place du Quebec, Appt 36<br/>
    34000 Montpellier - France<br/>
    Email : highwaybeer@hotmail.com<br/>
    Téléphone : +33 6 29 37 93 57
    </td>
    <td><u>Booking international (hors France)</u><br/><br/>
    Big Noise Productions<br/>
    Christina Guntert<br/>
    Email : ca.guntert@hotmail.fr<br/>
    Téléphone : +33 6 43 58 53 29<br/>
     </br>
     
    </td>
    <td><u>Technicien son</u><br/><br/>
    Adrien Lagarde<br/>
    Email : lagarde.music@gmail.com<br/>
    Téléphone : +33 6 48 55 29 59<br/>
     </br>
     </br>
     
    </td>
    </table>
    <p class="section_form" align="left">
    <form action="MAILTO:ca.guntert@hotmail.fr"
    method="post" enctype="text/plain">
    Abonnez-vous à la newsletter :
         
    <input type=text name:mail value="Votre adresse email">
         
    <input type="submit" value="S'abonner">
    </form>
    </p>
    <br/>
    <!-- Footer -->
    <p class="footer">© Highway Corp. 2014</p>
    </body>
    </html>

     


  8. Hello everybody,

     

    I've created a table in HTML and while layout and styling with CSS is working nicely, the text of the first cell is very slightly shifted towards the bottom and therefore not aligned with the rest of the text in the other cells.

     

    post-175801-0-31895100-1408360629_thumb.jpg

     

    What is the reason for this and how can this issue be solved ?

     

    Thank you very much in advance !


  9. Hello everybody,

     

    I would like to add a simple form to a webpage that will allow internet users to suscribe to a newsletter by indicating their email address.I do have the HTML code for the form and it works out fine, but I do not know how to style the form with CSS (font, font size, text align, etc.).Currently, adding the HTML form code to the page overrides nearly all CSS styling defined for the section of the page concerned :-(

     

    Thank you very much in advance for your help !

×
×
  • Create New...