Avatar billede lurup Ekspert
18. september 2016 - 13:46 Der er 2 kommentarer og
1 løsning

Opstart side med rammer

Hej

En der kan hjælp mig med at lave en opstart side i php..
Min skal være opdelt som vist i følgende link

http://allanurup.dk/kat

opløsningen er 1920 x 1080
Bruger baggrundsbillede bg1.gif
Må gerne reload hver minut da sine sider henter data fra et web server

1000 TAK
Avatar billede olsensweb.dk Ekspert
18. september 2016 - 14:43 #1
du har allerede fået skabelonen i http://www.computerworld.dk/eksperten/spm/1012705?k=8232213
skal bare tilføje 2 div mere i
<div id="col_left">
  side1.html
  her mangler 2 div's
</div>


får at lave det ydre ramme, kunne man lave en div omkrig det hele, og sætte border på denne.


>Må gerne reload hver minut da sine sider henter data fra et web server
reload hele siden (meget simpelt)
google html meta refresh

reload dele af siden
som tidligere skrevet i http://www.computerworld.dk/eksperten/spm/1012710?k=8232522 AJAX
google jquery ajax

eller bedre websocket
google php websocket
google jquery websocket
Avatar billede lurup Ekspert
18. september 2016 - 16:50 #2
Ville ønske jeg havde ligeså nemt ved det......kommer vel engang.

Jeg har problemer med at skrive de forskellige højde på rammerne ??
alle i venstre side

dato = 20 %
side=  65 %
vagt = 15 %



<!DOCTYPE html>
<html lang="da">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>dhealm</title>
        <style type="text/css">

       
            html, body{
           
            height:25%;
            }
            body{
                font-family:'Comic Sans MS', Comic, Monospace;
           
    background-image: url("bg1.gif");
   
            }
            #col_left{

             
                width: 33.3%;
                float: left;
                min-height: 25%;
                border-right: 2px solid #767676;
         
            }



body{
           
            height:25%;
            }
            body{
                font-family:'Comic Sans MS', Comic, Monospace;
            }
            #col_left{
        //      background-color: red;
                width: 33.3%;
                float: left;
              //  min-height: 25%;


                border-right: 2px solid #767676;
           
            }
div {
    height:auto;
    min-height:60px;
}



            #col_right{               
                width: 66%;
                float: left;
            }
            /* http://stackoverflow.com/questions/5277161/why-is-min-height-not-working */
            #top{
             


        background-color:blue;
                min-height:50vh;

                border-bottom: 2px solid #767676;


            }
            #bund{
                background-color: white;
                min-height:50vh;


            //    border-right: 2px solid #767676;
              //  border-left: 1px solid #767676;
                border-top: 2px solid #767676;
              //  border-bottom: 2px solid #767676;



            }
        </style>       
    </head>
    <body>
       

<div id="col_left">
    <?php
    require('dato.php');
    ?>
</div>


<div id="col_left">
  <?php
    require('side.php');
    ?>
 
</div>

<div id="col_left">
  <?php
    require('vagt.php');
    ?>
 
</div>






        <div id="col_right">
            <div id="top">
                top.html
            </div>
   


<div id="col_right">
    <?php
    require('kvagtlille.php');
    ?>
</div>
        </div>
    </body>
</html>
Avatar billede olsensweb.dk Ekspert
18. september 2016 - 17:25 #3
har intet med PHP at gøre.

>Ville ønske jeg havde ligeså nemt ved det......kommer vel engang.
bliver du kun på én måde:
valider din HTML.
valider din CSS
få styr på box modellen
RTFM
øvelse,øvelse,øvelse

hvis din HTML ikke er valid kan du ikke stole på dit CSS
hvis din CSS ikke er valid, kan du ikke stole på dit layout, kan visses forskælligt fra browser til browser


>Jeg har problemer med at skrive de forskellige højde på rammerne ??
>alle i venstre side
din HTML, og CSS er ikke valid


https://validator.w3.org/
http://jigsaw.w3.org/css-validator/

brug udviklings værktøjet i din browser evt med den add-on der hedder "web developer"
google web developer addon
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester