uitlijning van div op 1 regel

djeric · 12 jan 2016

hallo.

mijn website krijg ik maar niet aan de gang.

(let op de website staat op een index 2.html pagina, omdat de oude website terug online staat.)

Ik blijf met me bovenste regel knoeien waar ik gebleven was.
Alles moet boven aan op de bovenste achtergrond komen te staan. echter schuift alles kris kras door elkaar

zo staat hij nu:

en zo wil ik hem:

HTML:

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>wat is er nieuw op hitdance radio</title>
<meta name="description" content="dance, hardstyle, apresski, nederlands, rock, jaren 70, jaren 80, jaren 90, hitdance, radio, met muziek voor jong en oud, en de leukste dj's">
<meta name="keywords" content="online, dj, muziek, hard dance, hardstyle, live dj, nieuws, dj team, live, live dj, radio luisteren, verzoekplaat, verzoekjes, spiegelplaat, facebook, radio, live streams, boekingen, gezocht, draait">
<link href="hitdance.css" rel="stylesheet" type="text/css">

    <!-- Insert to your webpage before the </head> -->
    <script src="audioplayerengine/jquery.js"></script>
    <script src="audioplayerengine/amazingaudioplayer.js"></script>
    <link rel="stylesheet" type="text/css" href="audioplayerengine/initaudioplayer-1.css">
    <script src="audioplayerengine/initaudioplayer-1.js"></script>
    <!-- End of head section HTML codes -->

</head>

<body>

<div id="achtergrond">

<iframe src="http://server13003.irserv2.com/djdisplay/" class="djdisplay" style="height: 43%; width: 150px;"></iframe>
<img class="autoresize" src="plaatjes/logo.png" title="Logo" alt="Logo"></img>
<div style="margin:12px auto;">
    
    <!-- Insert to your webpage where you want to display the audio player -->
    <div id="amazingaudioplayer-1" style="display:block;position:relative;width:300px;height:164px;margin:0px auto 0px;">
        <ul class="amazingaudioplayer-audios" style="display:none;">
            <li data-artist="" data-title="" data-album="" data-info="" data-image="" data-duration="0">
                <div class="amazingaudioplayer-source" data-src="http://178.251.24.69:7039/stream" data-type="audio/mpeg" />
            </li>
        </ul>
        <div class="amazingaudioplayer-engine"><a href="http://amazingaudioplayer.com" title="audio player for website">html5 audio player</a></div>
  
    <!-- End of body section HTML codes -->
	<div class="nowplying"><a href="http://server13003.irserv2.com/nowplaying/index.php" title="Now playing"></a>
  </div>
</div>
</div>
<img class="buma" src="plaatjes/buma.png" title="Buma-stemra" alt="Buma-stemra"></img>
<img class="sena" src="plaatjes/sena.png" title="Sena" alt="Sena"></img>

</div></div>

 </body>
 </html>

Code:

body{
background:#000000;
}

div#achtergrond {
	height: 350px;
	width: 100%;
	background: #000000 url(plaatjes/achtergrond.jpg) no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
}

.djdisplay  { float: left; width: 100%; height: 175px;  
position: absolute;
top: 180px;
margin-left : 1%;
height : 160px; 
width : 150px;
max-width : 150px;
border: 0px;
} 

img.autoresize  { 
height : auto; 
max-width : 100%; 
width : auto; 
margin-left : 175px;
margin-right: 10px;
}

img.buma  {
height : auto; 
max-width : 100%; 
width : auto;
margin-left : 0px;
margin-right: 10px;
}
img.sena  { 
height : auto; 
max-width : 100%; 
width : auto; 
margin-left : 0px;
margin-right: 10px;
}

p.s. enkele plaatjes en/of afbeeldingen wijken af, omdat er met paint is gewerkt voor duidelijke voorbeeld.

NewbiProgrammer · 21 jan 2016

Hallo Eric,

Als je je mediaspeler in je header wilt tonen, dan moet je de div van de mediaspeler in de afbeelding div zetten (je header div). Als je de mediaspeler dan een position: absolute; geeft en de afbeelding div een position: relative; dan zal de mediaspeler onwillekeurig van andere elementen in je header staan. Dan kan je door middel van een top: 5em en right: 1em; bijvoorbeeld je mediaspeler rechts boven tonen.

djeric · 22 jan 2016

NewbiProgrammer zei:
Hallo Eric,

Als je je mediaspeler in je header wilt tonen, dan moet je de div van de mediaspeler in de afbeelding div zetten (je header div).

Hij staat al op de juiste locatie in me html code.

NewbiProgrammer zei:
Als je de mediaspeler dan een position: absolute; geeft en de afbeelding div een position: relative; dan zal de mediaspeler onwillekeurig van andere elementen in je header staan.

De speler heeft nu een waarde met "absolute" maar er is geen afbeelding in me html opmaak om de afbeeling op "relative" te plaatsen.

NewbiProgrammer zei:
dan zal de mediaspeler onwillekeurig van andere elementen in je header staan.

klopt, hij verschuift nu mee naar uiterst links van de pagina. maar zit over de logo en banner (welke niet zijn bewerkt nog) van de buma/sena logo.

NewbiProgrammer zei:
Dan kan je door middel van een top: 5em en right: 1em; bijvoorbeeld je mediaspeler rechts boven tonen.

dit blijkt idd nu goed te gaan. staat rechts boven, zoals je nu (tijdelijk) kunt zien op: deze pagina

bron · 3 mrt 2016

Hi Eric,

Het is (in ieder geval voor mij) makkelijk als je direct na <title> een <base> in de html zet. Dan kunnen helpers de code even snel in xampp zetten en zien we direct alle foto's.

Code:

<base href="http://www.hitdance.nl/">

<img class="buma" src="plaatjes/buma.png" alt="" />
is dan voor anderen zichtbaar alsof dit er staat:
<img class="buma" src="http://www.hitdance.nl/plaatjes/buma.png" alt="" />

Suc6 met je website.

djeric · 3 mrt 2016

bron zei:
Hi Eric,

Het is (in ieder geval voor mij) makkelijk als je direct na <title> een <base> in de html zet. Dan kunnen helpers de code even snel in xampp zetten en zien we direct alle foto's.

Code:

<base href="http://www.hitdance.nl/">

<img class="buma" src="plaatjes/buma.png" alt="" />
is dan voor anderen zichtbaar alsof dit er staat:
<img class="buma" src="http://www.hitdance.nl/plaatjes/buma.png" alt="" />

Suc6 met je website.

Ik heb het erin opgenomen, maar me pagina lijnt nog steeds niet goed uit.

De rechter boven hoek weigerd bij mobile versie netjes onder elkaar te komen (het schuift over elkaar de plaatjes)
en een test in internet explorer geeft een lange breede versie van de html 5 player weer. (in crome niet)

pffffffffffffffff ik weet t gewoon niet meer.

check

bron · 3 mrt 2016

Ik heb het erin opgenomen, maar me pagina lijnt nog steeds niet goed uit

Het is geen oplossing voor je vraag, maar een gemak voor mesnen die willen/kunnen helpen.

djeric · 4 mrt 2016

bron zei:
Het is geen oplossing voor je vraag, maar een gemak voor mesnen die willen/kunnen helpen.

ik weet het, blijkt toch ik niet verder kom met me vraag hier.
Ik ben een vechter, maar lijkt erop ik wordt tegen gehouden door die .... css code.

bericht #5 geeft me vervolg vraag maar weer eens aan, ik hoop iemand met een uitleg kan komen, waarom ik t nog altijd fout doe?

kenikavanbis · 4 mrt 2016

dit zou je kunnen doen voor een img gallerij
display:inline-block;

Code:

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<GALLERY>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.gallery{background:#FFD4FF;}
#galleryitem{display:inline-block; 
			vertical-align:top;text-decoration: none; border: none;
}
#galleryitem a{text-decoration:none;}
#galleryitem fieldset{min-height:120px; min-width: 120px;text-decoration:none; text-align:center; margin:7px 7px 7px 7px;background:#ffeeaa;}
#galleryitem img{text-decoration:none; border:0px solid #999999;}
.galleryitem{display:inline-block;
			vertical-align:top;text-decoration: none; border: none;
}

je maakt een div gallery
dan een div galleryitem nu zie je dat niet alleen id maar ook class moet aanmaken.
Dit is voor de mindere browsers die het maar na tweede keer verstaan wat er verlangt wordt.

djeric · 4 mrt 2016

kenikavanbis zei:
je maakt een div gallery
dan een div galleryitem nu zie je dat niet alleen id maar ook class moet aanmaken.
Dit is voor de mindere browsers die het maar na tweede keer verstaan wat er verlangt wordt.

???????????????????????

Ik zie totaal geen verschil hierna, en heb een div opgenomen in me html code met gallery. echter als ik hem test heb ik t zelfde resultaat uit #5

Code:

body{
background:#000000;
}

div#achtergrond {
	height: 350px;
	width: 100%;
	background: #000000 url(plaatjes/achtergrond.jpg) no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
}

h2  { 
color: #000000;
font-size : 1.2em;
}

.djdisplay  { float: left; width: 100%; height: 175px;  
position: absolute;
top: 185px;
margin-left : 1%;
height : 160px; 
width : 150px;
max-width : 150px;
border: 0px;
} 

img.autoresize  { 
height : auto; 
max-width : 100%; 
width : auto; 
margin-left : 150px;
margin-right: 10px;
}

div#html5player
{
top: 1em; 
right: 1em;
}


.gallery{background:#FFD4FF;}
#galleryitem{display:inline-block; 
			vertical-align:top;text-decoration: none; border: none;
}
#galleryitem a{text-decoration:none;}
#galleryitem fieldset{min-height:120px; min-width: 120px;text-decoration:none; text-align:center; margin:7px 7px 7px 7px;background:#ffeeaa;}
#galleryitem img{text-decoration:none; border:0px solid #999999;}
.galleryitem{display:inline-block;
			vertical-align:top;text-decoration: none; border: none;
}

HTML:

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>wat is er nieuw op hitdance radio</title>

<base href="http://www.hitdance.nl/">

<meta name="description" content="dance, hardstyle, apresski, nederlands, rock, jaren 70, jaren 80, jaren 90, hitdance, radio, met muziek voor jong en oud, en de leukste dj's">
<meta name="keywords" content="online, dj, muziek, hard dance, hardstyle, live dj, nieuws, dj team, live, live dj, radio luisteren, verzoekplaat, verzoekjes, spiegelplaat, facebook, radio, live streams, boekingen, gezocht, draait">
<link href="hitdance2.css" rel="stylesheet" type="text/css">

</head>

<body>

<div id="gallery">

<div id="achtergrond">

<iframe src="http://server13003.irserv2.com/djdisplay/" class="djdisplay" style="height: 43%; width: 150px;"></iframe>

<img class="autoresize" src="plaatjes/logo.png" title="Logo" alt="Logo" style="height: 100%; width: 800px;">

<div id="html5player" style="display:block; position: absolute; width:300px; height:164px; margin:0px auto 0px;">

<audio controls preload='metadata'>
    <source src='http://178.251.24.69:7039/stream'>
</audio>

<iframe src="http://178.251.24.69:2199/recentfeed/ebosman/html/" name="Play history" style="background-color: #cccccc; height: 200px; width: 100%;"></iframe>


<H2 STYLE="background-color: #0099ff;">stemra licentie: SW15n:00</h2>
<H2 STYLE="background-color: #ff9900;">Sena: n.r. SW 966.15</h2>
</div>
</div>

</div>

 </body>
 </html>

bij internet explorer wordt de html5 player erg breed en komt de displayblock niet meer goed uit.
bij verkleinen van scherm, schuift het rechter deel over me logo heen, en wordt niet meer leesbaar.
wat doe ik er dan aan fout?

djeric · 3 apr 2016

Ik heb veel geprobeerd maar kom er nog altijd niet uit.
ik heb een percentage gegeven in procenten (i.p.v. vaste breedte)
Ik heb hem responsieve proberen te maken.

maar nog altijd schuift de webpagina over elkaar heen als deze smaller wordt.
Iets gaat er totaal mis bij het verkleinen.

Zo wil ik hem in het voorbeeld:

maar echter gaat t mis zoals je ziet op deze pagina: check

mijn huidige css code nu is:

Code:

body{
background:#000000;
}

div#achtergrond {
	height: 350px;
	width: 100%;
	background: #000000 url(plaatjes/achtergrond.jpg) no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
}

.djdisplay  {
position: absolute;
top: 185px;
margin-left : 1%;
height : 160px; 
width : 100%;
border: 0; 
} 


img.logo  { 
position: absolute;
top: 5%;
width : 50%;  
margin-left : 175px;
}

div#html5player
{
left : 75%;
margin-right: -50%;
top: 1em; 
right: 1em;
}

Mijn huidige html code nu is:

HTML:

<!DOCTYPE html>
<html lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>wat is er nieuw op hitdance radio</title>
<meta name="description" content="dance, hardstyle, apresski, nederlands, rock, jaren 70, jaren 80, jaren 90, hitdance, radio, met muziek voor jong en oud, en de leukste dj's">
<meta name="keywords" content="online, dj, muziek, hard dance, hardstyle, live dj, nieuws, dj team, live, live dj, radio luisteren, verzoekplaat, verzoekjes, spiegelplaat, facebook, radio, live streams, boekingen, gezocht, draait">
<link href="hitdance2.css" rel="stylesheet" type="text/css">

</head>

<body>

<div id="achtergrond">

<iframe src="http://server13003.irserv2.com/djdisplay/" class="djdisplay"></iframe>

<img class="logo" src="plaatjes/logo.png" title="Logo" alt="Logo">

</div>

<div id="html5player" style="display:block; position: absolute; width:300px; height:164px; margin:0px auto 0px;">

<audio controls preload='metadata'>
    <source src='http://178.251.24.69:7039/stream'>
</audio>

<iframe src="http://178.251.24.69:2199/recentfeed/ebosman/html/" name="Play history" style="background-color: #cccccc; height: 200px;"></iframe>


<H2 STYLE="background-color: #0099ff;">stemra licentie: SW15n:00</h2>
<H2 STYLE="background-color: #ff9900;">Sena: n.r. SW 966.15</h2>
</div>

 </body>
 </html>

Iemand enige idee hoe ik hem wel goed krijg na onderhand 4 maanden vechten aan de code ?

bron · 3 apr 2016

Je had bijvoorbeeld gebruik kunnen maken van mijn code bij je eerdere post. Als extra heb ik hier een eenvoudig menu toegevoegd. De rest kun je dan zelf.

html

Code:

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>wat is er nieuw op hitdance radio</title>
<meta name="description" content="dance, hardstyle, apresski">
<meta name="keywords" content="online, dj, muziek, hard dance">
<base href="http://www.hitdance.nl/">
<link rel="stylesheet" href="hitdance2.css">
</head>
<body>
<div class="container">
   <div id="header" class="row">
      <div id="header-midden">
         <img src="plaatjes/logo.png" alt="" />
         <div id="menu" class="row">
            <ul class="nav">
            <li><a href="">Menu 1</a></li>
            <li><a href="">Menu 2</a></li>
            <li><a href="">Menu 3</a></li>
            <li><a href="">Menu 4</a></li>
            </ul>
         </div>
      </div>
      <div id="header-links">
         <img src="images/auto.png" alt="" />
      </div>
      <div id="header-rechts">
         <audio controls preload='metadata'>
         <source src='http://178.251.24.69:7039/stream'>
         </audio>
      </div>
   </div>
</div>
</body>
</html>

css

Code:

* {
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
}
html {
   height: 100%;
}
body {
   height: 100%;
   margin: 0;
   color: #fff;
   background: url("http://www.hitdance.nl/plaatjes/achtergrond.jpg") no-repeat;
   -webkit-background-size: cover;
      -moz-background-size: cover;
           background-size: cover;
}
img {
   border: 0;
   vertical-align: middle;
}
.container:before,
.container:after,
.row:before,
.row:after {
   display: table;
   content: " ";
}
.container:after,
.row:after {
   clear: both;
}
.container {
   min-height: 100%;
   max-width: 970px;
   margin: 0 auto;
   padding: 15px;
}
@media (min-width: 768px) {
   .container {
      width: 730px;
   }
}
@media (min-width: 992px) {
   .container {
      width: 970px;
   }
}
.row {
   position: relative;
}
.container > .row {
   margin-right: -15px;
   margin-left: -15px;
}
.row > div {
   float: left;
   position: relative;
   padding-right: 15px;
   padding-left: 15px;
   min-height: 1px;
}
#header img {
   display: block;
   width: 100%;
   max-width: 100%;
   height: auto;
}
#header-midden {
   width: 100%;
}
#header-links,
#header-rechts {
   width: 50%;
}
@media (min-width: 768px) {
   #header-links,
   #header-rechts {
      width: 25%;
   }
   #header-links {
      position: absolute;
      left: 0%;
   }
   #header-midden {
      position: absolute;
      left: 25%;
      width: 50%;
   }
   #header-rechts {
      position: absolute;
      left: 75%;
   }
}
#header-rechts audio {
   display: block;
   width: 99.999%;
   max-width: 100%;
}
#nav {
   width: 100%;
}
.nav, .nav li, .nav a {
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent;
}
.nav {
   float: left;
   width: 100%;
   margin-bottom: 10px;
   position: relative;
   list-style-type: none;
}
.nav li {
   float: left;
   width: 23%;
   margin: 0 1%;
   list-style-type: none;
   vertical-align: middle;
}
.nav li:hover {
   cursor: pointer;
}
.nav a {
   display: block;
   text-decoration: none;
   padding: 10px 10px;
   line-height: 1;
   background-color: #33c;
   color: #fff;
   text-align: center;
   white-space: nowrap;
}
@media (min-width: 768px) {
   .nav a {
      padding: 6px 10px;
   }
}
@media (min-width: 992px) {
   .nav a {
      padding: 14px 10px;
   }
}

Laat maar weten of deze code voor jou wel/niet handig is.

Suc6.

djeric · 4 apr 2016

bron zei:
Je had bijvoorbeeld gebruik kunnen maken van mijn code bij je eerdere post. Als extra heb ik hier een eenvoudig menu toegevoegd. De rest kun je dan zelf.

Laat maar weten of deze code voor jou wel/niet handig is.

Ja, jemig bron!.... pffffffff
Na 4 maanden kom jij weer met een mooie oplossing he en dan zoveel werk.
Je moet eens weten hoe blij ik al ben met dit resultaat.
Er moet nog wel wat toegepast worden, maar dat moet lukken lijkt me.
Ik moet wel even de code goed bestuderen.

Nogmaals good work:thumb:

wordt vervolgt...

djeric · 8 apr 2016

bron zei:
De rest kun je dan zelf.
Suc6.

als dit waar kon zijn....pffff

probleem is ik wil het wel, maar lukt me niet goed.
Ik heb hem nu zo online staan wat nog altijd niet goed is: check

Mijn huidige code nu:

Code:

* {
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
}
html {
   height: 30%;
   background:#000000;
}
body {
   height: 100%;
   margin: 0;
   color: #fff;
   background: url("http://www.hitdance.nl/plaatjes/achtergrond.jpg") no-repeat;
   -webkit-background-size: cover;
      -moz-background-size: cover;
           background-size: cover;
}
img {
   border: 0;
   vertical-align: middle;
}
.container:before,
.container:after,
.row:before,
.row:after {
   display: table;
   content: " ";
}
.container:after,
.row:after {
   clear: both;
}
.container {
   min-height: 100%;
   max-width: 970px;
   margin: 0 auto;
   padding: 15px;
}
@media (min-width: 768px) {
   .container {
      width: 730px;
   }
}
@media (min-width: 992px) {
   .container {
      width: 970px;
   }
}
.row {
   position: relative;
}
.container > .row {
   margin-right: -15px;
   margin-left: -15px;
}
.row > div {
   float: left;
   position: relative;
   padding-right: 15px;
   padding-left: 15px;
   min-height: 1px;
}
#header img {
   display: block;
   width: 100%;
   max-width: 100%;
   height: auto;
}
#header-midden {
   width: 100%;
}
#header-links,
#header-rechts {
   width: 50%;
}
@media (min-width: 768px) {
   #header-links,
   #header-rechts {
      width: 25%;
   }
   #header-links {
      position: absolute;
      left: 0%;
      display : inline-block; 
      margin : 5px 0; 
      padding : 5%; 
      width : 40%; 
	  display : block; 
      list-style : none; 
	  border : 0;
   }
   #header-midden {
      position: absolute;
      left: 25%;
      width: 50%;
   }
   #header-rechts {
      position: absolute;
      left: 90%;
   }
   
.djdisplay  {
height : 160px; 
width : 100%;
border: 0; 
} 

#header-rechts audio {
   display: block;
   width: 99.999%;
   max-width: 100%;
}
#nav {
   width: 100%;
}
.nav, .nav li, .nav a {
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent;
}
.nav {
   float: left;
   width: 100%;
   margin-bottom: 10px;
   position: relative;
   list-style-type: none;
}
.nav li {
   float: left;
   width: 23%;
   margin: 0 1%;
   list-style-type: none;
   vertical-align: middle;
}
.nav li:hover {
   cursor: pointer;
}
.nav a {
   display: block;
   text-decoration: none;
   padding: 10px 10px;
   line-height: 1;
   background-color: #33c;
   color: #fff;
   text-align: center;
   white-space: nowrap;
}
@media (min-width: 768px) {
   .nav a {
      padding: 6px 10px;
   }
}
@media (min-width: 992px) {
   .nav a {
      padding: 14px 10px;
   }
}

HTML:

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>wat is er nieuw op hitdance radio</title>
<meta name="description" content="dance, hardstyle, apresski">
<meta name="keywords" content="online, dj, muziek, hard dance">
<base href="http://www.hitdance.nl/">
<link rel="stylesheet" href="hitdance2.css">
</head>
<body>
<div class="container">
   <div id="header" class="row">
      <div id="header-midden">
         <img src="plaatjes/logo.png" alt="" />
         <div id="menu" class="row">
            <ul class="nav">
            <li><a href="">Menu 1</a></li>
            <li><a href="">Menu 2</a></li>
            <li><a href="">Menu 3</a></li>
            <li><a href="">Menu 4</a></li>
            </ul>
         </div>
      </div>
      <div id="header-links">
        <iframe src="http://server13003.irserv2.com/djdisplay/" class="djdisplay"></iframe>
      </div>
      <div id="header-rechts">
         <audio controls preload='metadata'>
         <source src='http://178.251.24.69:7039/stream'>
         </audio>
		 
<iframe src="http://178.251.24.69:2199/recentfeed/ebosman/html/" name="Play history" style="background-color: #cccccc; height: 85px;"></iframe>
	 
<H3 STYLE="background-color: #0099ff;">stemra licentie: SW15n:00</h3>
<H3 STYLE="background-color: #ff9900;">Sena: n.r. SW 966.15</h3>
   </div>
   </div>
</div>
</body>
</html>

Rechterkant is enorm slecht.
De boel schuift bij kleine weergave weer in elkaar, wat ik ook aanpas in de code. het is me een raadsel.
de dj display (ik weet niet anders weer te geven dan in een frame, omdat het een link is ergens heen en geen afbeelding) dus heb maar 1 grote

bron · 8 apr 2016

Als Hagenees hou ik van vergelijkingen, "stel dat ik als kapper mensen ga knippen dan ziet het er ook niet uit". Je begrijpt wat ik bedoel. Je wilt zelf een website maken die van alles moet kunnen terwijl je geen html en css in de vingers hebt. Mijn advies: eerst aan de slag met tutorials en/of boeken! Of iemand inhuren die de website voor je maakt, dat kan ook.

uitlijning van div op 1 regel

djeric

Gebruiker

NewbiProgrammer

Gebruiker

djeric

Gebruiker

bron

Moderator

djeric

Gebruiker

bron

Moderator

djeric

Gebruiker

kenikavanbis

Terugkerende gebruiker

djeric

Gebruiker

djeric

Gebruiker

bron

Moderator

djeric

Gebruiker

Bijlagen

djeric

Gebruiker

bron

Moderator

Nieuwste berichten

Wij waarderen jouw privacy