Jump to content

Yvzslm

Members
  • Posts

    8
  • Joined

  • Last visited

Posts posted by Yvzslm

  1. Greetings!

    I designed a website for my friend. He is a radio programmer. Website include homepage - articles - broadcast records and about pages. Each page has it own design. I made it with Html, Css and W3css. Design is perfect, I'll be happy to show you when I publish the site.

    But my problem is, I don't know how can I publish the site and works correctly. For example: I designed articles page, and a panel to write it, and reading page for a single article. But how can I make things works together? Writing article panel is only the textbox and the submit button. When the user write an article and click to submit button; how to connect to database, editing to relating elements(?), transform it to a webpage. Maybe another panel for homepage about "Last articles" section works automatically. When the article count reaches ten, pagination works. And the new article pushes the another one to bottom maybe. Design is ok, but I don't know how to make this kind of things.

     I got stuck very badly. I tried to transform my codes for Wordpress theme, but I failed it.

    I would appreciate for any help.

  2. Greetings!

     

    http://www.w3schools.com/js/js_array_methods.asp

     

    I guess bottom of this page, Exercise buttons got a little problem.

    Exercise 3 button is sending to http://www.w3schools.com/js/exercise.asp?filename=exercise_arraysmet4 , 4 to 5, 5 to 6.

     

    exercise_arraysmet2 and exercise_arraysmet3 looks same.

     

    It's not a big deal, yes. But If the user doesn't use the buttons and change the URL for next exercise (like me), could miss 5th exercise.

  3.  

    ???

     

    Or maybe this one: https://jsfiddle.net/bry9duok/ (lol I'm laughing what I did.)

     

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8"/>
    <title>title</title>
    <style>
    body {
    background-color: grey;
    }
    .thumbnail {
    width: 200px;
    height: 300px;
    background-color: lightblue;
    text-align: center;
    border: 3px solid black;
    }
    .thumbnail .detail {
    width: 700px;
    height: 450px;
    background-color: lightblue;
    display: none;
    border: 3px solid black;
    }
    .thumbnail:hover .detail{
    display:block;
    position: relative;
    bottom: 150px;
    left: 150px;
    }
    .miniphoto {
    height: 50px;
    width: 50px;
    float:left;
    margin: 10px;
    }
    .widephoto {
    height: 50px;
    width: 100px;
    float: left;
    margin: 10px;
    }
    </style>
    </head>
    <body>
    <div class="thumbnail">
    <p><b>Name: Bill</b></p>
    <p><b>Posts:123</b></p>
    <div class="detail"> <img src="http://www.pennchc.org/page/sites/all/themes/simplecorp/images/people_alumni.jpg" height="100%" style="float:left;">
    <p><b>Name: Bill</b></p>
    <p><b>Gender: Male</b></p>
    <p><b>Location: London</b></p>
    <p><b>Language(s): English</b></p>
    <hr>
    <p><b>Photos</b></p>
    </div>
    </div>
    </body>
    </html>

     

  4. holy crap never mind I'm blind!! hahaha Thanks!!!! Thanks again I spent so much time lol trying so many different things, was doing z-index, overflow, tried moving divs... too funny a simple missed line can cause so many problems.

    I tried to clear "overflow: hidden;" and I guess it worked.

    Is that what you want to hear? Cause I tried a lot of things to solve for your problem, just like you :D:

×
×
  • Create New...