Player -> links | Filmpjes -> rechts

Gestart doorStef14 reacties41 weergaven

15 berichten · pagina 1 van 1

Stef

Lid · Topicstarter

Berichten
10.150
Reputatie
2
Punten
0,00
Lid sinds
Laatst gezien
Hallo,
Ik ben de laatste tijd veel bezig met mijn site, vandaar ook veel webwereld topics emoIk heb nu dus op http://onlineosx.nl/youtube/ het youtube script geüpload.
Maar zoals je kan zien staat het helemaal scheef...
Kan ik het zo maken dat de player links staat maar de filmpjes recht?
Zo is mijn code nu:
Spoiler tonen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans&subset=latin" /> 
    <link rel="stylesheet" href="base.css" /> 
<link rel="stylesheet" href="dock.css" /> 
<link rel="stylesheet" href="page.css" /> 


<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

<title>OSX Lion</title>
<style>
body {

 background: url(img/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

</style>
</head>
<center>
<body>
<div style="margin: 0; padding: 0; background: url(img/doorloop.png) repeat-x; height: 27px;" /><a href="#" /><img src="img/logo.png" alt="finder" style="a.current: url(logoactive.png);"></a>
<div style="padding-right:20px; float: right; color:#606060; font-weight:bold; font-family:Trebuchet MS, Arial, Helvetica, sans-serif">
 <BODY>
<script type="text/javascript" src="swfobject.js"></script> 
<script type="text/javascript" src="quvic.js"></script>

<link href="quvic.css" type="text/css" rel="stylesheet"/>

<center>
<br>
<div style="width: 720px;">  
<div id="playerContainer" style="width: 720px;"> 
<object id="player"></object>
</div>
<br> 
<div id="videoSize"> 
  <input type="button" id="Standard" value="Standard" onclick="javascript:HQPlayer()"></input> 
</div><br>
<div id="searchForm">
 <form id="searchForm" onsubmit="quvic.listVideos(search, this.searchTerm.value, 1); return false;"> 
               <input name="searchTerm" type="text" value="" style="WIDTH: 280px;"> 
        <input type="submit" value="Search"> 
      </form>
</div>
<br>
<div align="center">
    <a href="#" onclick="quvic.listVideos(recently_featured,,1); return false;"><b>Recently Featured</b></a> |
    <a href="#" onclick="quvic.listVideos(top_rated,,1); return false;"><b>Top Rated</b></a> |
    <a href="#" onclick="quvic.listVideos(most_viewed,,1); return false;"><b>Most Viewed</b></a> |
    <a href="#" onclick="quvic.listVideos(most_popular,,1); return false;"><b>Most Popular</b></a>
    </div>
<br>

 <div id="searchResultsNavigation" align="right"><LABEL id="videosinfo" align="right"></LABEL> <form id="navigationForm"><input type="button" id="previousPageButton" onclick="quvic.listVideos(quvic.previousQueryType, quvic.previousSearchTerm, quvic.previousPage);" value="<< prev" style="display: none;"></input><input type="button" id="nextPageButton" onclick="quvic.listVideos(quvic.previousQueryType, quvic.previousSearchTerm, quvic.nextPage);" value="next >>" style="display: none;"></input></form></div>

 
<div id="videolist"> 
<SCRIPT language=JavaScript type=text/javascript> 
            <!--
quvic.PresentVideos(recently_featured,,1);
//--> 
        </SCRIPT> 
</div> 
<div class="clear"></div>
<br>

<br>
    
<div id="bottom" style="width:720;">


YouTube Video Browser <b>&copy; <a href="http://www.quvic.com" target=_blank>QUVIC</a></b> | Developed by <a href="http://www.tyzen.net" target=_blank><b>TYZEN.NET</b></a> | <a href="http://tyzen.net/201" target=_blank><b>Get This Script</b></a><br><br>

</div>
</center>
 </BODY>
(niet helemaal natuurlijk)
Alvast bedankt!smile
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Ja dat kan. Moet je ze met floats naast elkaar zetten.
0
Stef

Lid · Topicstarter

Berichten
10.150
Reputatie
2
Punten
0,00
Lid sinds
Laatst gezien
Ik doe het liever in HTML aangezien ik niet goed ben in CSS.
Ik dacht aan zoiets als maar dan ... Snap?
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Ja ik snap het. Dan zou je met tabellen moeten gaan werken emo
0
Stef

Lid · Topicstarter

Berichten
10.150
Reputatie
2
Punten
0,00
Lid sinds
Laatst gezien
sadleyIk zal eens even kijken of CSS mogelijk is emo
toevoeging op 14 april 2013, 12:49:19:
Ik snap er de poep niet van emo
body{
    font-family: verdana;
    
    color: black;
    font-size: 12px;
    margin: auto;
}
a{
    color: #0000cc;
    text-decoration:none;
}

form {
  display: inline;
  margin: 0;
  padding: 0;
}
h1, h3, h4, h5{
    font-family: Verdana, Arial, georgia;
    margin:0px;
    padding-top: 5px;
    padding-bottom: 3px;
    color: black;
}
h2 {
    font-family: Verdana, Arial, georgia;
    margin:0px;
    padding-top: 5px;
    padding-bottom: 3px;
    color: silver;
}

img {
    border: 0;
}
dl.videos dt {
float: left;
width: 130px;
margin:0px;
padding:6.5px;
font-size: 11px;
font-family: Verdana, Arial;
height: 170px;
}
dl.videos dt img {
border: 3px solid #fff; /*!Thumbnail Border Back Ground Color important quvic.js-> line no. 295*/
cursor: pointer; 
}
 
#videolist {
 width: 720px;
height: 350px;
margin:0px;
padding:0px;
}

.video_thumb {background-color: white; position: relative; }

.thumbbox    { display: inline-block;
                    border: 0px solid #ffffff;
                    
                }
.thumbbox     { padding: 0px; }
.thumbbox .duration { padding: 0px 0px; right: 3px; bottom: 6px; }
.ptitle    { font-weight:bold; color:#000; }

.duration { 
border-bottom-left-radius: 2px 2px;
border-bottom-right-radius: 2px 2px;
border-top-left-radius: 2px 2px;
border-top-right-radius: 2px 2px;

opacity: 0.75;zoom: 1;
background-color: #6d6d6d;
color: white !important;
display: inline-block;
font-size: 11px;
font-weight: bold;
height: 15px;
line-height: 15px;
vertical-align: top;
position: absolute;
border: 0px;
}
0
Berichten
1.871
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Voorbeeldje:

<div style="width:900px;">
     <div style="width:450px; float:left;">
          Links
     </div>
     <div style="width:450px; float:left;">
          Rechts
     </div>
</div>
0
Berichten
414
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
http://texttube.com/

Als je de css ook goed had mee genomen en we website goed overgenomen hebt..
Dan zat het nu niet rechts
0
Stef

Lid · Topicstarter

Berichten
10.150
Reputatie
2
Punten
0,00
Lid sinds
Laatst gezien
Mertdelft schreef:
http://texttube.com/

Als je de css ook goed had mee genomen en we website goed overgenomen hebt..
Dan zat het nu niet rechts
Wat heeft dat er nou mee te maken?
Ik wil de player LINKS en de filmpjes (plaatjes) RECHTS...
0
Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
De player-div geef je een float:left mee. En de filmpjes-div ook.. Staan ze beiden links van elkaar.
Je kan ze ook los van elkaar left of right floaten. Net wat je handiger vindt.
0
Stef

Lid · Topicstarter

Berichten
10.150
Reputatie
2
Punten
0,00
Lid sinds
Laatst gezien
Aarclay schreef:
De player-div geef je een float:left mee. En de filmpjes-div ook.. Staan ze beiden links van elkaar.
Je kan ze ook los van elkaar left of right floaten. Net wat je handiger vindt.
Nja... Maar weet niet welk gedeelte van de player is, en welke van de filmpjes sadley
0
Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
Kijk eens met Firebug, en ga de zichtbare elementen er eens mee inspecteren.
Als webdesigner en programmeur is Firebug altijd je beste vriend.
0
Berichten
414
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Volgens mij is dit stuk van de videos onder de player

<div align="center">
    <a href="#" onclick="quvic.listVideos(recently_featured,,1); return false;"><b>Recently Featured</b></a> |
    <a href="#" onclick="quvic.listVideos(top_rated,,1); return false;"><b>Top Rated</b></a> |
    <a href="#" onclick="quvic.listVideos(most_viewed,,1); return false;"><b>Most Viewed</b></a> |
    <a href="#" onclick="quvic.listVideos(most_popular,,1); return false;"><b>Most Popular</b></a>
    </div>
<br>

 <div id="searchResultsNavigation" align="right"><LABEL id="videosinfo" align="right"></LABEL>
0
Stef

Lid · Topicstarter

Berichten
10.150
Reputatie
2
Punten
0,00
Lid sinds
Laatst gezien
YEAH! Het begint al ergens op te lijken emoTy Mertdelft!

Nu is het zo http://onlineosx.nl/youtube/
Nu wil ik eigenlijk de filmpjes nog meer naar boven en links als dat kan.
Weet iemand hoe?
0
Berichten
414
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Stefvdwel schreef:
YEAH! Het begint al ergens op te lijken emoTy Mertdelft!

Nu is het zo http://onlineosx.nl/youtube/
Nu wil ik eigenlijk de filmpjes nog meer naar boven en links als dat kan.
Weet iemand hoe?
style="width:450px; naar style="width:850px;
0
Stef

Lid · Topicstarter

Berichten
10.150
Reputatie
2
Punten
0,00
Lid sinds
Laatst gezien
Hetzelfde effect sadley
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren