abonnement Unibet Coolblue
pi_104740603
ander vraagje

om 2 heel verschillende lettertypes te gebruiken heb ik een font-face gebruikt
nu zijn staat 1 lettertype lager dan het andere.
Hoe kan ik dit oplossen
dit is de code:
1
2
3
        <div id="textheader">
        <span class="eroded">tekst1</span><span class="loco">  tekst2</span>
        </div>
css:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
@font-face {
    font-family: eroded;
    src: url('28days.eot');
    src: local(" 28days "), url( 28days.ttf ) format("truetype"); /* non-IE */
}

@font-face {
    font-family: loco;
    src: url('loco.eot');
    src: local(" loco"), url( loco.ttf ) format("truetype"); /* non-IE */
}

span.eroded
{
    font-family: eroded, sans-serif; 
    font-size:80px;
}
span.loco
{
    font-family: loco, sans-serif; 
    font-size:80px;
}

of beter image van maken??
pi_104740763
Hoe bedoel je lager? Pic?
  woensdag 23 november 2011 @ 22:18:11 #203
12221 Tijn
Powered by MS Paint
pi_104740918
Euh... Is de makkelijkste oplossing niet gewoon de lage tekst wat omhoog plaatsen, met bv zoiets?

1position: relative; top: -5px;
pi_104741201
  woensdag 23 november 2011 @ 22:22:53 #205
12221 Tijn
Powered by MS Paint
pi_104741271
Als het trouwens een header moet voorstellen, waarom gebruik je dan een div en niet gewoon een h-element?
pi_104741403
Tekst 2 groter in size?
pi_104741431
quote:
6s.gif Op woensdag 23 november 2011 22:22 schreef Tijn het volgende:
Als het trouwens een header moet voorstellen, waarom gebruik je dan een div en niet gewoon een h-element?
je eerste werkt igg :)

2de..uhm tja...waarom ook niet
pi_104741520
Plus, ik zou toch een image doen, want web-safe fonts!
pi_104741596
quote:
0s.gif Op woensdag 23 november 2011 22:26 schreef Tegan het volgende:
Plus, ik zou toch een image doen, want web-safe fonts!
maar met @font-face heb je daar toch geen last van?
ik heb de fonts erbij staan als file
  woensdag 23 november 2011 @ 22:27:42 #210
12221 Tijn
Powered by MS Paint
pi_104741627
quote:
0s.gif Op woensdag 23 november 2011 22:26 schreef Tegan het volgende:
Plus, ik zou toch een image doen, want web-safe fonts!
Hoezo?
pi_104741675
Owja laat maar. Newb snel wegrent :@ .
pi_104742108
nog 1 vraagje...en dan is het weer mooi geweest

met js onclick laat ik switchen tussen 2 css files
om tekst2 van andere kleur te voorzien
like so
1
2
3
4
5
6
7
8
9
10
<div class="eroded">
<a href="#" onclick="changeStyle('css/tekst1.css');
return false;" >tekst</a>
</div>
<div class="loco">
<a href="#" onclick="changeStyle('css/tekst2.css');
return false;" >
<span><span class="rood"> a</span><span class="oranje">b</span></a>

</div>

het is niet zo mooi om als code te zien..want tekst2 is nogal een lang woord...maar het werkt
...enigzins

als ik op het woord klik..dan duurt het nogal lang voordat de letters van kleur veranderen
iets van een halve seconde en niet echt vloeiend, zwart beeld enzo

is hier een andere javascript (oid) oplossing voor
pi_104742650
Omdat hij die andere CSS file moet downloaden. Dat kost tijd en server load, en is zeker niet handig.

Waarom doe je niet gewoon met bijvoorbeeld jQuery een class togglen on click? Dan doe je het bijv zo:

tekst.css
1.kleur1 { color: #FF0000; }

mijnSite.js
1
2
3
4
5
$(function() {
    $('#tekst2').click(function(e) {
        $(this).toggleClass('kleur1');
    });
});

HTML
1<span id='tekst2'>Klik</span>
Of toch du vader?
  woensdag 23 november 2011 @ 22:46:05 #214
12221 Tijn
Powered by MS Paint
pi_104742703
Dit is niet zo'n fraaie oplossing, MrNiles :')

Wat moet er gebeuren als je op een tekst klikt? Hij wordt alleen maar rood en verder niks?
pi_104745113
quote:
10s.gif Op woensdag 23 november 2011 22:46 schreef Tijn het volgende:
Dit is niet zo'n fraaie oplossing, MrNiles :')

Wat moet er gebeuren als je op een tekst klikt? Hij wordt alleen maar rood en verder niks?
Je kunt (afhankelijk van je doel) toch gewoon je body een andere class geven?
pi_104750369
quote:
10s.gif Op woensdag 23 november 2011 22:46 schreef Tijn het volgende:
Dit is niet zo'n fraaie oplossing, MrNiles :')

Wat moet er gebeuren als je op een tekst klikt? Hij wordt alleen maar rood en verder niks?
i know..maar hoe anders?

wat ik wil is in de header TEKST2 van kleur laten veranderen.
en dan elke letter een andere kleur + 1 img veranderen,
van z-w naar een kleur...misschien makkelijker met een hover?
pi_104751154
quote:
0s.gif Op woensdag 23 november 2011 23:34 schreef KomtTijd... het volgende:

[..]

Je kunt (afhankelijk van je doel) toch gewoon je body een andere class geven?
Dit idd.
pi_104751301
quote:
14s.gif Op donderdag 24 november 2011 09:20 schreef picodealion het volgende:

[..]

Dit idd.
die moet je ff verduidelijken...
  donderdag 24 november 2011 @ 10:08:05 #219
305897 remi1986
This MF is infected by madness
pi_104752140
quote:
0s.gif Op donderdag 24 november 2011 08:34 schreef MrNiles het volgende:

[..]

i know..maar hoe anders?

wat ik wil is in de header TEKST2 van kleur laten veranderen.
en dan elke letter een andere kleur + 1 img veranderen,
van z-w naar een kleur...misschien makkelijker met een hover?
Als je alleen de kleur wil veranderen is de oplossing van Luchtkoker een mooie (met jQuery).
Als je echt elke letter apart wil veranderen, moet je denk ik dan aan elke letter een aparte class hangen.
pi_104752528
quote:
0s.gif Op donderdag 24 november 2011 10:08 schreef remi1986 het volgende:

[..]

Als je alleen de kleur wil veranderen is de oplossing van Luchtkoker een mooie (met jQuery).
Als je echt elke letter apart wil veranderen, moet je denk ik dan aan elke letter een aparte class hangen.
hmm...daar eens induiken dan, en zo kan ik dan ook meteen een img veranderen?
  donderdag 24 november 2011 @ 10:31:15 #221
305897 remi1986
This MF is infected by madness
pi_104752704
quote:
0s.gif Op donderdag 24 november 2011 10:23 schreef MrNiles het volgende:

[..]

hmm...daar eens induiken dan, en zo kan ik dan ook meteen een img veranderen?
wat bedoel je met img veranderen?

Bedoel je in die onclick dan een plaatje veranderen?

quote:
$("#my_image").attr("src","second.jpg");
pi_104752788
quote:
0s.gif Op donderdag 24 november 2011 10:31 schreef remi1986 het volgende:

[..]

wat bedoel je met img veranderen?

Bedoel je in die onclick dan een plaatje veranderen?

[code]
$("#my_image").attr("src","second.jpg");
[/code]
Als je image een vaste hoogte/breedte heeft, en altijd dezelfde states (normaal en hover), dan is het beter en handiger om er een sprite van te maken, dus ze in 1 plaatje te zetten, die je met background-position goed zet.

Met de jQuery-oplossing (of kan zelfs met puur css dan), kan je de bgpos veranderen. Het voordeel is, dat als je er voor de eerste keer over hovert, het nieuwe plaatje niet ingeladen hoeft te worden en dus direct getoond wordt. Plus, het scheelt weer een request naar de server.
dat dus.
  donderdag 24 november 2011 @ 10:37:08 #223
137776 boem-dikkie
Jedi Mind Baby!
pi_104752822
Sprites zijn heel makkelijk. Je hoeft in principe alleen maar bij een :hover de position te veranderen.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_104753792
quote:
0s.gif Op donderdag 24 november 2011 10:31 schreef remi1986 het volgende:

[..]

wat bedoel je met img veranderen?

Bedoel je in die onclick dan een plaatje veranderen?

[..]

bij een hover of click op TEKST2 dat tekst2 veranderd in verschillende kleuren (verschillende classes) en tegelijkertijd dat er een image veranderd, deze image is precies hetzelfde alleen wat aangepast met photoshope, lengte/breedte blijven gelijk

sprites ken ik...maar werkt dat ook als ik over iets anders hover/click dan het plaatje?
pi_104754043
Ja, dat kan. Dan heb je wel jQuery (of plain old JS) nodig. Je krijgt dan zoiets:

1
2
3
4
5
6
7
  $('#tekst2').hover() {
     $('#img').css('background-position','bottom left');
     //en andere stuff die je wilt doen. 
}, {
    $('#img').css('background-position','top left');
    /// etc
}
dat dus.
  donderdag 24 november 2011 @ 20:06:17 #226
230788 n8n
Pragmatisch
pi_104773523
JS niet nodig als het een parent is, dan gebruik je natuurlijk gewoon: parent:hover img { wijziging }
Specialization is for insects”.—Robert Heinlein
pi_104835991
tis lastig spul...zeker als je er nog niet heel veel van snapt :(

misschien nog wat hulp
ik heb nu dit, dat laat de hele tekst hoveren


1
2
3
4
5
6
7
8
    $(document).ready(function() {
        $("#letters").hover(function() {
            $(".letter1").toggleClass("rood");
            $(".letter2").toggleClass("blauw");
            $(".letter3").toggleClass("geel");
            $(".letter4").toggleClass("oranje");
        });
    });

maar hoe kan ik dit nu combineren met een sprite...dat terwijl ik het woord hover
ook een image hover
pi_104836061
Zijn letter1/letter2/letter3/letter4 children van #letters? Zo ja, dan kun je het toch gewoon met CSS doen...?

1
2
3
4
5
6
<div id="letters">
<span class="letter1">A</span>
<span class="letter2">B</span>
<span class="letter3">C</span>
<span class="letter4">D</span>
</div>

en in je CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#letters span {
 ....
}

.letter1 { ... } 
.letter2 { ... } 
.letter3 { ... } 
.letter4 { ... } 

#letters:hover span {
   ....
}

#letters:hover .letter1 { ... } 
#letters:hover .letter2 { ... }
#letters:hover .letter3 { ... }
#letters:hover .letter4 { ... }
Bleuh.
  zaterdag 26 november 2011 @ 09:44:58 #229
137776 boem-dikkie
Jedi Mind Baby!
pi_104836087
quote:
0s.gif Op zaterdag 26 november 2011 09:37 schreef MrNiles het volgende:
tis lastig spul...zeker als je er nog niet heel veel van snapt :(

misschien nog wat hulp
ik heb nu dit, dat laat de hele tekst hoveren
[ code verwijderd ]

maar hoe kan ik dit nu combineren met een sprite...dat terwijl ik het woord hover
ook een image hover
Je zet dat plaatje normaal als background met een position. En als je hovert zorg je dat de position zo staat dat je een ander deel van het plaatje te zien krijgt. Je maakt dus bijv. de normal en hover boven elkaar en met background-position zorg je dat je eerst het bovenste deel van die afbeelding te zien krijgt en als je hovert het tweede deel.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_104836091
quote:
0s.gif Op zaterdag 26 november 2011 09:42 schreef PimD het volgende:
Zijn letter1/letter2/letter3/letter4 children van #letters? Zo ja, dan kun je het toch gewoon met CSS doen...?
[ code verwijderd ]

en in je CSS
[ code verwijderd ]

het letterstuk werkt..maar ik wil tegelijkertijd ook een image veranderen
hier werd aangeraden dmv sprites...
sprites werkt wel met css...maar hoe te combineren met jQuery
pi_104836111
quote:
14s.gif Op zaterdag 26 november 2011 09:44 schreef boem-dikkie het volgende:

[..]

Je zet dat plaatje normaal als background met een position. En als je hovert zorg je dat de position zo staat dat je een ander deel van het plaatje te zien krijgt. Je maakt dus bijv. de normal en hover boven elkaar en met background-position zorg je dat je eerst het bovenste deel van die afbeelding te zien krijgt en als je hovert het tweede deel.
again :)
het hoveren werkt...letters...en image...APART
moet kan ik dit tegelijk triggeren...dus hover over tekst, change tekst EN image
  zaterdag 26 november 2011 @ 09:46:44 #232
137776 boem-dikkie
Jedi Mind Baby!
pi_104836114
quote:
0s.gif Op zaterdag 26 november 2011 09:45 schreef MrNiles het volgende:

[..]

het letterstuk werkt..maar ik wil tegelijkertijd ook een image veranderen
hier werd aangeraden dmv sprites...
sprites werkt wel met css...maar hoe te combineren met jQuery
Je roept in je jQuery toch al een class aan? Dan gebruik je toch gewoon je css?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_104836134
Je kunt die background-position toch gewoon veranderen op de :hover...?
Bleuh.
pi_104836156
quote:
7s.gif Op zaterdag 26 november 2011 09:46 schreef boem-dikkie het volgende:

[..]

Je roept in je jQuery toch al een class aan? Dan gebruik je toch gewoon je css?
kijk..en dat gaat m me nou net een stukje te snel :)
$("#letters").hover(function() {
letters is dan de class?
dus als ik dan #letters gebruik in css bij de image...en in html ook deze class bij de image zet...maar moet ik dan nog iets in de jquery toevoegen?
pi_104836172
Oh oh oh oh :')
Bleuh.
  zaterdag 26 november 2011 @ 09:56:51 #236
137776 boem-dikkie
Jedi Mind Baby!
pi_104836208
quote:
0s.gif Op zaterdag 26 november 2011 09:51 schreef MrNiles het volgende:

[..]

kijk..en dat gaat m me nou net een stukje te snel :)
$("#letters").hover(function() {
letters is dan de class?
dus als ik dan #letters gebruik in css bij de image...en in html ook deze class bij de image zet...maar moet ik dan nog iets in de jquery toevoegen?
#letters is de id van je div.

$(".letter1").toggleClass("rood");

Hier zet je dat als je in de div #letters hovert over .letter1 hij de class 'rood' moet krijgen.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_104836230
quote:
0s.gif Op zaterdag 26 november 2011 09:53 schreef PimD het volgende:
Oh oh oh oh :')
je hebt een supermooie site, en veel mooie dingen gemaakt...dat heb je vast ook niet in 1 dag geleerd :{
pi_104836298
quote:
0s.gif Op zaterdag 26 november 2011 09:58 schreef MrNiles het volgende:

[..]

je hebt een supermooie site, en veel mooie dingen gemaakt...dat heb je vast ook niet in 1 dag geleerd :{
Oh absoluut, maar als je al bezig gaat met jQuery, font-faces e.d. terwijl je nog niet eens het verschil kent tussen een class en een ID...
Bleuh.
pi_104836327
quote:
0s.gif Op zaterdag 26 november 2011 10:04 schreef PimD het volgende:

[..]

Oh absoluut, maar als je al bezig gaat met jQuery, font-faces e.d. terwijl je nog niet eens het verschil kent tussen een class en een ID...
goed punt...ik geef het op
pi_104837417
quote:
0s.gif Op zaterdag 26 november 2011 10:07 schreef MrNiles het volgende:

[..]

goed punt...ik geef het op
Krijg eerst eens de basis van css onder de knie ^O^.
pi_104957636
quote:
0s.gif Op vrijdag 18 november 2011 15:47 schreef RenRen- het volgende:
Mooi getekend zo :')

[ afbeelding ]
Dit is het overzicht, met thumbnails die ik ga tekenen gok ik.

[ afbeelding ]
Als je op een thumbnail of titel klikt kom je bij het daadwerkelijke recept terecht.

Wat er dus geupload moet gaan worden is platte tekst, 2 afbeeldingen en een titel.

Verder komt er op de site nog een home met (denk ik) een slider, wat leuke artikelen uit de nieuwspagina, nieuwe recepten, dat soort dingen. Contactformulier komt er ook uiteraard, en een zoekfunctie :') Die ik ook al vrees, maar dat is voor later, hoeft niet in mijn plan.
Nou, het mag sowieso niet met wordpress. |Dan wordt je plan afgewezen. Dus ik ga snel lynda af denk ik.
  dinsdag 29 november 2011 @ 18:35:07 #242
42636 TheSeeker_NL
Damn fine coffee
pi_104976117
Opgelost

[ Bericht 34% gewijzigd door TheSeeker_NL op 29-11-2011 18:44:58 ]
  woensdag 30 november 2011 @ 17:56:17 #243
218617 YazooW
bel de wouten!
pi_105014157
Ik wil een rechthoek van 720px bij 360px maken, elke pixel moet individueel aangestuurd kunnen worden. Ik had al een oplossing gemaakt in PHP die er als volgt uit ziet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
$pix
=1;
$divId=1;
$var="px";

for(
$i=0$i<360$i ++) {
  for(
$j=0$j<720$j++) {
    echo 
"<div id=\"$divId\" style=\"position:absolute; height:$pix$var; width:$pix$var; background:#000000; top:$i$var; left:$j$var;\"></div>";

  
$divId++;
  }
}

?>

Probleem hierbij is dat er dus zo'n 260.000 divjes aangemaakt worden wat natuurlijk niet echt ten goede komt aan de snelheid/performance. Hebben jullie misschien iets van suggesties waarin ik dit het beste kan maken? jQuery of iets?
pi_105014405
Canvas lijkt me.
Bleuh.
  woensdag 30 november 2011 @ 18:04:24 #245
50298 QM84
Het Orakel
pi_105014534
Wat wil je doen met al die pixels die aangestuurd kunnen worden? Ik denk dat het waarom belangrijker is om te weten, dan het hoe. ;)
dat dus.
  woensdag 30 november 2011 @ 18:07:29 #246
218617 YazooW
bel de wouten!
pi_105014690
In het PHP topic werd mij ook al de vraag gesteld waarom ik het niet in Canvas maak.
Alleen kom ik er niet helemaal uit bij Canvas, de enige manier die ik tot dusver heb kunnen vinden om een pixel te tekenen is als volgt:
1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.moveTo(0,0);

ctx.lineTo(1,1);
ctx.stroke();

</script>

Lijkt mij volgens mij niet de bedoeling om een simpele pixel te tekenen met een lineTo...
Ik kan ook niet echt tutorials vinden die het hebben over pixels, tutorials gaan meteen over allemaal "fancy" dingen met allemaal toeters en bellen er op.
pi_105014743
quote:
7s.gif Op woensdag 30 november 2011 18:04 schreef QM84 het volgende:
Wat wil je doen met al die pixels die aangestuurd kunnen worden? Ik denk dat het waarom belangrijker is om te weten, dan het hoe. ;)
Dat ja.
  woensdag 30 november 2011 @ 18:13:19 #248
218617 YazooW
bel de wouten!
pi_105014940
quote:
7s.gif Op woensdag 30 november 2011 18:04 schreef QM84 het volgende:
Wat wil je doen met al die pixels die aangestuurd kunnen worden? Ik denk dat het waarom belangrijker is om te weten, dan het hoe. ;)
Elke pixel is gelijk aan een bepaald gebied gebaseerd op gps coördinaten. Aan de hand van de gps coördinaten wil ik bijvoorbeeld met de flickr api nagaan hoeveel foto's er geposts zijn in een bepaalde tijd in dat gebied. Vervolgens moet de kleur van de pixel gebaseerd worden op het aantal geplaatste foto's in een bepaald gebied. Voorbeeld van wat mijn eindresultaat ongeveer moet gaan worden: link

Maar even voor de duidelijkheid, ik zit nog helemaal in de beginfase, het eerste wat ik nu wil nagaan is hoe ik op een snelle manier een rechthoek op mijn scherm tover.
pi_105017218
Als je begint met en basiskleur en daar pixels / divs eroverheen zet om de kleur sterker te maken scheelt het al een boel pixels als je leeg begint, toch?
  woensdag 30 november 2011 @ 20:03:18 #250
218617 YazooW
bel de wouten!
pi_105019548
quote:
0s.gif Op woensdag 30 november 2011 19:11 schreef DaFan het volgende:
Als je begint met en basiskleur en daar pixels / divs eroverheen zet om de kleur sterker te maken scheelt het al een boel pixels als je leeg begint, toch?
Daar heb je wel een goed punt inderdaad, zo'n 70% van de aarde bestaat uit water, denk dat er vanuit die gebieden niet echt gepost wordt op Flickr bijvoorbeeld. Blijft er zo'n 30% over wat land is, en van die 30% heb je dan ook nog grote gebieden waar geen activiteit is. Als ik een schatting moet maken wordt slechts 15 a 20 % van het rechthoek ingevuld met gekleurde pixels.

Ik ga me nu weer wat verder inlezen over wat je allemaal met HTML5 Canvas kan doen, lijkt me toch beter dan met divjes werken, als ik 20% van het rechthoek moet invullen zit ik namelijk nog steeds met +- 50.000 divjes wat natuurlijk niet echt snel is.
pi_105040585
als pagina opbouw gebruik ik een index.php waarin ik alle pagina's include,
zodat ik maar 1 pagina met opmaak heb, die andere pagina lees ik dus via een function() in,

nu krijg ik het niet werkend om aan mijn menu een :active te geven
zou dat kunnen zijn omdat ik altijd in index.php blijf ?
kan ik toch een :active maken met bijv switch statement? ik ben ik nu te moeilijk bezig?
  donderdag 1 december 2011 @ 09:43:22 #252
50298 QM84
Het Orakel
pi_105042172
de :active pseudoclasse werkt alleen als de link écht actief is, maw: als je er op klikt. Om de link een andere stijl mee te geven als je op de bijhorende pagina zit, dan zal je met classes moeten werken.

Met andere woorden: in het stukje waar je je menu opbouwt, zal je elke keer moeten kijken of de GET hetzelfde is als de link, zo ja: class="active" zo niet, niets..
dat dus.
pi_105043301
quote:
7s.gif Op donderdag 1 december 2011 09:43 schreef QM84 het volgende:
de :active pseudoclasse werkt alleen als de link écht actief is, maw: als je er op klikt. Om de link een andere stijl mee te geven als je op de bijhorende pagina zit, dan zal je met classes moeten werken.

Met andere woorden: in het stukje waar je je menu opbouwt, zal je elke keer moeten kijken of de GET hetzelfde is als de link, zo ja: class="active" zo niet, niets..
maar hoe kan ik m slim die active class meegeven? met switch statement???
  donderdag 1 december 2011 @ 10:38:32 #254
50298 QM84
Het Orakel
pi_105043725
Het hangt er ook een beetje vanaf hoe je je menu opbouwt, maar als je alle links bvb gewoon hard in je template hebt staan, krijg je zoiets:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
/*
ervan uitgaande dat de variabele voor de include 'p' is, natuurlijk invullen wat jij gebruikt
extra controle op het bestand om te kijken of de gebruiker geen rare dingen aan de url toevoegt
Met de $p weet je dus op welke pagina je zit
*/
if(isSet($_GET['p'] && file_exists('include/'. $_GET['p'] .'.inc.php'))) {
 $p = $_GET['p'] ;
}
?>

//In je menu gebruik je dan zoiets:
<li<?php if($p=='pagename'):?> class="active"<?php endif;?>><a href="?p=paginanaam">Paginanaam</a></li>

etc..

dit is dus, als alle links hard in de code staat (niet efficiënt). Als je je menu in een tekstbestandje of een array hebt staan, of dynamisch opbouwt, kan je de paginanamen vervangen door variabelen en door de li's loopen met een while- of for-loop.

De .active kan je nautuurlijk ook op de a zelf zetten. Ik hou er zelf van om classes zo 'hoog mogelijk' te zetten: het is in CSS geen probleem om children van een element te selecteren, maar een parent selecteren zit er nog altijd niet in. Hoe hoger het 'unieke element' staat, hoe beter dus.
dat dus.
  vrijdag 2 december 2011 @ 12:19:04 #255
42636 TheSeeker_NL
Damn fine coffee
pi_105091825
Heeft iemand werkende simpele Android en Iphone simulators? Ik wil wat oefenen met media queries en mijn resultaat snel kunnen bekijken op de twee simulators.

Goede lichte versies van een simulator lijken haast niet te vinden, wel online versies maar ik wil gewoon op mn desktop draaien eigenlijk. Iemand die toevallig deze linkjes bij de hand heeft?
  vrijdag 2 december 2011 @ 12:33:57 #256
56176 Catch22-
Ben je Blind?!
pi_105092419
Android heeft een SDK maar die is heel traag.

met de webdevelopertoolbar van firefox kan je het scherm wel makkelijk resize naar vaste resoluties, kan je daar niet mee spelen
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?
  vrijdag 2 december 2011 @ 12:37:53 #257
42636 TheSeeker_NL
Damn fine coffee
pi_105092562
quote:
11s.gif Op vrijdag 2 december 2011 12:33 schreef Catch22- het volgende:
Android heeft een SDK maar die is heel traag.

met de webdevelopertoolbar van firefox kan je het scherm wel makkelijk resize naar vaste resoluties, kan je daar niet mee spelen
Ja ik had die SDK gedownload maar wat een gedoe, veel friles, updates en dan nog krijg ik dat ding niet aan de praat. Er moet toch wel wat zijn, iets compacts, licht en geen fratsen? Tot dan maar op een klein scherm bekijken naar 't resultaat :P Het is ook vooral voor het oefenen maar toch, een echte simulator is wel fijn.
  vrijdag 2 december 2011 @ 12:49:43 #258
56176 Catch22-
Ben je Blind?!
pi_105092977
wil je mediaqueries voor het platform of de resolutie?
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?
  vrijdag 2 december 2011 @ 13:13:22 #259
42636 TheSeeker_NL
Damn fine coffee
pi_105093746
quote:
11s.gif Op vrijdag 2 december 2011 12:49 schreef Catch22- het volgende:
wil je mediaqueries voor het platform of de resolutie?
Resolutie

Ik wil oefenen om met de CSS een website te optimaliseren voor het browsen met een mobiele telefoon. Ik wil dus gewoon simpel op een snelle manier even zien hoe alles eruit ziet op een mobiel scherm, liefst van Android en Iphone.

Niks bijzonders dus
  vrijdag 2 december 2011 @ 13:22:19 #260
56176 Catch22-
Ben je Blind?!
pi_105094047
dan moet je gewoon de webdevelopertoolbar van firefox gebruiken om de resolution aan te passen
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?
  vrijdag 2 december 2011 @ 13:28:08 #261
50298 QM84
Het Orakel
pi_105094255
Wat hij zegt ^.

Gewoon je browservenster resizen naar vaste resoluties en kijken wat het resultaat is.

Wat sowieso een aanrader is: Zodra je onder een bepaalde grens komt qua resolutie, overstappen op liquid. Dus met hoogtes en breedtes in procenten, ipv pixels. Er zijn aardig wat mobiele apparaten in omloop, die veel verschillende resoluties hebben. Om te voorkomen dat je voor ál die resoluties je ontwerp aan moet passen, of dat je een 'ideale resolutie' nodig hebt, kan je dus overstappen op liquid. Zo kan je dus 1 mobiel theme bouwen, dan gewoon altijd goed werkt op de mobiele apparaten.

Je zou evt voor tablets/netbooks, die een nét iets hogere resolutie hebben, een tussenversie kunnen maken.
dat dus.
pi_105094753
Denk erom dat Android moeite heeft met mediaqueries als je geen <meta name="viewport" content="(whatever)"> gebruikt. Heeft me veel gekut gevonden om daar achter te komen :P.
pi_105094793
Oh, en de Samsung Galaxy S2 heeft in landscape mode een breedte van 545px, ik targete nog steeds op 480px maar dat is niet meer genoeg.
  vrijdag 2 december 2011 @ 13:49:13 #264
50298 QM84
Het Orakel
pi_105094995
quote:
14s.gif Op vrijdag 2 december 2011 13:42 schreef picodealion het volgende:
Oh, en de Samsung Galaxy S2 heeft in landscape mode een breedte van 545px, ik targete nog steeds op 480px maar dat is niet meer genoeg.
Daarom dus liquid voor mobile ;)

En inderdaad, de viewport-metatag toevoegen:
1<meta name="viewport" content="width=device-width, initial-scale=1.0" />
dat dus.
pi_105097002
Ik snap echt niets van die jQuery Cycle Plugin, iemand die mij daarbij kan helpen?

Ik krijg het niet voor elkaar een mooie fade aan mijn foto's toe te voegen, welke code moet ik nu gebruiken en waar moet ik die neer plempen?
  vrijdag 2 december 2011 @ 14:50:52 #266
56176 Catch22-
Ben je Blind?!
pi_105097198
bij de download zitten demos, daar moet je ff kijken hoe de demo met fade wordt aangeroepen
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_105097819
quote:
11s.gif Op vrijdag 2 december 2011 14:50 schreef Catch22- het volgende:
bij de download zitten demos, daar moet je ff kijken hoe de demo met fade wordt aangeroepen
Ja dat probeer ik, maar ik snap er niets van. :')
  vrijdag 2 december 2011 @ 15:08:52 #268
56176 Catch22-
Ben je Blind?!
pi_105097894
ik ben ook de lulligste niet en heb hem hier op mijn hd staan dus ik kijk voor je

fx: 'fade'

als argument

1
2
3
  $('.slideshow').cycle({
        fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });
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?
  vrijdag 2 december 2011 @ 15:12:39 #269
42636 TheSeeker_NL
Damn fine coffee
pi_105098016
Okay die resize optie is inderdaad wel okay maar het geeft niet echt de feel. Maar dat zie ik dan wel even door de vingers.

vanaf hoeveel width/height zou je dan voor liquid gaan trouwens? Waar ligt voor je gevoel de grens?
  vrijdag 2 december 2011 @ 15:36:53 #270
50298 QM84
Het Orakel
pi_105098795
quote:
0s.gif Op vrijdag 2 december 2011 15:12 schreef TheSeeker_NL het volgende:

vanaf hoeveel width/height zou je dan voor liquid gaan trouwens? Waar ligt voor je gevoel de grens?
Het hangt er een beetje vanaf van wat voor site ik aan het bouwen ben en wat het doel ervan is, maar meestal onder de 800px ga ik volledig liquid. Voor > 800 en <1000 een fixed layout, waarbij kolommen verspringen, en 1000 - 1200 ook weer liquid in dat gebied, omdat heel veel mensen wel een groter scherm hebben dan 1024px in de breedte, maar niet iedereen (plus iPad in landscape!); Maar op een fullHD-scherm is 1000px ook weer zo smal, dus vandaar de oprekking naar 1200, waar het gros nu ongeveer op zit qua schermbreedte. Zodra je nog breder gaat werken, heb je echt een volledig nieuw siteontwerp nodig qua kolom- en informatieopbouw, omdat mensen gewoon niet gemaakt zijn om zoveel informatie naast elkaar te verwerken; mensen houden van smalle kolommen en dingen in de lengte ipv breedte.

Maar.... dit is dus vrij persoonlijk / contextafhankelijk / doelgroepafhankelijk.
dat dus.
  vrijdag 2 december 2011 @ 16:09:51 #271
230788 n8n
Pragmatisch
pi_105099854
Ik doe altijd volledig liquid van 320 tot 1200 pixels, kwestie van em's en procenten correct gebruiken en wat media queries er op los laten.
+ alles kan in 1 css-bestand (dus minder requests)
+ overgang van breed naar smal loopt vloeiend
+ makkelijk onderhoudbaar
+ goed schaalbaar (ook als alleen de tekst wordt geschaald)

In combinatie met
body { font-size: 62.5%; } is 1em even groot als 10 pixels dus het rekenen met em's is ook makkelijk.
+ met 1 aanpassing in je css kan je alle groottes aanpassen

Wel van belang dat je nadenkt over waar je em, % of px gebruikt, px gebruik ik alleen voor media met een vaste grootte. min- en max-with komen nu ook goed van pas.
Specialization is for insects”.—Robert Heinlein
pi_105127277
Hallo, ik heb een vraag

Ik ben beetje bezig met een website inelkaar te zetten maar ik loop tegen een probleem aan.
het is de bedoeling dat het er zo uit komt te zien:


maar wanneer ik dit probeer te coderen krijg ik dit:


de tekst komt dus wel op de goeie plaats, maar de background-color trekt ie helemaal door.

het is vast een simpele oplossing maar ik kom er niet echt uit :@
hieronder mijn html / Css
SPOILER
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.
mijn CSS
@charset "UTF-8";
/* CSS Document */

body{
background-color:#e3e3e3;
background-image:url(../images/background.png);
background-repeat:repeat-x;
margin:0;
padding:0;

}

#container {
width:900px;
margin:auto;

}

#menu {
width: 50%;
height:150px;
float: right;


}

ul#nav {
float:right;
text-align:center;
margin:0;
padding:0;

}

ul#nav li {
float: right; list-style: none;

}

ul#nav li a {
display: block; width: 85px; height: 50px;
padding: 72px 0 0 0; margin-left:20px;
font: 12px Helvetica, Arial, Sans-Serif; text-transform: uppercase;
color: #fced00; text-shadow: 0 1px 1px #000; text-decoration: none;

}

ul#nav li a:hover {
background-color: #e3e3e3;
color: #333; text-shadow: 0 1px 1px #fff; text-decoration: none;

}



#logo{
background-image:url(../images/logo2.png);
background-repeat:no-repeat;
height:150px;
width:49%;
float:left;

}


#content{
background-color:#FFF;
height:700px;
width:900px;


}
bedankt alvast en als er andere opmerkingen zijn hoor ik dat graag.


Edit: of klopt dit dat ik het oplossen met een Padding-top ? net geprobeerd en het werkt opzich wel ( tot nu toe ) .

[ Bericht 1% gewijzigd door Koopsie op 03-12-2011 10:43:06 ]
"Dubbelop alsof ik een quote citeer"
  zaterdag 3 december 2011 @ 12:29:43 #273
286495 KomtTijd...
pi_105129611
quote:
14s.gif Op maandag 14 november 2011 21:36 schreef boem-dikkie 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 (code.png), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.
  zaterdag 3 december 2011 @ 12:33:24 #274
286495 KomtTijd...
pi_105129677
Ohja en je cleart je floats nergens.
  maandag 5 december 2011 @ 12:26:13 #275
42636 TheSeeker_NL
Damn fine coffee
pi_105204007
Even een vraagje over Javascript:

Ik wil iets als volgend creëren een pagina waarop uit een array een aantal rollen worden geladen en deze in checkbox worden gegenereerd zodat de gebruiker ze kan aanvinken of niet.

Daarna, na het klikken van "gebruiken" wil ik deze rollen simpelweg in een nieuwe div plaatsen.

Ik heb wat rollen in een array gezet, met een loopje ze als checkbox in een form geplaatst maar hoe nu verder? Ik heb moeite met begrijpen hoe ik de checkboxen selecteer die geselecteerd zijn en alleen die te tonen bij het klikken van de knop.

JS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$(document).ready(function() {
/************************
Alle rollen genereren en op de list opnemen met een checkbox
************************/

var rollen = ["Rol 1", "Rol 2", "Rol 3", "Rol 4", "Rol 5", "Rol 6"];
  
  
for(var i=0;i < rollen.length;i+= 1) {

//rollen invoeren en met eigen class :: Is dit eigenlijk wel goed of kan dit beter?
$("#setup").append('<input type="checkbox" class="'+rollen[i]+'" name="rol" value="bla">'+ rollen[i])        
};

//knop die rollen verstuurd naar geselecteerde div  :: Hier heb ik geen idee wat te doen
$("#knop").click(function($e) {
    $e.preventDefault();    
});
    
});

Ik neem aan dat ik een functie moet schrijven die na preventDefault kijkt welke checkboxen "checked" zijn en deze meestuurt naar de volgende div. Kan iemand mij de logische stappen vertellen? Een groot JS noobje, veel dank.
  maandag 5 december 2011 @ 12:30:37 #276
56176 Catch22-
Ben je Blind?!
pi_105204149
Je moet als naam iets met blokhaken erachter gebruiken en de value moet de ID van de rol zijn (of naam, maar dat is niet handig)...

En als je niets submit hoef je geen input type submit te gebruiken, dan kan je gewoon een button gebruiken.

Je kan vervolgens met Js de boel wel uitlezen, dat kan je wel googlen.
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?
  maandag 5 december 2011 @ 13:02:53 #277
61420 DaFan
pi_105205281
Je hebt een selector (:checked) die je kan gebruiken.
En daarna .each()!
  maandag 5 december 2011 @ 13:03:56 #278
84244 Scorpie
Abject en infaam!
pi_105205317
En gebruik alsjeblieft een jQuery each() als iterator ipv een for loop.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  maandag 5 december 2011 @ 13:09:03 #279
84244 Scorpie
Abject en infaam!
pi_105205481
1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
$(document).ready(function() {
   var 
rollen = ["Rol 1""Rol 2""Rol 3""Rol 4""Rol 5""Rol 6"];
  
  $.
each(rollen, function(indexvalue) { 
    $(
"#setup").append('<input type="checkbox" class="'+this.value+'" name="rol" value="bla">'this.value);        
  });

  $(
"#knop").click(function() {    
    
console.log($("#setup:checked"));
  });
}
?>

Geen idee waarom je de preventDefault nodig hebt, dus sloop er maar uit.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  maandag 5 december 2011 @ 13:39:19 #280
42636 TheSeeker_NL
Damn fine coffee
pi_105206733
quote:
0s.gif Op maandag 5 december 2011 13:09 schreef Scorpie het volgende:

[ code verwijderd ]

Geen idee waarom je de preventDefault nodig hebt, dus sloop er maar uit.
Okay, die code ziet er goed uit. En tja, ik leer net de basis van JS en een piep klein beetje JQUERY dus die .each heb ik gewoon nog niet gebruikt. Maar ziet er een stuk fijner uit zo ja.

Bedankt alvast voor de snelle reacties dan ga ik even doorsleutelen. ^O^
  maandag 5 december 2011 @ 13:42:58 #281
56176 Catch22-
Ben je Blind?!
pi_105206892
1
2
3
4
5
6
7
<?php
 
$.each(rollen, function(indexvalue) { 
   $(
"input").attr("type""checkbox").class(value).attr("id"index).attr("name""rol[]").value(index).appendTo("#setup");
$(
"label").attr("for",  index).text(value).appendTo("#setup");
  });
?>
als je het netjes in de jQuery stijl wil doen.

waarom Scorpie this. gebruikt weet ik 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?
  maandag 5 december 2011 @ 13:46:10 #282
-1 #ANONIEM
pi_105207024
quote:
11s.gif Op vrijdag 2 december 2011 15:08 schreef Catch22- het volgende:
ik ben ook de lulligste niet en heb hem hier op mijn hd staan dus ik kijk voor je

fx: 'fade'

als argument
[ code verwijderd ]

Maar waar zet ik die code dan neer?

Ik heb even dit:

1
2
3
4
5
6
7
8
        <div id="left">
              <pre><code class="mix">$('#fade').cycle();</code></pre>
            
         <div id="fade" class="pics">
            <img data-src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" style="visibility:hidden;" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />
        </div>

En script
1    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
geïmporteerd in de head.

Het lukt niet, ik heb dan ook niet zoveel verstand van JS. :') Welke dingen mis ik of zet ik iets fout neer?

[ Bericht 4% gewijzigd door #ANONIEM op 05-12-2011 13:48:36 ]
  maandag 5 december 2011 @ 13:48:51 #283
56176 Catch22-
Ben je Blind?!
pi_105207129
Dat merk ik :o

JS code zet je tussen <script type="text/javascript"></script> tags :o

en dan maak je er dus

1
2
3
4
5
<?php
<script type="text/javascript">
$(
'#fade').cycle({fx"fade"});
</script>
?>
van
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?
  maandag 5 december 2011 @ 13:49:19 #284
-1 #ANONIEM
pi_105207147
Maar het is in html, niet in php.
  maandag 5 december 2011 @ 13:50:04 #285
56176 Catch22-
Ben je Blind?!
pi_105207179
ja klopt, maar de phpparser van fok laat code duidelijker zien dan de platte code tags :) Dus er hoeven geen php tags omheen
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?
  woensdag 7 december 2011 @ 11:44:18 #286
42636 TheSeeker_NL
Damn fine coffee
pi_105288534
nevermind

[ Bericht 96% gewijzigd door TheSeeker_NL op 07-12-2011 11:51:46 ]
  woensdag 7 december 2011 @ 11:44:45 #287
56176 Catch22-
Ben je Blind?!
pi_105288557
wat bedoel je precies? heb je een voorbeeld?

en daar moet je de title tag voor gebruiken, niet de alt tag.
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?
  woensdag 7 december 2011 @ 11:48:40 #288
42636 TheSeeker_NL
Damn fine coffee
pi_105288706
Ah ja title tag inderdaad. Even voorbeeldje zoeken 1 mom.
  woensdag 7 december 2011 @ 11:52:44 #289
286495 KomtTijd...
pi_105288865
Zeg TheSeeker, het topic wordt niet bepaald overzichtelijker als je iedere keer je vraag wegedit.
  woensdag 7 december 2011 @ 11:52:56 #290
42636 TheSeeker_NL
Damn fine coffee
pi_105288874
Bleh, 't was helemaal niet zoals ik eerste instantie dacht. Verkeerd gekeken, snap het nu wel helemaal geen super fancy uitvoering :P Sorry voor het verspillen van je minuut :P

@KomtTijd:

Sorry maar kan mn posts niet verwijderen dus dacht geen onnodige teksten achterlaten?
  woensdag 7 december 2011 @ 11:54:14 #291
291006 picodealion
pi_105288929
Het is wel mogelijk om met CSS een attribute van een element te tonen, zoals:

1
2
3
a:after {
content: attr(href);
}

Dit laat achter je link de daadwerkelijke url zien. Je zou zoiets ook toe kunnen proberen te passen met het alt attribuut van een image, maar een img heeft geen :before of :after.
  woensdag 7 december 2011 @ 12:20:24 #292
286495 KomtTijd...
pi_105289883
quote:
0s.gif Op woensdag 7 december 2011 11:52 schreef TheSeeker_NL het volgende:

@KomtTijd:

Sorry maar kan mn posts niet verwijderen dus dacht geen onnodige teksten achterlaten?
Dit is precies de reden dat je je eigen posts niet kunt verwijderen.
  woensdag 7 december 2011 @ 15:16:09 #293
95194 SpeedyRich
doe ff normaal
pi_105296476
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
#nav, #nav ul {
 padding: 3px 0 0 0;
 margin: 0;
 list-style: none;
 }

 #nav li {
 float: left;
 width: 120px;
 }

 #nav ul {
 position: absolute;
 width: 120px;
 left: -1000px;
 }

 #nav li:hover ul, #nav li.ie_does_hover ul {
 left: auto;
 background-position: 0 0;
 }

 #nav a {
 display: block;
 margin: 2px 5px 3px 5px;
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em;
 }

 ul a{
 font-weight: bold;
 color: #F60;
 cursor: default;
 }

 ul ul a:link, ul ul a:visited{
 font-weight: normal;
 color: #CCC;
 cursor: pointer;
 }

 ul ul a:hover, ul ul a:active{
 font-weight: normal;
 color: #FFF;
 cursor: pointer;
 }

 ul li{
 background-color: #CCC;
 border-left: 3px solid #FFF;
 }

 ul ul li{
 background-color: #666;
 border-top: 3px solid #FFF;
 border-left: 0;
 }

 /* IE only hack \*/
 * html ul li, * html ul ul li{
 border-bottom: 3px solid #FFF;
 }

 * html ul ul li{
 border-top: 0;
 }
 /* Einde IE only hack */ 

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
<ul id="nav">

 <li><a href="#">Main item 1</a>

 <ul>
 <li><a href="#">Sub item 1.1</a></li>
 <li><a href="#">Sub item 1.2</a></li>
 <li><a href="#">Sub item 1.3</a></li>
 <li><a href="#">Sub item 1.4</a></li>
 </ul>

 </li>

 <li><a href="#">Main item 2</a>

 <ul>
 <li><a href="#">Sub item 2.1</a></li>
 <li><a href="#">Sub item 2.2</a></li>
 <li><a href="#">Sub item 2.3</a></li>
 <li><a href="#">Sub item 2.4</a></li>
 <li><a href="#">Sub item 2.5</a></li>
 </ul>

 </li>

 <li><a href="#">Main item 3</a>

 <ul>
 <li><a href="#">Sub item 3.1</a></li>
 <li><a href="#">Sub item 3.2</a></li>
 </ul>

 </li>

 </ul> 

Dit bovenstaande heb ik een website ingebouwd, het werkt wel alleen wil ik hem in het midden en niet links, waar kan ik dat instellen...
Op dinsdag 2 september 2008 22:59 schreef Danny het volgende:
sorry.
leukste topic aller tijden
Voor computergerelateerde vragen klik hier
  woensdag 7 december 2011 @ 15:24:16 #294
50298 QM84
Het Orakel
pi_105296770
Op deze manier gaat dat niet lukken..

Wat je kan doen, is je #nav een vaste breedte geven, als je al exact weet hoeveel items er in je menu komen, zeker weet dat er geen bijkomen en alle items erin ook een vaste breedte hebben. Dan kan je deze als block op margin: 0 auto zetten.

Wat je ook kan, is alle li's in je #nav, ipv float: left, een display: inline-block meegeven. Als je dan op #nav text-align: center zet, gaan ze ook in het midden staan.
dat dus.
  woensdag 7 december 2011 @ 15:25:02 #295
298746 Dalando
18, niet meer gefrustreerd
pi_105296804
Ik heb een javascript array met 5 linkjes naar plaatjes, maar wat ik wil doen is iedere 200ms het volgende plaatje doen, en als het laatste plaatje is geweest even 200ms pauze, en dan opnieuw. hoe doe ik dat?
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  woensdag 7 december 2011 @ 15:30:12 #296
291006 picodealion
pi_105296990
quote:
7s.gif Op woensdag 7 december 2011 15:25 schreef Dalando het volgende:
Ik heb een javascript array met 5 linkjes naar plaatjes, maar wat ik wil doen is iedere 200ms het volgende plaatje doen, en als het laatste plaatje is geweest even 200ms pauze, en dan opnieuw. hoe doe ik dat?
Een simpele jQuery slideshow plugin:
http://jquery.malsup.com/cycle/
  donderdag 8 december 2011 @ 10:56:14 #297
12221 Tijn
Powered by MS Paint
pi_105330750
Stel ik heb een hele lange lijst met korte items. Daar zou ik dan graag twee kolommen in willen aanbrengen. Maar ik wil er niet twee aparte lijsten van maken. Wat doe ik dan?
  donderdag 8 december 2011 @ 11:10:56 #298
56176 Catch22-
Ben je Blind?!
pi_105331104
je geeft de UL een vaste breedte, de li's een displayblock, float:left en een breedte van 50% van de ul
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?
  donderdag 8 december 2011 @ 11:13:36 #299
12221 Tijn
Powered by MS Paint
pi_105331171
Maar dan wordt 'ie zo:

1 2
3 4
5 6

Dat kan (dat heb ik nu :P). Maar mooier zou eigenlijk zijn:

1 4
2 5
3 6

Ik heb alleen geen idee hoe ik dat zou moeten doen zonder er aparte lijsten van te maken.
  donderdag 8 december 2011 @ 11:17:08 #300
56176 Catch22-
Ben je Blind?!
pi_105331256
waarom wil je dat niet dan? Doe dan gewoon na
1
2
3
4
5
<?php
if($current = (int) (count($arr) / 2);) {
echo 
"</ul><ul>";
}
?>
als je in php werkt (ofzo, mijn php is roestig).
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?
abonnement Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')