win95 inside browser - Softwareontwikkeling

vrijdag 30 september 2011 11:20

Acties:

Topicstarter

Beste tweakers,

ik probeer win95 na te maken in de browser. op dit moment heb ik een bureaublad en een taakbalk. het horizontale gedeelte doet het prima op elke resolutie. echter het verticale gedeelte niet. ik kan dit wel met 95,4% goed laten aansluiten op een hd resolutie maar niet op een 4:5 enz. ook op een 10:19 mis ik dan één rij pixels.

wat ik dus wil is dat de taakbalk wat eigenlijk een <div> is aan de onderkant kleeft en het bureau blad automatisch zich eraan vast kleeft.

http://i.imgur.com/IffiH.png

hier zie je een voorbeeld

mijn code ziet er nu zo uit:

html

<html>
<head>
<title>win95</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="win95.css"/>
<script src="start.js"></script>
</head>
<body>
<div class="center">
<div class="buro" onclick="init2()">
bureaublad
</div>
<div class="taakb" >
<div class="start" onclick="init()" >
<img src="picto/vlagk.png" class="vlag"> Start
</div>
<div class="clock">

</div>
</div>
</div>
</body>
</html>

html

mijn css
body{margin:0;padding:0;border:0;font-family:Calibri;font-weight:bold;}

.center{
height: 100%;
width: 100%;
}

.buro{
z-index: 10;
height:90%; /*height:97.2%;*/
width:90,1%;
background-color: #008080;
}

.taakb{
z-index: 10;
height: 24px;
width: 90,1%;
border-top:3px ridge #FFFFFF;
background-color: #C0C0C0;
}

.start{
margin-top:1px;
margin-left:3px;
width:50px;
height:16px;
border:3px ridge #FFFFFF;
background-color: #C0C0C0;
font-size:15px;
border-bottom-color:rgba(14, 13, 38, 0.707031);
border-right-color:rgba(14, 13, 38, 0.746094);
}

.vlag{
margin-top:1px;
margin-left:1px;
width:14px;
height:12px;
text-align:left;
}

.cloc{
height: 10px;
margin:-10px 0px 0px 957px;
width: 10px;
border:3px ridge #FFFFFF;
background-color: #C0C0C0;
}
mijn css

als je mijn html css en javascript wilt bewerken hier zijn alle bestanden:

*snip*

[ Voor 1% gewijzigd door RobIII op 30-09-2011 11:21 ]

sirwilliam

vrijdag 30 september 2011 11:21

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Euh; sorry, maar zo werkt het hier niet: Kan iemand even...?
Neem even onze Quickstart bij de hand als je een topic opent

We verwachten een (uitgeklede!) testcase waarin je je probleem illustreert met enkel de hoognodige CSS/HTML zodat we tussen de bomen niet op zoek hoeven naar de speld

_{Spreekwoorden zijn niet mijn sterkste punt} Ook is het handig als je een concrete vraag stelt; die zie ik nu ook niet echt in je topic; je zegt nu wel "ik wil dit-en-dat" maar ik zie nergens wat je zelf geprobeerd/gezocht/gevonden hebt.

Verder: als je code post, gebruik dan code tags a.u.b.

[ Voor 34% gewijzigd door RobIII op 30-09-2011 11:25 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

Dit topic is gesloten.