[html, css, js] voor dummies #21

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_107838629
Er gaat niets kapot nee, maar de scheiding tussen de verschillende lagen van je website/applicatie worden wel minder strak - aangezien je logica aan je HTML gaat hangen. Voor mijn gevoel neigt het toch een beetje naar inline styling.
Nee.
pi_107838714
Zou iemand hier even naar kunnen kijken? Kom er zelf echt niet uit:

Browser resizen naar iets kleins.
http://dahndesigns.net/summit/

In Chrome laat ie wel een andere backside zien, maar in Safari en op de iPhone gewoon de gespiegelde voorkant? :S
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_107839460
Het heeft iig te maken met de position:absolute en de z-index die je op je .container hebt liggen. Als ik de .mobilemenu positioneer en een z-index geef die hoger ligt dan de .container krijg ik gewoon het gespiegelde element te zien wat over de container ligt. Ik zou dus de container display:none doen zodra je op de knop hebt geklikt.

Ofzo.
Nee.
pi_107840522
Ja dat heb ik nu, probleem alleen is nu dat je de rotatie niet meer ziet omdat die display:none meteen in werking gaat. Enig idee hoe ik die kan delayen?

Heb nu dit:

$(".container").toggleClass("containeractive");
$(".mobilemenu").toggleClass("mobilemenuactive")
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_107841148
Pff display:none met een setTimeout ofzo doen. Maar da's meer een work-around dan een oplossing. Mijn ervaring met die CSS 3D-transforms enzo is dat het maar een hoop ellende oplevert - zeker wanneer je het combineert met CSS Transitions.
Nee.
pi_107841473
Workaround wordt het dan. Ik ben een nul in jQuery, dus als je met dit kleine probleempje nog zou willen helpen zou het super zijn. Hoe voeg ik een delay toe aan een toggleclass?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_107841562
Ik snap niet dat mensen een nul in jQuery zijn, maar ondertussen wel met HTML5 boilerplate, CSS transforms en transitions aan de slag gaan :D

Maar goed, volgens mij heeft jQuery gewoon een delay() functie. Dan zou het zoiets worden gok ik (al maanden geen jQuery gedaan):

1$(".container").delay(500).toggleClass("containeractive");
Nee.
pi_107841666
Die functie had ik al geprobeerd, werkt helaas niet.

H5BP en CSS heb ik geen jQuery voor nodig. :P
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_107842972
quote:
0s.gif Op vrijdag 10 februari 2012 20:58 schreef Neraice het volgende:
Die functie had ik al geprobeerd, werkt helaas niet.

H5BP en CSS heb ik geen jQuery voor nodig. :P
http://lmgtfy.com/?q=delay+jquery
pi_107843130
Denk je dat ik dat niet al had geprobeerd? :P Ik kwam er gewoon niet uit, ben nu bezig met een andere oplossing.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_107843600
En het werkt, zelfs in IE :D
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  maandag 13 februari 2012 @ 12:40:32 #212
87680 Mirel
Mirel wil een bongophone.
pi_107926158
Hoe kan ik de AddThis Like knop fixen zodat 'ie het ook in Firefox doet? Als je iets liket, dan zie je het tekstwolkje naast de like knop niet. Op het AddThis forum zeggen ze niks. Ik ben niet te spreken over hun behulpzaamheid. }:|
http://support.addthis.co(...)-it-right?new=176005

www.mirelmasic.nl random post

Code is gewoon:
1
2
3
4		<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
</div>
<script type="text/javascript" data-src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f30145f710099d4" style="visibility:hidden;"></script>

Even iets anders. Ik wil een custom scrollbalk, die de gewone vervangt van de browser. Ik weet dan niet of ik hier moet wezen:
http://jscrollpane.kelvinluck.com/

Heb de bestanden gedownload en in een map gezet, en dit geprobeerd in de head, maar het werkt niet:
1
2
3
4
5
6
7
8		<link type="text/css" href="<?php bloginfo('stylesheet_url'); ?>/js/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="<?php bloginfo('stylesheet_url'); ?>/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_url'); ?>/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_url'); ?>/js/jquery.jscrollpane.min.js">
$(function(){
    $('#section-scroll').jScrollPane();
});
</script>


[ Bericht 20% gewijzigd door Mirel op 13-02-2012 13:03:04 ]
When all else fails, you always have delusion.
pi_107929981
Hoi!

Ik wil iets dat er een winner geselecteerd wordt uit een x aantal namen. Gezocht en dit gevonden: http://primaryschoolict.com/random-name-selector/. Het werkt en het ziet er nog eens mooi uit ook!

Code ietwat aangepast en getest, het werkt. Yay! (Voorbeeld met 10 namen: http://fok.zargon.nl/topic/1762349/naam.html.)

Maar nu kom ik erachter dat wanneer veel namen in de array zet, de winnaar pas een aantal seconden later gehighlight wordt. (Voorbeeld met véél meer namen: http://fok.zargon.nl/topic/1762349/namen.html.)

Te traag... Is er een manier om het hightlighten vlotter te maken? Ik heb gespeeld met de tijden en dergelijke, maar het ligt echt aan het aantal namen.

Of weten jullie misschien een betere methode?
pi_107930851
Aangezien het script de winnaar al heeft bepaald voordat 'ie uberhaupt gaat spinnen kan je eventueel voor een luie fix met css gaan:

1
2
3
4
5		#result1 {
 background-color: black; 
 color: rgb(223, 223, 223);
 height: 117px;
}
pi_107934585
Thanks! Dat werkt inderdaad. Beter dan niets!

Alleen... dat de winnaar pas gehighlight wordt op het einde wil ik graag behouden. Enig idee hoe dat kan? :P.
pi_108041283
Ik wil er met een scriptje voor zorgen dat een div (Of iets anders, als het moet) met de pagina meescrollt. Zoals de "Frontpage | Sport |Etc"-balk bovenin van FOK!.

Is het vmogelijk om een knopje te maken waarmee je die div vastzet? Voor gebruikers met een te klein scherm, voor als de div te lang wordt?

Bedankt O+
  donderdag 16 februari 2012 @ 12:45:24 #217
56176 Catch22-
Ben je Blind?!
pi_108041717
quote:
0s.gif Op maandag 13 februari 2012 16:43 schreef zarGon het volgende:
Thanks! Dat werkt inderdaad. Beter dan niets!

Alleen... dat de winnaar pas gehighlight wordt op het einde wil ik graag behouden. Enig idee hoe dat kan? :P.
maak er .done #result1 van en voeg de .done class toe aan een parent als eea klaar is?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108043341
quote:
0s.gif Op donderdag 16 februari 2012 12:31 schreef RenRen- het volgende:
Ik wil er met een scriptje voor zorgen dat een div (Of iets anders, als het moet) met de pagina meescrollt. Zoals de "Frontpage | Sport |Etc"-balk bovenin van FOK!.

Is het vmogelijk om een knopje te maken waarmee je die div vastzet? Voor gebruikers met een te klein scherm, voor als de div te lang wordt?

Bedankt O+
Dat is mogelijk.
pi_108045230
welkom in de wondere wereld van jQuery..die ik nog niet begrijp :')

ben er een beetje mee aan het spelen
maar ik snap m nie..

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23		<script type="text/javascript">
$(document).ready(function(){
     $(".??").mouseenter(function(){
        $(".??").animate({top:"-40px"},"fast");
       $(".??").animate({top:"-20px"},"fast");
  });
     $(".??").mouseleave(function(){
       $(".??").animate({top:"20px"},"fast");
        $(".??").animate({top:"0px"},"fast");
});
});
</script>
</head>
<body>

<br /><br />
    <div id="test">
<img src="facebook.png" />
        <ul class="gallery">
            <li><img src="facebook.png" /></li>
            <li><img src="facebook.png" /></li>
        </ul>
    </div>

Als probeerseltje wil ik een icoontje een beweging laten maken
Nu lukt het wel om een div of class de beweging te laten maken zodat alle icons bewegen.
Hoe kan ik alle icoontjes nu aparte laten bewegen? Kan dit wel op mijn manier? Wat moet ik dan op de ?? zetten
pi_108045331
1
2
3		<?php
$(".test img") 
?>

Geeft alle images binnen elementen met id "test"

1
2
3		<?php
$(".test") 
?>

Geeft alle elementen met id "test" terug.

1
2
3		<?php
$("#test") 
?>

Geeft alle elementen met class "test" terug.

[ Bericht 49% gewijzigd door #ANONIEM op 16-02-2012 14:54:59 ]
pi_108045517
quote:
0s.gif Op donderdag 16 februari 2012 14:54 schreef Scorpie het volgende:

[ code verwijderd ]

Geeft alle images binnen elementen met id "test"
[ code verwijderd ]

Geeft alle elementen met id "test" terug.
[ code verwijderd ]

Geeft alle elementen met class "test" terug.

Maar dan net andersom ;)
zcflevo.nl
pi_108046321
is dit dan gelijk aan img?
$(":image") All input elements with type="image"
is volgens w3schools

met
$(".test:img")
gaat toch alles mee...
misschien heb ik mijn probleem niet heel goed omschreven
maar van een rij icoontjes wil ik dat degene beweegt waar ik met de muis op kom
alleen die..en niet alle andere img die in de zelfde div of class staan

op ed.nl (halverwege de pagina) staat eigenlijk wat ik wil
probeer dit na te maken, om van te leren
Ik kan het trouwens niet zien hoe ze het daar gemaakt hebben :( toch wel :)

[ Bericht 39% gewijzigd door MrNiles op 16-02-2012 15:39:31 ]
pi_108046623
daar hebben ze "this" voor uitgevonden.
zcflevo.nl
pi_108087256
Ik heb de volgende code in m'n site om portfolio items via Ajax te laden. In die items wil ik graag een slider, maar die moet ik dan pas initiaten nadat de content is geladen met Ajax. Ik heb al een hoop gekloot met event re-binding etc maar ik kom er niet uit. Iemand die kan helpen?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40		// FlexSlider <- dit moet geladen worden in de ajax content
$(window).load(function() {
    $('.flexslider').flexslider({
        animation: "slide"
    });
});

$(document).ready(function() {  
  
    // Check for hash value in URL  
    var hash = window.location.hash.substr(1);  
    var href = $('.menu li a').each(function(){  
        var href = $(this).attr('href');  
        if(hash==href.substr(0,href.length-5)){  
            var toLoad = hash+'.html #portfolio';  
            $('#portfolio').load(toLoad)  
        }  
    });  
  
    $('.menu li a').click(function(){  
  
    var toLoad = $(this).attr('href')+' #portfolio';  
    $('#portfolio').slideUp('fast',loadcontent);  
    $('#load').remove();  
    $('#wrapper').append('<span id="load">LOADING...</span>');  
    $('#load').fadeIn('normal');  
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);  
    function loadcontent() {  
        $('#portfolio').load(toLoad,'',showNewcontent())  
    }  
    function showNewcontent() {  
        $('#portfolio').slideDown('slow',hideLoader());  
    }  
    function hideLoader() {  
        $('#load').fadeOut('normal');  
    }  
    return false;  
  
    });  
});  


[ Bericht 49% gewijzigd door Neraice op 17-02-2012 17:42:20 ]
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  vrijdag 17 februari 2012 @ 17:38:23 #225
134533 donroyco
dus niet Donroyco
pi_108087306
Zet je code eens in codebrackets.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_108087323
quote:
4s.gif Op zondag 8 januari 2012 00:25 schreef picodealion het volgende:
Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag ([ afbeelding ]), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.

zcflevo.nl
pi_108087475
Sorry, fixed.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_108104189
Iemand? Volgens mij is het vrij simpel maar het lukt me maar niet ;(
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  vrijdag 17 februari 2012 @ 23:55:55 #229
137776 boem-dikkie
Jedi Mind Baby!
pi_108104333
Hoe bedoel je 'iniaten'? Je kunt het jQuery slider stuk toch sowieso inladen en de div die de boel laat sliden meesturen als container van de door AJAX ingeladen items?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_108104487
Je kunt toch gewoon na het succesvol voltooien van je Ajax-request die initialisatie van die flexslider aanroepen...?
Nee.
pi_108104646
Het probleem is dat de slider in de container niet werkt omdat die al geladen is voordat de container gebruikt wordt (die roep je immers pas later handmatig op).

Wat ik dus wil is de slider pas laden na de AJAX-load van de container, zoals PimD zegt. Dit lukt me echter niet ( ben niet zo'n jQuery held).
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_108104729
Je hebt toch gewoon een showContent-functie aangemaakt... die wordt neem ik aan aangeroepen zodra je AJAX-ding voltooid is...?
Nee.
pi_108104843
Ja, maar als ik daar de slider probeer te doen dan doet ie het niet meer, dus daar doe ik iets fout. Kan m'n code nu helaas niet posten want ik zit op mobiel.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  zaterdag 18 februari 2012 @ 00:11:09 #234
137776 boem-dikkie
Jedi Mind Baby!
pi_108104952
Kijk met Firebug (oid) wat er allemaal gebeurt als je Ajax wordt ingeladen.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_108105060
Goed idee, zal ik morgen even doen. Alleen volgens mij is het heel simpel.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  zaterdag 18 februari 2012 @ 09:40:41 #236
87680 Mirel
Mirel wil een bongophone.
pi_108109538
quote:
0s.gif Op maandag 13 februari 2012 12:40 schreef Mirel het volgende:
Hoe kan ik de AddThis Like knop fixen zodat 'ie het ook in Firefox doet? Als je iets liket, dan zie je het tekstwolkje naast de like knop niet. Op het AddThis forum zeggen ze niks. Ik ben niet te spreken over hun behulpzaamheid. }:|
http://support.addthis.co(...)-it-right?new=176005

www.mirelmasic.nl random post

Code is gewoon:
[ code verwijderd ]

Even iets anders. Ik wil een custom scrollbalk, die de gewone vervangt van de browser. Ik weet dan niet of ik hier moet wezen:
http://jscrollpane.kelvinluck.com/

Heb de bestanden gedownload en in een map gezet, en dit geprobeerd in de head, maar het werkt niet:
[ code verwijderd ]

When all else fails, you always have delusion.
  zaterdag 18 februari 2012 @ 12:40:04 #237
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_108112870
quote:
0s.gif Op zaterdag 18 februari 2012 09:40 schreef Mirel het volgende:

[..]

Met die like-buttons ben ik niet bekend, maar je scrollbalk zou met die header in feite gewoon moeten werken.

Zie hier een werkend voorbeeld

SPOILER: En de code
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.


[ Bericht 2% gewijzigd door BBQSausage op 18-02-2012 12:51:11 ]
  zaterdag 18 februari 2012 @ 14:03:17 #238
137776 boem-dikkie
Jedi Mind Baby!
pi_108115433
Je werkende voorbeeld faalt hier nogal.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  zaterdag 18 februari 2012 @ 14:04:52 #239
87680 Mirel
Mirel wil een bongophone.
pi_108115490
quote:
7s.gif Op zaterdag 18 februari 2012 12:40 schreef BBQSausage het volgende:

[..]

Met die like-buttons ben ik niet bekend, maar je scrollbalk zou met die header in feite gewoon moeten werken.

Zie hier een werkend voorbeeld

SPOILER: En de code
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
ik zie witte leegte

edit: inmiddels doet 'ie het. Maar ik wil een script waarbij de gewone scrollbalk van de browser zelf vervangen wordt. Helemaal rechts. Niet binnen een div
When all else fails, you always have delusion.
  zaterdag 18 februari 2012 @ 14:18:25 #240
12221 Tijn
Powered by MS Paint
pi_108115848
Dan zet je het toch gewoon op het body-element ipv een div?
Verberg de nieuwsticker
pi_108116173
Custom scrollbalken. Ik snap echt niet dat mensen browser gedrag/controls gaan proberen te customizen. Custom scrollbalken, zelf een select-box maken met CSS, print-knoppen aanbieden op de website, previous/next knoppen... Zo moe word ik er van.
Nee.
  zaterdag 18 februari 2012 @ 14:50:06 #242
87680 Mirel
Mirel wil een bongophone.
pi_108116747
quote:
2s.gif Op zaterdag 18 februari 2012 14:18 schreef Tijn het volgende:
Dan zet je het toch gewoon op het body-element ipv een div?
oh ja, natuurlijk
When all else fails, you always have delusion.
  zaterdag 18 februari 2012 @ 14:51:26 #243
230788 n8n
Pragmatisch
pi_108116790
quote:
0s.gif Op zaterdag 18 februari 2012 14:29 schreef PimD het volgende:
Custom scrollbalken. Ik snap echt niet dat mensen browser gedrag/controls gaan proberen te customizen. Custom scrollbalken, zelf een select-box maken met CSS, print-knoppen aanbieden op de website, previous/next knoppen... Zo moe word ik er van.
“Specialization is for insects”.—Robert Heinlein
pi_108116873
quote:
0s.gif Op zaterdag 18 februari 2012 14:29 schreef PimD het volgende:
Custom scrollbalken. Ik snap echt niet dat mensen browser gedrag/controls gaan proberen te customizen. Custom scrollbalken, zelf een select-box maken met CSS, print-knoppen aanbieden op de website, previous/next knoppen... Zo moe word ik er van.
Hoog hobby gehalte wat mij betreft. Als ik dat op een website zie ga ik van :') naar :D naar :'( naar :( naar _O-
  zaterdag 18 februari 2012 @ 15:08:34 #245
87680 Mirel
Mirel wil een bongophone.
pi_108117262
Gewoon, omdat het kan.
When all else fails, you always have delusion.
  zaterdag 18 februari 2012 @ 15:26:43 #246
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_108117764
quote:
10s.gif Op zaterdag 18 februari 2012 14:03 schreef boem-dikkie het volgende:
Je werkende voorbeeld faalt hier nogal.
:{ Vreemd, hier werkt ie prima in FF,Chrome & IE.
  zaterdag 18 februari 2012 @ 15:34:06 #247
56176 Catch22-
Ben je Blind?!
pi_108117949
quote:
0s.gif Op zaterdag 18 februari 2012 14:29 schreef PimD het volgende:
Custom scrollbalken. Ik snap echt niet dat mensen browser gedrag/controls gaan proberen te customizen. Custom scrollbalken, zelf een select-box maken met CSS, print-knoppen aanbieden op de website, previous/next knoppen... Zo moe word ik er van.
designers hebben er nogal een handje van. niet doen inderdaad. gewoon niet
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108118243
Hoi!

Ik heb de volgende code: (code van de tekst op een footer)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43		<div class="layout-col-01">
<div class="block">
<div style="margin-top: 0px;">
<table style="height: 221px;" class="klantenservice" border="0">
<tbody>
<tr>
<td style="padding-left: 15px;" height="150" valign="top" width="25%" align="left">
  <strong><span style="color: #333333; font-size: 12px;">Website</span></strong>
<ul>
<p><li><a target="_self" href="http://www.site.nl">Bedrijfsinformatie</a></li></p>
<p><li><a target="_self" href="http://www.site.nl">Contact</a></li></p>
<p><li><a target="_self" href="http://www.site.nl"> Keurmerk</a></li></p>
<p><li><a target="_self" href="http://www.site.nl">Site</a></li></p>
</ul>
</td>
<td style="padding-left: 15px;" height="150" valign="top" width="25%" align="left">
<span style="color: #333333; font-size: 12px;"><strong>Bestellen</strong></span>
<ul>
  <p><li><a target="_self" href="http://www.site.nl">Een bestelling plaatsen</a></li></p>
<p><li><a target="_self" href="http://www.site.nl">Orderstatus volgen</a></li></p>
<p><li><a target="_self" href="http://www.site.nl">Bestelling annuleren</a></li></p>
</ul>
</td>
<td style="padding-left: 15px;" height="150" valign="top" width="25%" align="left">
<span style="color: #333333; font-size: 12px;"><strong>Betalen</strong></span>
<p><img src="www.afbeelding.nl" height="45" width="89" /></p>
</td>
  <td style="padding-left: 15px;" height="150" valign="top" width="25%" align="left">
<span style="color: #333333; font-size: 12px;"><strong>Keurmerk</strong></span>
<p><img src="www.afbeelding.nl" height="45" width="89" /></p>
</td>
<td style="padding-left: 15px;" height="150" valign="top" width="25%" align="left">
<span style="color: #333333; font-size: 12px;"><strong>Vind ons op</strong></span>
<img src="facebook.logo" height="32" width="32" /> facebook
<img src="twitter.logo" height="32" width="32" /> twitter
<img src="youtube.logo" height="32" width="32" /> hyves
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

Ik wil de links die onder de titels staan , zoals bestelling plaatsen, orderstatus volgen e.d. (zijn niet de werkelijke teksten) onder elkaar hebben, en niet naast elkaar.
Ik heb dit opgelost door de <p> tags er voor en achter te zetten. Echter maken deze een hoop witregels tussen deze teksten.

> Mijn vraag dus: Hoe kan ik deze links (woorden) onder elkaar zetten zonder de <p> tags en zonder dat er een hele witregel tussen komt.

> Hoe kan ik eventueel ervoor zorgen dat de titel ''Vind ons op'' ook op één regel komt te staan? Want deze tekst staat nu op twee regels.

BVD!
pi_108118938
Dat zouden ze al moeten hebben, <li> elementen zijn standaard blok-elementen die onder elkaar stapelen. Ik denk dat er ergens een css regel is die dat verneukt.

Verder is je HTML echt verschrikkelijk, sorry. Elementen op plaatsen waar ze niet mogen (een <p> om een <li> heen), inline styles, tabellen voor de layout, elementen die gebruikt worden puur voor layout in plaats van om hun semantische waarde. Volg eens een paar tutorials (semantische) html en css.
pi_108119350
Ik heb er zelf ook helemaal geen verstand van. Maarja, als de <li> en <p> tags het voor elkaar krijgen, waarom zou ik het dan eigenlijk de moeilijke weg doen?
Maar bedankt voor de tip, zal eens wat tutorials gaan bekijken.

En het zal dan inderdaad wel aan de css files ergens liggen. Want op een gewone tekstpagina werkt het wel zonder de P tags..

Met inline styles, bedoel je dat ik de style codes in de css moet plaatsen en niet de html file?
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[html, css, js] voor dummies #21
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')