abonnement bol.com Unibet Coolblue
  donderdag 8 december 2011 @ 11:18:18 #1
12221 Tijn
Powered by MS Paint
pi_105331290
[html, css, js] Voor Dummies

Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.

HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies

Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic

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.

Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.
  donderdag 8 december 2011 @ 11:20:29 #2
12221 Tijn
Powered by MS Paint
pi_105331350
Ik zit nog hiermee:

quote:
5s.gif Op donderdag 8 december 2011 10:56 schreef Tijn het volgende:
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?
pi_105331386
moet het echt per sé in 2 uls dan?

Je moet je nooit door 'regels' en 'semantiek' laten leiden als je het daardoor jezelf onnodig moeilijk maakt.
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_105331437
quote:
2s.gif Op donderdag 8 december 2011 11:20 schreef Tijn het volgende:
Ik zit nog hiermee:

[..]

Divs?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_105331559
Hoe kan je met CSS instellen dat een regel tekst bij een bepaalde breedte (einde van de div) wordt afgebroken en dat de laatste drie characters "..." worden? Ik ben dit ooit tegengekomen maar ik kan het niet meer terugvinden. Iets met overflow?
pi_105331585
http://www.quirksmode.org/css/textoverflow.html
1
2
3
4
5
6
7
p.test {
    border: 1px solid #000000;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
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_105331602
quote:
Super bedankt!
  donderdag 8 december 2011 @ 11:30:19 #8
12221 Tijn
Powered by MS Paint
pi_105331612
quote:
11s.gif Op donderdag 8 december 2011 11:21 schreef Catch22- het volgende:

Je moet je nooit door 'regels' en 'semantiek' laten leiden als je het daardoor jezelf onnodig moeilijk maakt.
In veel gevallen geef ik je gelijk, maar het is in dit geval belangrijk dat het echt zo correct mogelijk is.
  donderdag 8 december 2011 @ 11:31:12 #9
12221 Tijn
Powered by MS Paint
pi_105331641
quote:
14s.gif Op donderdag 8 december 2011 11:23 schreef boem-dikkie het volgende:

[..]

Divs?
Hoe zie je dat dan voor je?
  donderdag 8 december 2011 @ 11:32:06 #10
56176 Catch22-
Ben je Blind?!
pi_105331667
oke, wat voor data heb je? want je bent vrij summier in je specs.

misschien dat je wat kan stoeien met display:inline enzo, maar het blijft gekunstel. Kan je de data niet anders aanleveren?

In plaats van 1.2.3.4.5.6 > 1.4.2.5.3.6
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_105331675
quote:
5s.gif Op donderdag 8 december 2011 11:31 schreef Tijn het volgende:

[..]

Hoe zie je dat dan voor je?
Oh wacht, ik heb dat wel eens gedaan maar dat was in een form. Ik denk niet dat list items scheiden met een div een heel correct resultaat oplevert. :')
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  donderdag 8 december 2011 @ 11:38:05 #12
12221 Tijn
Powered by MS Paint
pi_105331811
quote:
11s.gif Op donderdag 8 december 2011 11:32 schreef Catch22- het volgende:
oke, wat voor data heb je? want je bent vrij summier in je specs.

misschien dat je wat kan stoeien met display:inline enzo, maar het blijft gekunstel. Kan je de data niet anders aanleveren?

In plaats van 1.2.3.4.5.6 > 1.4.2.5.3.6
Het is een lijstje met gemeentes.

Gewoon zo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<ul>
    <li>Alblasserdam</li>
    <li>Albrandswaard</li>
    <li>Alphen aan den Rijn</li>
    <li>Barendrecht</li>
    <li>Bergambacht</li>
    <li>Bernisse</li>
    <li>Binnenmaas</li>
    <li>Bodegraven-Reeuwijk</li>
    <li>Boskoop</li>
    <li>Brielle</li>
    <li>Capelle aan den IJssel</li>
    <li>Cromstrijen</li>
    <li>'s-Gravenhage</li>
    <li>Delft</li>
    <li>Dirksland</li>
    <li>Dordrecht</li>
    <li>Giessenlanden</li>
    <li>Goedereede</li>
    <li>Gorinchem</li>
    <li>Gouda</li>
</ul>

Maar dan een heleboel (alle gemeentes van een provincie). Omdat het zo'n lange lijst wordt, wil ik graag dat het visueel in twee kolommen wordt verdeeld. Maar het is belangrijk dat dat zo toegankelijk en w3c-correct mogelijk wordt gedaan. Het is eigenlijk niet acceptabel om er twee lijst-elementen van te maken. En het is dus de bedoeling dat de volgorde min of meer in tact blijft.
pi_105331865
misschien sub-koppen maken
A - B - C - ....- Z
als je dan op een letterklikt dat je dan de lijst krijgt met de steden die beginnen met die letter?
  donderdag 8 december 2011 @ 11:41:26 #14
4159 GI
Nee ik heet geen JOE
pi_105331897
1
2
3
4
<ul width=evenbreedals 2 li's met wat padding erbij >
    <li class="floatLeft">Alblasserdam</li><li class="floatright">Albrandswaard</li>
etccetc..
</ul>
?
  donderdag 8 december 2011 @ 11:45:24 #15
12221 Tijn
Powered by MS Paint
pi_105332025
quote:
3s.gif Op donderdag 8 december 2011 11:41 schreef GI het volgende:

[ code verwijderd ]

?
Ja, zoiets heb ik nu dus. Dat kan op zich wel hoor, maar eigenlijk is de volgorde dan verkeerd. Maar ik zou het mooier vinden als het zo werd:

1 4
2 5
3 6

Ik weet niet hoe ik dat voor elkaar zou moeten krijgen.
pi_105332083
quote:
14s.gif Op donderdag 8 december 2011 11:45 schreef Tijn het volgende:

[..]

Ja, zoiets heb ik nu dus. Dat kan op zich wel hoor, maar eigenlijk is de volgorde dan verkeerd. Maar ik zou het mooier vinden als het zo werd:

1 4
2 5
3 6

Ik weet niet hoe ik dat voor elkaar zou moeten krijgen.
Dit is al een eeuwenoud probleem, en er is maar een oplossing die werkt en het semantisch houdt:
http://www.css3.info/preview/multi-column-layout/
  donderdag 8 december 2011 @ 11:48:37 #17
4159 GI
Nee ik heet geen JOE
pi_105332118
Wat je dan nog zou kunnen doen is

1
2
3
4
5
6
7
8
9
10
11
12
        <ul>
              <div id="Links">
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
              </div>
              <div id="Rechts">
                        <li>4</li>
                        <li>5</li>
                        <li>6</li>
               </div>
         </ul>
Maar ik weet niet in hoeverre dat semantisch nog helemaal volgens de regels is. In principe zou het eventuele compabiliteit dingen niet in de weg staan denk ik.
  donderdag 8 december 2011 @ 11:49:37 #18
4159 GI
Nee ik heet geen JOE
pi_105332145
quote:
14s.gif Op donderdag 8 december 2011 11:47 schreef picodealion het volgende:

[..]

Dit is al een eeuwenoud probleem, en er is maar een oplossing die werkt en het semantisch houdt:
http://www.css3.info/preview/multi-column-layout/
quote:
Multi-column layout is currently only supported in Mozilla based browsers and Safari 3, who have prefixed the properties with respectively -moz- and -webkit-. The example below is done with column-width, the CSS for it is as follows:
Laat me raden. IE doet niet mee ?
  donderdag 8 december 2011 @ 11:50:34 #19
12221 Tijn
Powered by MS Paint
pi_105332175
quote:
14s.gif Op donderdag 8 december 2011 11:47 schreef picodealion het volgende:

[..]

Dit is al een eeuwenoud probleem, en er is maar een oplossing die werkt en het semantisch houdt:
http://www.css3.info/preview/multi-column-layout/
Ja, dat is best tof. Maar gaat natuurlijk nooit werken in IE enzo ;(

quote:
3s.gif Op donderdag 8 december 2011 11:48 schreef GI het volgende:
Wat je dan nog zou kunnen doen is
[ code verwijderd ]

Maar ik weet niet in hoeverre dat semantisch nog helemaal volgens de regels is. In principe zou het eventuele compabiliteit dingen niet in de weg staan denk ik.
Aan zoiets zat ik ook te denken... maar ik weet niet hoe erg ze het vinden dat er een div in een ul staat zonder li eromheen. Volgens mij valideert dat niet (althans niet met XHTML strict, waarin ik deze pagina maak).
pi_105332189
Je kan ook iets proberen als display: table op de container en display: table-cell op de column ;)

Edit: lees net dat het niet werkt op IE7 en lager.
💍 💍 💍 💍 💍 💍 🍌 ☎
  donderdag 8 december 2011 @ 11:51:47 #21
12221 Tijn
Powered by MS Paint
pi_105332218
quote:
0s.gif Op donderdag 8 december 2011 11:40 schreef MrNiles het volgende:
misschien sub-koppen maken
A - B - C - ....- Z
als je dan op een letterklikt dat je dan de lijst krijgt met de steden die beginnen met die letter?
Misschien is dit trouwens uiteindelijk ook niet zo'n slechte oplossing. Dan maar geen kolommen.
pi_105332298
quote:
14s.gif Op donderdag 8 december 2011 11:51 schreef Tijn het volgende:

[..]

Misschien is dit trouwens uiteindelijk ook niet zo'n slechte oplossing. Dan maar geen kolommen.
ik denk dat de leesbaarheid veel beter is...
2 kolommen kan toch best verwarrend werken
en om hoeveel regels gaat het wel niet?
  donderdag 8 december 2011 @ 11:57:24 #23
12221 Tijn
Powered by MS Paint
pi_105332401
quote:
0s.gif Op donderdag 8 december 2011 11:54 schreef MrNiles het volgende:

[..]

ik denk dat de leesbaarheid veel beter is...
2 kolommen kan toch best verwarrend werken
en om hoeveel regels gaat het wel niet?
Ja, ik denk dat je gelijk hebt. Sommige provincies (zoals Zuid-Holland) hebben tegen de 100 gemeenten, dus dat loopt aardig op.
  donderdag 8 december 2011 @ 12:01:55 #24
4159 GI
Nee ik heet geen JOE
pi_105332545
quote:
14s.gif Op donderdag 8 december 2011 11:57 schreef Tijn het volgende:

[..]

Ja, ik denk dat je gelijk hebt. Sommige provincies (zoals Zuid-Holland) hebben tegen de 100 gemeenten, dus dat loopt aardig op.
Is het essentieel dat het in één lijst staat dan ? Je zou ook via jquery of iets in die geest een zoekfilter in kunnen bouwen.
pi_105332605
Als je alle gemeenten moet opsommen zou ik inderdaad gewoon gaan voor de A-B-C-..-Z lijst. Veel overzichtelijker.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  donderdag 8 december 2011 @ 12:04:32 #26
12221 Tijn
Powered by MS Paint
pi_105332639
quote:
3s.gif Op donderdag 8 december 2011 12:01 schreef GI het volgende:

[..]

Is het essentieel dat het in één lijst staat dan ?
Ja. Het is semantisch één lijst, dus het moet ook in één lijstelement zitten.

quote:
Je zou ook via jquery of iets in die geest een zoekfilter in kunnen bouwen.
Het is echt compleet onacceptabel dat het niet zou werken zonder Javascript, dus ik denk niet dat zoiets een oplossing gaat zijn :+
  donderdag 8 december 2011 @ 12:05:16 #27
12221 Tijn
Powered by MS Paint
pi_105332667
Bedankt voor het meedenken, mensen. Zo'n forum is echt ideaal voor de eenzame ZZP'er die geen collega's heeft om mee te overleggen :P
  donderdag 8 december 2011 @ 12:26:41 #28
56176 Catch22-
Ben je Blind?!
pi_105333419
Maar je werkt voor de overheid dus?
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 @ 12:27:55 #29
4159 GI
Nee ik heet geen JOE
pi_105333443
quote:
11s.gif Op donderdag 8 december 2011 12:26 schreef Catch22- het volgende:
Maar je werkt voor de overheid dus?
Het is een ZZPer ;)
  donderdag 8 december 2011 @ 12:28:28 #30
56176 Catch22-
Ben je Blind?!
pi_105333460
die kunnen niet voor de overheid werken?
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 @ 12:44:41 #31
12221 Tijn
Powered by MS Paint
pi_105333952
quote:
11s.gif Op donderdag 8 december 2011 12:26 schreef Catch22- het volgende:
Maar je werkt voor de overheid dus?
Nee, het is voor een belangenorganisatie voor mensen met een handicap, maar het heeft wel met de overheid te maken. Ze willen wel graag het goede voorbeeld geven door zich te houden aan dingen als Drempelvrij en de Webrichtlijnen van de Overheid te houden.
pi_105356811
quote:
14s.gif Op donderdag 8 december 2011 11:50 schreef Tijn het volgende:

Aan zoiets zat ik ook te denken... maar ik weet niet hoe erg ze het vinden dat er een div in een ul staat zonder li eromheen. Volgens mij valideert dat niet (althans niet met XHTML strict, waarin ik deze pagina maak).
Een ul mag alleen li's bevatten, en moet ten minste 1 li bevatten om geldige (x)html te zijn. :)
pi_105364785
Op mijn site wil ik graag een map waarop alle sushirestaurants staan. De gegevens van de sushirestaurants staan in dit kml-bestand. Nu gebruik ik de standaard methode van google om de kml aan te roepen, echter krijg ik geen markers te zien (zelfs geen kaart) op http://www.japansesushi.nl/restaurants.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
 <script type="text/javascript">
          var map;
        var geoXml;

        function initialize() {
              if (GBrowserIsCompatible()) {
                   map = new GMap2(document.getElementById("map_canvas")); 
                geoXml = new GGeoXml("http://www.japansesushi.nl/restaurantskml.kml");
                map.addControl(new GLargeMapControl());
                   map.setCenter(new GLatLng(52.18958,5.29524), 7);                map.addControl(new GLargeMapControl());
                map.addOverlay(geoXml);
              }
        } 
        
      google.maps.event.addDomListener(window, 'load', initialize);
       
    </script>
        <div id="map-canvas" style="width: 500px; height: 400px"></div>


[ Bericht 31% gewijzigd door _superboer_ op 09-12-2011 02:24:48 ]
pi_105365778
Je kunt ook met :nth-child je lijst in kolommen opdelen. Mits je schijt hebt aan oude IE-versies.
pi_105365960
Laat maar, lijkt het nu wel te doen :)

[ Bericht 48% gewijzigd door _superboer_ op 09-12-2011 04:30:55 ]
pi_105368510
Ik heb een sticky footer gemaakt voor op mn website (zie de code hieronder) hij werkt nu overal, behalve op de iphone/ipad
ik heb ergens gelezen dat dit met position fixed te maken heeft

is er iemand die weet hoe ik dit kan verhelpen?

<div class="push"></div>
<div class="footer">
<div class="footer-align">
<p>Copyright Marcel Woudstra all rights reserved 2011</p> </div>

</div>
</div>
</div>

.footer {
position:fixed;
bottom:0;
width:100%;
height:50px;
background-color:#202020;
font-family : Helvetica, Verdana, sans-serif;
font-size : 10px;
color:#9e9e9e;
}

.footer-align {
padding-top:10px;
text-align:center;
}

.push {
height:50px;
}
  vrijdag 9 december 2011 @ 10:04:58 #37
56176 Catch22-
Ben je Blind?!
pi_105368640
quote:
0s.gif Op vrijdag 9 december 2011 01:38 schreef _superboer_ het volgende:
Op mijn site wil ik graag een map waarop alle sushirestaurants staan. De gegevens van de sushirestaurants staan in dit kml-bestand. Nu gebruik ik de standaard methode van google om de kml aan te roepen, echter krijg ik geen markers te zien (zelfs geen kaart) op http://www.japansesushi.nl/restaurants.
[ code verwijderd ]

ik wel?
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 9 december 2011 @ 10:42:47 #38
220026 Treces
Hier had uw tekst kunnen staan
pi_105369691
quote:
0s.gif Op vrijdag 9 december 2011 01:38 schreef _superboer_ het volgende:
Op mijn site wil ik graag een map waarop alle sushirestaurants staan. De gegevens van de sushirestaurants staan in dit kml-bestand. Nu gebruik ik de standaard methode van google om de kml aan te roepen, echter krijg ik geen markers te zien (zelfs geen kaart) op http://www.japansesushi.nl/restaurants.
[ code verwijderd ]

Je gebruikt een oude versie van Google Maps (versie 2). Maar er is niks mis mee hier.
pi_105370677
quote:
0s.gif Op vrijdag 9 december 2011 10:00 schreef DoeJohn het volgende:
Ik heb een sticky footer gemaakt voor op mn website (zie de code hieronder) hij werkt nu overal, behalve op de iphone/ipad
ik heb ergens gelezen dat dit met position fixed te maken heeft

is er iemand die weet hoe ik dit kan verhelpen?

<div class="push"></div>
<div class="footer">
<div class="footer-align">
<p>Copyright Marcel Woudstra all rights reserved 2011</p> </div>

</div>
</div>
</div>

.footer {
position:fixed;
bottom:0;
width:100%;
height:50px;
background-color:#202020;
font-family : Helvetica, Verdana, sans-serif;
font-size : 10px;
color:#9e9e9e;
}

.footer-align {
padding-top:10px;
text-align:center;
}

.push {
height:50px;
}
Laat dit gewoon weg op een telefoon, daar heb je sowieso al weinig schermruimte. Om dan een footer constant in beeld te hebben is gewoon schermvervuiling.
  vrijdag 9 december 2011 @ 15:06:06 #40
228072 Crimyclown
Sapper de fap!
pi_105378874
Ben bezig met een ontwerp voor een eindexamenopdracht. Dit ontwerp is voor een applicatie die de klant in de toekomst misschien veelvuldig gaat verspreiden. Het ontwerp is gratis voor de klant maar kan ik hier auteursrechten etc. contractueel met de klant over vastleggen zodat deze gratis versie slechts unicum is en niet voor publicatie?
Anonieme tievesclown
  vrijdag 9 december 2011 @ 15:07:09 #41
137776 boem-dikkie
Jedi Mind Baby!
pi_105378917
quote:
0s.gif Op vrijdag 9 december 2011 15:06 schreef Crimyclown het volgende:
Ben bezig met een ontwerp voor een eindexamenopdracht. Dit ontwerp is voor een applicatie die de klant in de toekomst misschien veelvuldig gaat verspreiden. Het ontwerp is gratis maar kan ik hier auteursrechten etc. contractueel met de klant over vastleggen zodat deze gratis versie slechts unicum is en niet voor publicatie?
Ja dit soort punten kun je vastleggen in een contract.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  vrijdag 9 december 2011 @ 15:08:37 #42
228072 Crimyclown
Sapper de fap!
pi_105378980
quote:
14s.gif Op vrijdag 9 december 2011 15:07 schreef boem-dikkie het volgende:

[..]

Ja dit soort punten kun je vastleggen in een contract.
Misschien is het een beetje grof, maar het ontwerp is erg sterk. En als die het ontwerp in de toekomst veelvoudig gaat publiceren heb ik er niets aan.

Bedankt in ieder geval ^O^ .
Anonieme tievesclown
pi_105384567
quote:
14s.gif Op vrijdag 9 december 2011 15:07 schreef boem-dikkie het volgende:

[..]

Ja dit soort punten kun je vastleggen in een contract.
Contract? Gewoon de goeie licentie kiezen voor je software is voldoende.

Al kan het nooit kwaad om met de opdrachtgever af te spreken wat je precies zult opleveren natuurlijk.
  vrijdag 9 december 2011 @ 18:01:58 #44
228072 Crimyclown
Sapper de fap!
pi_105384801
quote:
14s.gif Op vrijdag 9 december 2011 17:56 schreef KomtTijd... het volgende:

[..]

Contract? Gewoon de goeie licentie kiezen voor je software is voldoende.

Al kan het nooit kwaad om met de opdrachtgever af te spreken wat je precies zult opleveren natuurlijk.
Het gaat om een ontwerp. Tekeningen en onderzoeken voor de website.
Anonieme tievesclown
  vrijdag 9 december 2011 @ 18:46:45 #45
298746 Dalando
18, niet meer gefrustreerd
pi_105386399
quote:
14s.gif Op woensdag 7 december 2011 15:30 schreef picodealion het volgende:

[..]

Een simpele jQuery slideshow plugin:
http://jquery.malsup.com/cycle/
Alleen de plaatjes laden zo snel dat soms de plaatjes nog niet helemaal geladen zijn maar dan moeten ze toch al worden weergegeven :') Is er een preload functie ofzo?
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  vrijdag 9 december 2011 @ 20:48:31 #46
137776 boem-dikkie
Jedi Mind Baby!
pi_105392119
Ik wil dat als mensen in de div 'content' op het linkje werk klikken er in de footer een link highlight. Nou heb ik met jQuery dit gemaakt maar het werkt niet. Zou niet weten waarom niet, iemand enig idee?

1
2
3
4
5
            $(document).ready(function() {
                $('a#werk').hover(function () {
                     $(this).find('a#werkfooter').css("background-color", "#343434");
                });
                });
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_105392285
Daar heb je die hele find niet voor nodig. Gewoon

1$('a#werkfooter').css("background-color", "#343434");
zou moeten voldoen.
pi_105392492
Als aanvulling: 'find' begint met de DOM doorzoeken bij het element waar je op dat moment bent, en wordt vaak gebruikt om de dichtstbijzijnde element van iets te vinden.

Als je een class of element hebt dat vaker voorkomt en je wil degene vinden die het dichtst bij is gebruik je 'find'. Als je een ID hebt weet je dat het element uniek is op de pagina, en hoef je dus niet te zoeken. Het is namelijk al bekend welk element je op doelt.
  vrijdag 9 december 2011 @ 20:54:19 #49
137776 boem-dikkie
Jedi Mind Baby!
pi_105392501
Hij doet het inderdaad. Thanks.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_105424248
Ik heb vijf linkjes onder elkaar met dezelfde class 'naarboven'.

Nou wil ik dat dat eerste linkje niet zichtbaar is. Dus ik heb dit toegevoegd:

1
2
3
a.naarboven:first-child{
display:none;
}

Hij laat nu geen één meer zien, iemand enig idee waarom?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_105424712
Ik gok dat je die a href's ieder in een <li> ofzo hebt staan?

[ Bericht 10% gewijzigd door boem-dikkie op 10-12-2011 19:40:24 ]
Bleuh.
pi_105424738
Ho. Verkeerde knopje. :')

Maar nee, heb ik niet.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_105424747
Post eens wat meer HTML dan?
Bleuh.
pi_105424838
1<div class="goup"><a href="#wrapper" class="naarboven">naar boven</a></div>

Die div staat 5 keer onder elkaar.

En dit is mijn css.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.goup{
margin-top: 20px;
width: 250px;
height: 285px;
float: left;
background-color: #FFFFFF;
padding-top: 15px;
}

a.naarboven{
text-transform: uppercase;
color: #99cd21;
font-family: Arial, Helvetica;
font-size: 11px;
margin-top: 25px;

}

a.naarboven:first-child{
display: none;
}
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_105424881
Je hebt dus wel een wrapper om iedere a heen. Dan is iedere a automatisch :first-child.

Als je nou

1
2
3
.goup:first-child a {
 blaat...
}

doet zou het moeten werken. Mits er natuurlijk geen andere elementen in dezelfde wrapper zitten als de 'goup's.
Bleuh.
pi_105425029
quote:
0s.gif Op zaterdag 10 december 2011 19:44 schreef PimD het volgende:
Je hebt dus wel een wrapper om iedere a heen. Dan is iedere a automatisch :first-child.

Als je nou
[ code verwijderd ]

doet zou het moeten werken. Mits er natuurlijk geen andere elementen in dezelfde wrapper zitten als de 'goup's.
Het werkt. Wat bedoel je met andere elementen?

Het linkje is het enige wat in de div .goup komt te staan. Het is een divje die naast elke post komt te staan met een linkje die naar bovenaan de pagina gaat. Dat hoeft niet bij de eerste post vandaar.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_105425096
:first-child gaat om (zoals de selector al zegt) het eerste child van een element. Als er dus bijvoorbeeld nog een <h1> voor de eerste .goup zit gaat de selector '.goup:first-child' niet af en zal je code dus niet werken.
Bleuh.
pi_105425259
quote:
0s.gif Op zaterdag 10 december 2011 19:49 schreef PimD het volgende:
:first-child gaat om (zoals de selector al zegt) het eerste child van een element. Als er dus bijvoorbeeld nog een <h1> voor de eerste .goup zit gaat de selector '.goup:first-child' niet af en zal je code dus niet werken.
Maar als je .goup:first-child a doet pakt hij toch het eerste linkelement binnen de div .goup? Zoals ik al zei er zit niks anders in die div op het linkje na.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_105425730
quote:
0s.gif Op zaterdag 10 december 2011 19:49 schreef PimD het volgende:
:first-child gaat om (zoals de selector al zegt) het eerste child van een element. Als er dus bijvoorbeeld nog een <h1> voor de eerste .goup zit gaat de selector '.goup:first-child' niet af en zal je code dus niet werken.
In dat geval zou een :first-of-type wel moeten werken als im me niet vergis?
pi_105425767
-edit- eh, dat klopt niet, laat maar :@.
pi_105450839
Is het trouwens mogelijk om met codes te detecteren of een browser HTML5 aan kan?
pi_105451052
HTML5 bestaat uit zo gigantisch veel onderdelen/modules, er is volgens mij nog geen enkele browser die alles ondersteunt. Het beste kun je feature detection doen, bijvoorbeeld met een library als Modernizr.
Bleuh.
pi_105451152
quote:
0s.gif Op zondag 11 december 2011 13:56 schreef PimD het volgende:
HTML5 bestaat uit zo gigantisch veel onderdelen/modules, er is volgens mij nog geen enkele browser die alles ondersteunt. Het beste kun je feature detection doen, bijvoorbeeld met een library als Modernizr.
.. ;( Dat zegt me niets. Het punt is dat ik html5 ga gebruiken, maar nog niet weet wat precies (Waarschijnlijk kleine animaties in een site)(En ik mag nog niet uitwerken wat ik precies ga doen want dan wordt mijn plan afgewezen :') ). Dus moet ik IE detecteren met codes en daar een workaround voor creëren. Door daar gewoon een statische elementen voor te bouwen die zien dat een website IE is en dan die afbeelding laten zien. Maar dat is dus niet mogelijk?
  zondag 11 december 2011 @ 14:01:07 #64
137776 boem-dikkie
Jedi Mind Baby!
pi_105451231
Waarom überhaupt zo veel moeite doen voor een workaround om iets te laten werken dat nog niet eens officieel af is?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_105451349
quote:
7s.gif Op zondag 11 december 2011 14:01 schreef boem-dikkie het volgende:
Waarom überhaupt zo veel moeite doen voor een workaround om iets te laten werken dat nog niet eens officieel af is?
Het bestaat officieel nog niet, maar ik moet het in mijn plan verwerken anders wordt hij waarschijnlijk afgewezen. Het hoeft niet al helemaal een uitgebreid uitgewerkte workaround te zijn, als het maar wel mogelijk is IE te detecteren en dan iets als een andere code te laten zien aan IE gebruikers. Of zoiets. :') Ik verwar mezelf ook, ik hoop dat ik een beetje duidelijk uitleg wat het probleem is (en of het mogelijk is)
  zondag 11 december 2011 @ 14:13:00 #66
56176 Catch22-
Ben je Blind?!
pi_105451629
Je gaat html5 gebruiken voor animaties? Good luck want dat lukt je niet.

Ik zou het persoonlijk met CSS3 proberen.
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_105451815
quote:
0s.gif Op zondag 11 december 2011 14:05 schreef RenRen- het volgende:

[..]

Het bestaat officieel nog niet, maar ik moet het in mijn plan verwerken anders wordt hij waarschijnlijk afgewezen. Het hoeft niet al helemaal een uitgebreid uitgewerkte workaround te zijn, als het maar wel mogelijk is IE te detecteren en dan iets als een andere code te laten zien aan IE gebruikers. Of zoiets. :') Ik verwar mezelf ook, ik hoop dat ik een beetje duidelijk uitleg wat het probleem is (en of het mogelijk is)
Nee, echt totaal niet :').

Ja, IE is te detecteren. Ja, specifieke onderdelen/functies van HTML5 zijn te detecteren. En dan?
pi_105453505
quote:
11s.gif Op zondag 11 december 2011 14:13 schreef Catch22- het volgende:
Je gaat html5 gebruiken voor animaties? Good luck want dat lukt je niet.

Ik zou het persoonlijk met CSS3 proberen.
Serieus niet? _O- Oh. Ik ha namelijk een site gezien waarbij er veel geanimeerd is, wat gebruik maakt van html5 en jquery.
quote:
14s.gif Op zondag 11 december 2011 14:18 schreef picodealion het volgende:

[..]

Nee, echt totaal niet :').

Ja, IE is te detecteren. Ja, specifieke onderdelen/functies van HTML5 zijn te detecteren. En dan?
Was ik al bang voor :') Nou ja, dan een workaround maken voor wat ik dan bouw. Ik heb wat op papier gezet, hoop dat het dan wordt goedgekeurd, dan kan ik eindelijk onderzoek gaan doen
pi_105453558
quote:
0s.gif Op zondag 11 december 2011 15:01 schreef RenRen- het volgende:
Serieus niet? _O- Oh. Ik ha namelijk een site gezien waarbij er veel geanimeerd is, wat gebruik maakt van html5 en jquery.
Dat heeft niks met HTML5 te maken, alleen met Javascript die inline CSS manipuleert :')
Bleuh.
pi_105453849
quote:
0s.gif Op zondag 11 december 2011 15:02 schreef PimD het volgende:

[..]

Dat heeft niks met HTML5 te maken, alleen met Javascript die inline CSS manipuleert :')
"DHTML".

Dat waren nog eens tijden.
  zondag 11 december 2011 @ 15:16:03 #71
12221 Tijn
Powered by MS Paint
pi_105454092
quote:
0s.gif Op zondag 11 december 2011 15:02 schreef PimD het volgende:

[..]

Dat heeft niks met HTML5 te maken, alleen met Javascript die inline CSS manipuleert :')
Dat hele verhaal leg ik aan m'n klanten niet eens meer uit als ze weer eens komen vragen of ik geen HTML5 site voor ze kan bouwen :')
  zondag 11 december 2011 @ 15:24:15 #72
137776 boem-dikkie
Jedi Mind Baby!
pi_105454417
quote:
10s.gif Op zondag 11 december 2011 15:16 schreef Tijn het volgende:

[..]

Dat hele verhaal leg ik aan m'n klanten niet eens meer uit als ze weer eens komen vragen of ik geen HTML5 site voor ze kan bouwen :')
Als klanten je überhaupt al benaderen met de vraag of je een HTML5 website kunt bouwen voor ze weet je al dat het project sowieso veel gezeur gaat veroorzaken vanwege onkennis. :')
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  zondag 11 december 2011 @ 15:36:57 #73
12221 Tijn
Powered by MS Paint
pi_105454942
quote:
10s.gif Op zondag 11 december 2011 15:24 schreef boem-dikkie het volgende:

[..]

Als klanten je überhaupt al benaderen met de vraag of je een HTML5 website kunt bouwen voor ze weet je al dat het project sowieso veel gezeur gaat veroorzaken vanwege onkennis. :')
Ik kom het veel tegen, hoor.

Klant: "Ja, jij kunt toch van die HTML5 sites bouwen?"
Tijn: "Euh... Ja, ik denk het..."
Klant: "Ok, ja dat het er een beetje hip uitziet, animaties enzo, maar dat 'ie het ook op m'n iPad doet he"
Tijn: "Ja, gewoon zonder Flash bedoel je? Ik kan sowieso geen Flash."
Klant: "Nee precies, Flash is uit man, HTML5 is het helemaal!"
Tijn: "Ja, ok..."
Klant: "Maar hij moet het ook gewoon in IE7 doen he, niet dat gelul dat je Chrome moet hebben ofzo"
Tijn: "Dus je wilt een HTML5 site die het doet op je iPad en in IE7?"
Klant: "Ja precies! En een beetje snel he, volgende week ofzo eerste demo?"

En dan lever je uiteindelijk gewoon XHTML met jQuery aan en dan zijn ze helemaal blij :P
  zondag 11 december 2011 @ 16:47:32 #74
50298 QM84
Het Orakel
pi_105458007
HTML5 wordt vaak gezien als een soort synoniem voor hyperdynamische moderne websites. Het grootste probleem daarbij is eigenlijk, dat HTML5 dat helemaal niet is.

HTML5 (alhoewel het '5' ondertussen ook al nergens meer op slaat, aangezien de versienummering losgelaten wordt vanaf nu) is niets meer of minder dan een extra set tags en attributen, die toegevoegd zijn aan de HTML-specificatie. Een paar ouderwetste elementen zijn er definitief uitgehaald. Alhoewel de specificatie nog niet volledig af is, is het overgrote deel ervan al gewoon te gebruiken. Zeker de 'semantische tags', zoals nav, article, section, etc. kan je zonder problemen al gebruiken. Voor support in IE8 en lager, kan je een klein javascriptje schrijven, of gewoon htmlshiv.js googlen en downloden (net zo makkelijk), die deze tags on-the-fly aanmaakt, zodat je ze gewoon kan CSS'en.

Er is op dit moment eigenlijk geen enkele reden meer om nog XHTML te gebruiken.

CSS3 is een ander verhaal. Hierbij zijn veel eigenschappen nog maar half geïmplementeerd, of verschilt de implementatie tussen browsers (vandaar de vendor-prefixes). Als je hier veel gebruik van gaat maken (wat best kan overigens), moet je ervoor zorgen dat je pagina zonder alle typische CSS3-shit er nog steeds normaal uit ziet. Met conditional comments kan je bvb aan de HTML-tag in je document een speciale IE-class toevoegen, zodat je bepaalde zaken die niet ondersteund worden in IE8 <, kan overriden obv die class.

het jQuery-framework is zo ontworpen, dat deze in elke browser hetzelfde resultaat geeft. Voor animaties en dergelijke, is dit nog altijd de meest veilige oplossing.

quote:
(En ik mag nog niet uitwerken wat ik precies ga doen want dan wordt mijn plan afgewezen ).
Wel raar, dat je plan bij voorbaat afgewezen gaat worden, als je verteld wát je precies van plan bent.. Komt een beetje raar en dubieus over :P
dat dus.
pi_105474737
Ik wil mbv CSS een afbeelding verticaal centreren in een div.

Mijn div opbouw ziet er zo uit:
<div id="container">
<div id="content">
<div id="producten"></div>
</div>
<div>

Bijbehorende CSS:
#container {
margin-left: auto;
margin-right: auto;
height: 750px;
width: 870px;
background-color: #d4d4d4;
}


#content {
width: 858px;
height: 610px;
margin-top: auto;
margin-left: auto;
text-align: center;
background-image: url(images/content_achtergrond.png);
position: relative;
}

#producten {
background-image: url(images/producten.png);
width: 472px;
height: 324px;
margin-left: 280px;
margin-top: 50px;
text-align:center;
}

In <div id="producten"></div> zit de afbeelding die ik vertikaal wil centeren in de div Content.

Op internet is er veel te vinden over dat het lastig is een afbeelding vertikaal te centeren in een div, maar ik begrijp niet wat het beste voor mijn code is gezien ik nogal een beginner ben met css/html.
  zondag 11 december 2011 @ 22:54:26 #76
220026 Treces
Hier had uw tekst kunnen staan
pi_105475656
Als er wel iets is, wat ik graag zie terugkomen als een standaard optie, dan ishet wel verticaal centreren. Wat een geouwehoer is dat nu.
pi_105479315
quote:
0s.gif Op zondag 11 december 2011 22:37 schreef karton2 het volgende:
Ik wil mbv CSS een afbeelding verticaal centreren in een div.

Mijn div opbouw ziet er zo uit:
Heb je de OP gelezen, en dan met name het stukje over code posten?
  maandag 12 december 2011 @ 10:38:23 #78
50298 QM84
Het Orakel
pi_105485679
quote:
0s.gif Op zondag 11 december 2011 22:37 schreef karton2 het volgende:

Op internet is er veel te vinden over dat het lastig is een afbeelding vertikaal te centeren in een div, maar ik begrijp niet wat het beste voor mijn code is gezien ik nogal een beginner ben met css/html.
Het is in principe niet lastig, je moet alleen weten wat je doet. De meest simpele oplossing heeft namelijk als 'bijwerking', dat je precies moet weten hoe alle HTML-elementen zich gedragen, hoe het box-model in elkaar zit en wat wel en niet geoorloofd is in CSS.

De truuk is, om de parent van de container waar het verticaal gecentreerde element in moet komen, weer te geven als tabel en de parent als tabel-cel, met een vertical-align:middle.

Maar als je, zoals je zelf al zegt, nog echt een beginner bent in CSS en HTML, zou ik eerst beginnen met de basis onder de knie te krijgen. Voordeel daarvan is, dat je ook veel gerichter kan gaan zoeken naar oplossingen, mocht je specifieke problemen tegenkomen.
dat dus.
pi_105485808
quote:
7s.gif Op maandag 12 december 2011 10:38 schreef QM84 het volgende:

[..]

Het is in principe niet lastig, je moet alleen weten wat je doet. De meest simpele oplossing heeft namelijk als 'bijwerking', dat je precies moet weten hoe alle HTML-elementen zich gedragen, hoe het box-model in elkaar zit en wat wel en niet geoorloofd is in CSS.

De truuk is, om de parent van de container waar het verticaal gecentreerde element in moet komen, weer te geven als tabel en de parent als tabel-cel, met een vertical-align:middle.

Maar als je, zoals je zelf al zegt, nog echt een beginner bent in CSS en HTML, zou ik eerst beginnen met de basis onder de knie te krijgen. Voordeel daarvan is, dat je ook veel gerichter kan gaan zoeken naar oplossingen, mocht je specifieke problemen tegenkomen.
Note: The values "inline-table", "run-in", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-row", "table-row-group", and "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports the values.

Kun je me trouwens de situatie schetsen waarin je verticaal wilt centreren? Over het algemeen is standaard alignen met wat padding mooier.
💍 💍 💍 💍 💍 💍 🍌 ☎
  maandag 12 december 2011 @ 10:46:35 #80
56176 Catch22-
Ben je Blind?!
pi_105485854
als de div gewoon een breedte heeft en de afbeelding als enige in die div staan, kan je hem gewoon een text-align:center geven
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_105485862
quote:
11s.gif Op maandag 12 december 2011 10:46 schreef Catch22- het volgende:
als de div gewoon een breedte heeft en de afbeelding als enige in die div staan, kan je hem gewoon een text-align:center geven
Dat is horizontaal :P
💍 💍 💍 💍 💍 💍 🍌 ☎
  maandag 12 december 2011 @ 10:47:52 #82
56176 Catch22-
Ben je Blind?!
pi_105485885
oja, ik had de tekst niet gelezen, 't is nog vroeg.

verticaal centreren is inderdaad kut, tenzj je de IE7 support laat vallen, of je met JS in de weer gaat
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_105485917
Nja kan vast wel iets met absolute en dan margin-top: -[helft-vancontent]px; en top: 50%;

Maar dat lijkt me niet echt een geweldige oplossing.
💍 💍 💍 💍 💍 💍 🍌 ☎
  maandag 12 december 2011 @ 10:52:19 #84
50298 QM84
Het Orakel
pi_105486017
Er is sowieso geen geweldige oplossing inderdaad.. óf je moet smerige code schrijven, óf je moet bepaalde support laten vallen (zoals in mijn voorbeeld hierboven.. nu vind ik dat niet zo erg ;) ), of je zet alles zo vast dat je er nog niets mee kan..

Ik vind jouw eerdergestelde vraag eigenlijk het meest relevante:

quote:
Kun je me trouwens de situatie schetsen waarin je verticaal wilt centreren?
Verticaal centreren is iets wat je eigenlijk nooit gebruikt, zeker niet voor standaard content. Voor achtergrondplaatjes is het een ander verhaal, dat is ook prima mogelijk.

Wellicht is het gewoon een probleem, waarbij de gewenste oplossing juist het probleem veroorzaakt en er een veel betere manier is om hetzelfde te bewerkstelligen.
dat dus.
pi_105486085
Het kan zijn dat je iets verticaal wilt centreren, voorbeeld:

(de inhoud in het gele vak)

Aangezien het gele vak een bepaalde hoogte heeft is verticaal centreren niet nodig, omdat dit alleen maar problemen geeft, kun je ook gewoon een marge gebruiken.
💍 💍 💍 💍 💍 💍 🍌 ☎
  maandag 12 december 2011 @ 10:58:24 #86
56176 Catch22-
Ben je Blind?!
pi_105486182
of padding, omdat dat gele de background van de container is.

Variabele hoogte/breedte en centreren is altijd lastig.
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 12 december 2011 @ 10:58:39 #87
50298 QM84
Het Orakel
pi_105486187
Inderdaad, de juiste oplossing voor het juiste probleem ;) maar ik noem dat ook niet echt 'verticaal centreren', daarbij denk ik eerder aan bvb een pagina waarbij de content altijd in het midden van het scherm staat..

edit: Zoiets bijvoorbeeld.. overigens ook een mooie oplossing, werkt ook niet in IE7
dat dus.
pi_105486252
quote:
11s.gif Op maandag 12 december 2011 10:58 schreef Catch22- het volgende:
of padding, omdat dat gele de background van de container is.

Variabele hoogte/breedte en centreren is altijd lastig.
Padding is als je een "witruimte" wilt die deel uit maakt van de container waar je de padding op doet.
Toch...?
💍 💍 💍 💍 💍 💍 🍌 ☎
  maandag 12 december 2011 @ 11:02:05 #89
56176 Catch22-
Ben je Blind?!
pi_105486266
Ja.
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_105486278
quote:
11s.gif Op maandag 12 december 2011 11:02 schreef Catch22- het volgende:
Ja.
Waarom zou je daar dan padding op doen :P
💍 💍 💍 💍 💍 💍 🍌 ☎
  maandag 12 december 2011 @ 11:02:47 #91
50298 QM84
Het Orakel
pi_105486286
Margin = witruimte buiten de box, padding is standaard witruimte binnen de box.

Als je dus binnen een container, de gele balk in dit geval, een standaard witruimte wilt hebben, is het netter om op de container een padding te zetten, ipv op alle children een margin.
dat dus.
pi_105486364
quote:
0s.gif Op maandag 12 december 2011 10:48 schreef Pizzalucht het volgende:
Nja kan vast wel iets met absolute en dan margin-top: -[helft-vancontent]px; en top: 50%;

Maar dat lijkt me niet echt een geweldige oplossing.
Absoluut niet inderdaad. Als je scherm kleiner is dan de content, verdwijnt die buiten beeld zonder scrollbalk.

oh en: http://www.w3.org/TR/CSS2/box.html#box-dimensions
pi_105486493
quote:
0s.gif Op maandag 12 december 2011 11:06 schreef KomtTijd... het volgende:

[..]

Absoluut niet inderdaad. Als je scherm kleiner is dan de content, verdwijnt die buiten beeld zonder scrollbalk.

oh en: http://www.w3.org/TR/CSS2/box.html#box-dimensions
overflow:scroll;?
💍 💍 💍 💍 💍 💍 🍌 ☎
pi_105486559
Wat doet die trollface hier :').
pi_105486617
Sorry, ik heb een geschikter plaatje gekozen.
💍 💍 💍 💍 💍 💍 🍌 ☎
pi_105486758
quote:
0s.gif Op maandag 12 december 2011 11:10 schreef Pizzalucht het volgende:

[..]

overflow:scroll;? [ afbeelding ]
Schattig, maar dat werkt dan dus niet meer :*
pi_105486785
quote:
0s.gif Op maandag 12 december 2011 11:15 schreef Pizzalucht het volgende:
Sorry, ik heb een geschikter plaatje gekozen.
Ach, als je eerst toont dat je weinig verstand hebt van HTML (geen schande, daar is dit topic voor) maar vervolgens met zulke plaatjes gaat gooien om je gelijk te halen kan je net zo goed wegblijven :').
pi_105486832
quote:
13s.gif Op maandag 12 december 2011 11:20 schreef picodealion het volgende:

[..]

Ach, als je eerst toont dat je weinig verstand hebt van HTML (geen schande, daar is dit topic voor) maar vervolgens met zulke plaatjes gaat gooien om je gelijk te halen kan je net zo goed wegblijven :').
Je snapt niet dat ik een grapje maak? Ik zeg toch zelf al dat het een slechte oplossing is?
💍 💍 💍 💍 💍 💍 🍌 ☎
pi_105486890
quote:
0s.gif Op maandag 12 december 2011 11:21 schreef Pizzalucht het volgende:

[..]

Je snapt niet dat ik een grapje maak? Ik zeg toch zelf al dat het een slechte oplossing is?
Nee, sorry. Dat ging echt langs me heen :@.
  maandag 12 december 2011 @ 11:25:42 #100
42636 TheSeeker_NL
Damn fine coffee
pi_105486957
Ik weet niet of deze vraag hier thuis hoort, zo niet dan hoor ik het wel. Gaat om een stukje SEO eigenlijk:

quote:
Voorkeursdomein
Het voorkeursdomein is het domein dat u wilt gebruiken om de pagina's van uw site te indexeren. Als u uw voorkeursdomein opgeeft als http://www.example.com en we een link naar uw site vinden die is opgemaakt als http://example.com, verwerken we die link als http://www.example.com. Daarnaast houden we rekening met uw voorkeur wanneer we URL's weergeven in onze zoekresultaten. Het kan enige tijd duren voordat wijzigingen worden weergegeven in onze index.
Meer informatie over het instellen van een voorkeursdomein
quote:
Website compliance
www resolve Be careful! Your website without www doesn't redirect to www (or the opposite). It's duplicate content! Hide advice
High impactEasy to solve
Be sure that http://blabla.nl and http://www.blabla.nl are not running in parallel.

Redirecting requests from a non-preferred hostname is important because search engines consider URLs with and without "www" as two different websites.

Once your preferred domain is set, use a 301 redirect for all traffic to your non-preferred domain.
Ik probeer die 301 redirect dus te regelen maar ik weet niet precies of ik het goed doe. Is het zo simpel als in je htaccess het volgende toe te voegen (voor elke pagina?):

Redirect 301 /http://www.blabla.nl http://blabla.nl

Ik heb bij google webmaster tools geprobeerd mijn voorkeursdomein te veranderen in blabla.nl maar ik heb verificatie-problemen (raar want ik heb de website op 3 verschillende manier echt geverificeerd). Iemand die er veel ervaring mee heeft?
pi_105487024
Ik heb het volgende in mijn .htaccess:

1
2
3
4
RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_HOST} !^www\.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]

Die zorgt dat alles naar www. gaat
andersom(niet getest):

1
2
3
4
RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_HOST} ^www\.
RewriteRule ^(.*)$ http://%{HTTP_HOST}/$1 [R=301,L]
💍 💍 💍 💍 💍 💍 🍌 ☎
pi_105487050
Dit is idd niet een HTML vraag :P. Geen idee of hier een topic voor is, maar ik wil wel even kijken of ik dit kan beantwoorden.

Sowieso is zelf een redirect doen beter dan het aangeven bij Google WMT. Ten eerste omdat er meer crawlers zijn dan Google, ten tweede omdat de gebruiker dan ook altijd op dezelfde url terechtkomt.

Het is inderdaad zo simple als een regel in je .htaccess, als ik me niet vergis (niet getest dus) is het:

1
2
RewriteCond %{HTTP_HOST} !^www\.
RewriteRule (.*) http://www.jouwsite.com/$1 [R,L]
pi_105487060
quote:
0s.gif Op maandag 12 december 2011 11:28 schreef Pizzalucht het volgende:
Ik heb het volgende in mijn .htaccess:
[ code verwijderd ]

Dit is inderdaad completer, en iets netter. Toch niet verkeerd voor uit m'n hoofd :P.

De R=301 flag geeft aan Google aan dat het een permanente redirect is, dus beter voor SEO. Die is wel belangrijk in dit geval.
  maandag 12 december 2011 @ 11:33:37 #104
42636 TheSeeker_NL
Damn fine coffee
pi_105487181
Wow super dat jullie zo snel reageren. Ik kan niet echt snel heldere informatie vinden over hoe en wat. Wel dat het schijnbaar belangrijk is voor je SEO :)

Even uitproberen, bedankt mensen ^O^
pi_105487556
Ik kan je aanraden om op SEOmoz.org en SearchEngineLand.com rond te neuzen.
  maandag 12 december 2011 @ 14:51:57 #106
42636 TheSeeker_NL
Damn fine coffee
pi_105493400
quote:
14s.gif Op maandag 12 december 2011 11:45 schreef picodealion het volgende:
Ik kan je aanraden om op SEOmoz.org en SearchEngineLand.com rond te neuzen.
Bedankt voor de tip! Een berg aan informatie :D
  dinsdag 13 december 2011 @ 10:51:47 #107
84244 Scorpie
Abject en infaam!
pi_105527681
Ik ben op zoek naar een gallery-achtige plugin/framework die images en video in een set (dus door elkaar) kan afspelen. De meeste examples werken met images of flash only, ben er nog geen 1 tegengekomen die alles door elkaar heen afspeelt met de mogelijkheid tot autoplay.

Iemand hints / tips?
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.
  dinsdag 13 december 2011 @ 10:52:25 #108
56176 Catch22-
Ben je Blind?!
pi_105527695
Je kan niet zelf coden begrijp ik?
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?
  dinsdag 13 december 2011 @ 10:58:09 #109
84244 Scorpie
Abject en infaam!
pi_105527883
Wat is dat nou weer voor vraag :D ik ga toch geen lightbox clone bouwen als er al 1 is die het meeste werk voor me doet :P
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.
  dinsdag 13 december 2011 @ 10:59:21 #110
4159 GI
Nee ik heet geen JOE
pi_105527926
quote:
10s.gif Op dinsdag 13 december 2011 10:58 schreef Scorpie het volgende:
Wat is dat nou weer voor vraag :D ik ga toch geen lightbox clone bouwen als er al 1 is die het meeste werk voor me doet :P
http://jquery.com/demo/thickbox/
  dinsdag 13 december 2011 @ 11:00:17 #111
4159 GI
Nee ik heet geen JOE
pi_105527959
O, niet meer ondersteunt. Maar er is vast iets van dezelfde strekking
  dinsdag 13 december 2011 @ 11:07:01 #112
84244 Scorpie
Abject en infaam!
pi_105528124
Mja ik vond zelf deze: http://planetozh.com/projects/lightbox-clones/

Daar staan er een hoop op. Ga daar wel mee aan de slag :)
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.
  dinsdag 13 december 2011 @ 14:30:10 #114
12221 Tijn
Powered by MS Paint
pi_105534838
Ik gebruik zelf altijd FancyBox. Lekker fancy :7
  dinsdag 13 december 2011 @ 14:41:18 #115
56176 Catch22-
Ben je Blind?!
pi_105535384
fancybox ruled, is net een nieuwe van uit he.
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?
  dinsdag 13 december 2011 @ 23:33:31 #116
228072 Crimyclown
Sapper de fap!
pi_105559424
Is het mogelijk met CSS type verticaal in een DIV te centreren.
Anonieme tievesclown
  woensdag 14 december 2011 @ 00:07:21 #117
12221 Tijn
Powered by MS Paint
pi_105560634
Wat is tegenwoordig een goede manier om bijvoorbeeld een menu altijd in beeld te houden, ook als je naar beneden scrollt?
pi_105561710
Je zou position: fixed kunnen gebruiken. Maar ik raad het niet aan.

Ik zou zelf denk ik voor een JS oplossing gaan(met animation) om een soort "fixed", maar dan mooier, te kunnen krijgen, en hier dan een fallback naar position: fixed gebruiken ;)

Zoiets:
http://www.jtricks.com/javascript/navigation/floating.html
💍 💍 💍 💍 💍 💍 🍌 ☎
pi_105562805
quote:
0s.gif Op woensdag 14 december 2011 00:50 schreef Pizzalucht het volgende:
Je zou position: fixed kunnen gebruiken. Maar ik raad het niet aan.

Ik zou zelf denk ik voor een JS oplossing gaan(met animation) om een soort "fixed", maar dan mooier, te kunnen krijgen, en hier dan een fallback naar position: fixed gebruiken ;)

Zoiets:
http://www.jtricks.com/javascript/navigation/floating.html
ALsjeblieft, hou op. Het is geen 2004 meer ;(

Position:fixed is idd de oplossing. Wat veel gedaan wordt is dmv javascript de scrollpositie uitlezen, zodat je een menu fixed kan zetten zodra het uit beeld dreigt te scrollen. Bijv. een menubalk onder een banner, die fixed wordt zodra je de banner uit beeld gescrolled hebt. Voorbeeld is bijv. te ticker bij facebook, .fixed_scrolling_wrapper wordt fixed gemaakt zodra je de ads erboven weggescrold hebt.

Je moet overigens wel nadenken over de impact van fixed elementen op kleine schermen (netbooks, telefoons). Als je niet oppast zet je 90% van het beeld vol met menu's die niet weg te scrollen zijn.
  woensdag 14 december 2011 @ 01:40:36 #120
12221 Tijn
Powered by MS Paint
pi_105563013
Ja, door dat hele gedachtenproces ben ik net ook gegaan. Nu is het nog een klein menuutje en leek het me cool om 'em altijd op de pagina te houden. Maar de inhoud is variabel en gaat zeker groeien. Dat in combinatie met de kleine schermen van telefoons en tablets zorgt er al gauw voor dat het alleen maar irritant is dat 'ie fixed is.

Maar ik ben wel blij dat ik nu weet hoe het moet, mocht ik het ooit wél willen B-)
  woensdag 14 december 2011 @ 10:59:13 #121
305897 remi1986
This MF is infected by madness
pi_105568571
Ik maak gebruik van de jQuery autocomplete: http://docs.jquery.com/Plugins/Autocomplete

Nu wil ik de url kunnen wijzigen aan de hand van een keuze uit een select box. Volgens de documentatie kan dat met setOptions http://docs.jquery.com/Plugins/Autocomplete/setOptions#options

1
2
3
4
5
6
7
8
9
10
$("#id_van_input_veld").autocomplete("url_naar_php_bestand_1",{
      //hier een aantal opties
});

$("#id_van_select").change(function() {
     $("#id_van_input_veld").flushCache();
     $("#id_van_input_veld").setOptions(function() {
            url: 'url_naar_php_bestand_2'
     });
});

Echter, hier gebeurt niks mee. De url wordt niet veranderd. Ook krijg ik met Firebug geen foutmeldingen.

Ik heb nu een tijdelijke oplossing door bij het teruggeven van het resultaat in Javascript (in de success: van de autocomplete) te controleren op de waarde in de selectbox, maar hiervoor worden teveel records opgehaald, dus ik wil het resultaat verfijnen in het AJAX php bestand.

Heeft iemand een idee wat er niet klopt?
  woensdag 14 december 2011 @ 11:23:23 #122
56176 Catch22-
Ben je Blind?!
pi_105569257
Kan je niet beter de waarde van de select meeposten en het door 1 file laten afhandelen?
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_105569735
quote:
10s.gif Op woensdag 14 december 2011 01:40 schreef Tijn het volgende:
Ja, door dat hele gedachtenproces ben ik net ook gegaan. Nu is het nog een klein menuutje en leek het me cool om 'em altijd op de pagina te houden. Maar de inhoud is variabel en gaat zeker groeien. Dat in combinatie met de kleine schermen van telefoons en tablets zorgt er al gauw voor dat het alleen maar irritant is dat 'ie fixed is.

Maar ik ben wel blij dat ik nu weet hoe het moet, mocht ik het ooit wél willen B-)
Idd, ik heb het laatst op mijn werk ook gemaakt (precies hoe KomtTijd.. zegt), maar ik zet er wel altijd een rule bij dat bij < 600px breedte dat gewoon niet gebeurt.
  woensdag 14 december 2011 @ 11:52:13 #124
305897 remi1986
This MF is infected by madness
pi_105570135
quote:
11s.gif Op woensdag 14 december 2011 11:23 schreef Catch22- het volgende:
Kan je niet beter de waarde van de select meeposten en het door 1 file laten afhandelen?
Ja dat wil ik ook. Echter de autocomplete zet je op in de Document Ready. En op de één of andere manier wordt dit gecached. Ik wil dus on the fly de url veranderen, wanneer de waarde van de selectbox veranderd
pi_105614076
Ik probeer text in een div tag te centreren.

1
2
3
4
 #test3 li a {
    vertical-align:middle;
    line-height: 102px;
}

maar dit werkt enkel wanneer er maar 1 regel tekst is. Nu heb ik in #test3 2 regels tekst welke ik verticaal gecentreerd wil hebben in de div tag. De regels ten opzichte van elkaar moeten een normale line-height krijgen. Is dit mogelijk?
Anonieme tievesclown
pi_105614234
Je zou het kunnen proberen met display:table/display:table-cell.
Bleuh.
pi_105614442
Lukt ook niet, anders zet ik de content van de div gewoon in een table zetten met v-align erop.
Anonieme tievesclown
  donderdag 15 december 2011 @ 13:45:54 #128
56176 Catch22-
Ben je Blind?!
pi_105614469
doe je ontwerp eens posten + code, kan me niet voorstellen dat dit niet anders kan.
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 15 december 2011 @ 13:53:21 #129
220026 Treces
Hier had uw tekst kunnen staan
pi_105614699
Je zou het met jQuery kunnen doen :)
pi_105614711
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
<!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>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
<script type="text/javascript" src="scripts/jquery.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FOKTEST</title>
<style>
body {
    margin:0;
    padding:0;
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    font-weight: bold;
    text-align: center;
    background-color:#999;
}
#container {
    width:1024px;
    height:768px;
    margin:0 auto;
    background-color:#0D2B41;
}
/* Button */
ul {
    list-style: none;
    padding:0px;
    margin:0px;
}
#button3 li a {
    vertical-align:middle;
    line-height: 102px;
}
#button3 {
    position:absolute;
    margin-top:510px;
    margin-left:306px;
    height:102px;
    width:102px;
    background-color:#FFF;
}
</style>
</head>
<body>
<div id="container">
<div id="button3">
<ul id="knop3">
<li><a href="#">TESTKNOP DRIE</a></li>
</ul>
</div>
</div>
</body>
</html>
Anonieme tievesclown
pi_105614857
quote:
0s.gif Op donderdag 15 december 2011 13:53 schreef Treces het volgende:
Je zou het met jQuery kunnen doen :)
Dat zou wel ideaal zijn. Even uitproberen.

[ Bericht 1% gewijzigd door Crimyclown op 15-12-2011 14:04:59 ]
Anonieme tievesclown
  donderdag 15 december 2011 @ 14:08:37 #132
56176 Catch22-
Ben je Blind?!
pi_105615127
http://jsbin.com/orucev/4/

zoiets. ff naar je eigen wens aanpassen

waarom staat die knop in een UL btw?

http://jsbin.com/orucev/9
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_105615699
quote:
11s.gif Op donderdag 15 december 2011 14:08 schreef Catch22- het volgende:
http://jsbin.com/orucev/4/

zoiets. ff naar je eigen wens aanpassen

waarom staat die knop in een UL btw?

http://jsbin.com/orucev/9
Om dat ding te centreren van alles geprobeerd. Dacht misschien kan een ul wel gecentreerd worden.
Anonieme tievesclown
pi_105615944
Bedankt Catch22-, het werkt.
Anonieme tievesclown
  vrijdag 16 december 2011 @ 18:23:51 #135
228072 Crimyclown
Sapper de fap!
pi_105664643
Is iemand hier toevallig bekent met CMS Made Simple? Kan op de website vreemd genoeg niet de informatie vinden die ik zoek. Zou graag een link naar een nieuwe pagina/sjabloon maken. Of moet ik sjablonen niet als html pagina zien?

Testpagina
1<div id="button1" style="cursor:hand; cursor:pointer;" onclick="location.href='testpagina">
Anonieme tievesclown
pi_105664933
quote:
0s.gif Op vrijdag 16 december 2011 18:23 schreef Crimyclown het volgende:
Is iemand hier toevallig bekent met CMS Made Simple? Kan op de website vreemd genoeg niet de informatie vinden die ik zoek. Zou graag een link naar een nieuwe pagina/sjabloon maken. Of moet ik sjablonen niet als html pagina zien?

Testpagina
[ code verwijderd ]

Probeer eerst eens zelf te begrijpen wat je nou wilt, dat zoekt al een stuk makkelijker :+
Een nieuwe pagina of een nieuw sjabloon zijn wel 2 behoorlijk verschillende dingen. En wat die code ermee te maken heeft...? :?
pi_105696778
Iemand een idee hoe ik dit voor elkaar krijg met css?



Ik zit al te pielen met text-shadow maar daarbij heb ik 2 opties:

- de shadow direct achter de tekst laten, en de blur op 4px zetten. Lijkt er enigszins op, maar het moet met strakke lijnen ipv geblurred
- 4 shadows instellen voor de 4 richtingen. lijkt er meer op, maar de hoeken zijn dan erg lelijk:

http://jsfiddle.net/38mM6/1/ (1px blur om het iets zachter te maken, anders is het nog blokkeriger..)

Lijkt het allemaal niet te worden.

[ Bericht 29% gewijzigd door picodealion op 17-12-2011 17:16:09 ]
pi_105697021
Hmm, al begint dit wel wat te worden..
http://jsfiddle.net/38mM6/2/
  zaterdag 17 december 2011 @ 19:01:01 #139
298746 Dalando
18, niet meer gefrustreerd
pi_105700197
Volgensmij zijn de meeste gradients en shadows zijn in browser niet heel vloeiend inderdaad... Bijvoorbeeld op http://dalando.nl/ zie je ook dat de achtergrond gradient niet geheel vloeiend is... Dus volgensmij kun je het niet echt beter krijgen...
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_105700343
Daar was ik al bang voor, toch bedankt :).

Ik zal eens met de opdrachtgever overleggen of het echt niet anders kan. In het aangeleverde design zijn het plaatjes (nu 5 stuks, maar je weet nooit wat er verandert/uitbreidt). Niet ideaal, imo.
  zaterdag 17 december 2011 @ 23:31:54 #141
228072 Crimyclown
Sapper de fap!
pi_105710155
quote:
14s.gif Op vrijdag 16 december 2011 18:32 schreef KomtTijd... het volgende:

[..]

Probeer eerst eens zelf te begrijpen wat je nou wilt, dat zoekt al een stuk makkelijker :+
Een nieuwe pagina of een nieuw sjabloon zijn wel 2 behoorlijk verschillende dingen. En wat die code ermee te maken heeft...? :?
A bedankt, ik heb het gevonden. Dacht dat sjablonen voor html pagina's stonden. Het is allemaal ook een stuk logischer ook nu.

Maar de handleiding op CMSMS heb ik ook niet heel veel aangehad. Informatie die er staat is zeer minimaal.
Anonieme tievesclown
pi_105711402
quote:
14s.gif Op zaterdag 17 december 2011 23:31 schreef Crimyclown het volgende:

[..]

A bedankt, ik heb het gevonden. Dacht dat sjablonen voor html pagina's stonden. Het is allemaal ook een stuk logischer ook nu.

Maar de handleiding op CMSMS heb ik ook niet heel veel aangehad. Informatie die er staat is zeer minimaal.
Ben ik met je eens, die handleiding is een beetje crappy. Gelukkig is de werkwijze supermakkelijk en overzichtelijk, en de modulehulp-pagina's e.d. zijn wel duidelijk.
pi_105712893
Ik ben nog maar net bezig met CSS, al heel vaak geprobeerd het onder de knie te krijgen, maar liep steeds vast. Dit is dus de ik weet niet hoeveelste poging en loop alweer vast :')

Kijk hier wat het probleem is. Ik krijg 2 'containers' in een container, niet naast elkaar.
pi_105713004
Probeer eens een float:left; op de div van het logo ;)
💍 💍 💍 💍 💍 💍 🍌 ☎
pi_105713009
Beide containers zijn 'div' elementen, die hebben als display waarde "block". Die stapelen altijd onder elkaar.

Een mogelijke oplossing is om er met css inline-blocks van te maken, blokken die dus naast elkaar blijven staan:

1#logo, #menu { display: inline-block; }

Of je kan ze allebei naar links floaten:

1#logo, #menu { float: left; }

Inline-block wordt niet door oude browsers (IE 6 enzo) ondersteund, maar tegenwoordig kunnen de meeste browsers er wel mee omgaan. Float wordt wel altijd ondersteund, maar is lastiger onder de knie te krijgen.
pi_105713066
Float kan ook nog wel eens problemen opleveren in oudere browsers, maar die zijn meestal met wat hack-werk wel weer recht te breien. Liever lelijke code dan slechte ondersteuning.
💍 💍 💍 💍 💍 💍 🍌 ☎
pi_105713369
Thanks!

Div's worden dus altijd onderelkaar gestapeld? Hoe voorkom je dit?

Ik ga nu even float left proberen.

/edit
1    #logo, #menu { display: inline-block; }
Heeft het opgelost, maar is dit hoe 'het' moet?

/edit
En wat is het beste om een plaatje/iets verticaal te centreren?
pi_105713469
Er zijn eigenlijk altijd meerdere manieren om iets te bereiken, maar als je voor compatibiliteit gaat, zou ik toch voor float gaan.

Lees even vanaf hier voor verticaal centreren.
💍 💍 💍 💍 💍 💍 🍌 ☎
pi_105713500
quote:
0s.gif Op zondag 18 december 2011 01:37 schreef Pizzalucht het volgende:
Er zijn eigenlijk altijd meerdere manieren om iets te bereiken, maar als je voor compatibiliteit gaat, zou ik toch voor float gaan.

Lees even vanaf hier voor verticaal centreren.
Thanks, ga ik straks gelijk even doen!

De blokken zijn nu wel naast elkaar, maar de hoogte van de blokken kloppen niet meer? Ze lopen niet gelijk.

/edit
Door float wel, met inline-block niet. Opgelost dus.
pi_105713548
Met floats moet je inderdaad specifieke afmetingen meegeven ;)
💍 💍 💍 💍 💍 💍 🍌 ☎
pi_105713634
Afbeelding verticaal centreren heb ik opgelost met margin-top:
1
2
3
4
5
6
#logo{
    height:50px;
    width:200px;
    background-color:#0e3422;
    margin-top:25px;
}

Is dit netjes? Of bagger bagger bagger code?

Zie hier hoe het eruit ziet.
pi_105713806
quote:
0s.gif Op zondag 18 december 2011 01:45 schreef xaban06 het volgende:
Afbeelding verticaal centreren heb ik opgelost met margin-top:
[ code verwijderd ]

Is dit netjes? Of bagger bagger bagger code?

Zie hier hoe het eruit ziet.
Zolang je zeker weet dat het logo altijd 50px is en de container eromheen 100px is dit gewoon prima.
  maandag 19 december 2011 @ 16:07:12 #153
228072 Crimyclown
Sapper de fap!
pi_105774554
Ik moet in mijn html document gaan stylen. Op de een of andere manier werkt:
1
2
3
<div id="0003712" style="display:none;">
0003712
</div>
wel maar wanneer ik het in css doe niet...
1
2
3
4
5
6
@charset "utf-8";
/* CSS Document */

#0003712 {
    display:none;
}
Anonieme tievesclown
  maandag 19 december 2011 @ 16:10:57 #154
56176 Catch22-
Ben je Blind?!
pi_105774716
http://www.w3.org/TR/html401/types.html#type-name

je ID moet met een letter beginnen.
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 19 december 2011 @ 16:12:11 #155
228072 Crimyclown
Sapper de fap!
pi_105774786
quote:
11s.gif Op maandag 19 december 2011 16:10 schreef Catch22- het volgende:
http://www.w3.org/TR/html401/types.html#type-name

je ID moet met een letter beginnen.
Vandaar :') .Snapte al niet waarom het niet werkte, bedankt.
Anonieme tievesclown
pi_105777708
Had de W3 validator er zo voor je uitgepikt hoor :*
  donderdag 22 december 2011 @ 09:18:55 #157
267443 Cue_
Cuecumbergirl
pi_105906549
Oke, nieuw probleempje.

Heb een php pagina met daarin verschillende gegevens, opgebouwd met ong 5 blokken als onderstaande:
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
echo "
<a name='Aantallen_te_Matchen_Orders'></a>
<b>Aantallen te Matchen Orders</b>         Status van ".$datumvandaag."  tijdstip ".$tijdnu."        <a href='#Top'>Top</a>
</div>
<br>
<table style='text-align: left; width: 644px;' border='1' cellspacing='2' cellpadding='2'>
  <tbody>
    <tr>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>Plangroep<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>Totaal<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153); text-align: center;'>ap1<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap2<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap3<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap4<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap5<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap6<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap7<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap8<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap9<br></td>
    </tr>
     <tr>
      <td style='vertical-align: top; text-align: center;'>Aantal<br></td>   
    ";
    AantalTeMatchen('lijst');
 echo " </tr> 
  </tbody>
</table>
 <br>
 ";

Nu moet er nieuwe pagina erbij komen die eigenlijk zorgt dat de verschillende blokken omstebeurten getoond worden. Dus eerst de uitkomst van blok 1, daarna blok 2, blok 3 etc.
Zag zoiets wel mbv javascript
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
ar quote=new Array();
  quote[0]='This is quote number one';    /* add as many quotes as you like!*/
  quote[1]='This is quote number two';
  quote[2]='This is quote number three';
  quote[3]='This is quote number four';
  quote[4]='This is quote number five';
  quote[5]='This is quote number six';
  quote[6]='This is quote number seven';
  quote[7]='This is quote number eight';
  quote[8]='This is quote number nine';
  quote[9]='This is quote number ten';

var speed=2000;    /*this is the time in milliseconds adjust to suit*/
var q=0;

function showQuote() {

     document.getElementById("quotes").innerHTML=quote[q];
     q++;
if(q==quote.length) {
     q=0;
  }
}
setInterval('showQuote()',speed);
   
 //]]>
</script>

Maar hoe ik t van mij erin zal moeten verwerken.. ik heb geen idee :N Jullie tips? of andere ideeen?

Wat ik precies wil:
Ik wil dat de pagina zonder verversen elke 10 sec een ander van die 5 blokken laat zien.
Dus dat hij 10 sec table 1 laat zien, vervolgens 10 sec table 2 , tot en met table 5 en dan weer begint bij table 1.
  donderdag 22 december 2011 @ 09:22:29 #158
137776 boem-dikkie
Jedi Mind Baby!
pi_105906629
quote:
0s.gif Op donderdag 22 december 2011 09:18 schreef Cue_ het volgende:
Oke, nieuw probleempje.

Heb een php pagina met daarin verschillende gegevens, opgebouwd met ong 5 blokken als onderstaande:
[ code verwijderd ]

Nu moet er nieuwe pagina erbij komen die eigenlijk zorgt dat de verschillende blokken omstebeurten getoond worden. Dus eerst de uitkomst van blok 1, daarna blok 2, blok 3 etc.
Zag zoiets wel mbv javascript
[ code verwijderd ]

Maar hoe ik t van mij erin zal moeten verwerken.. ik heb geen idee :N Jullie tips? of andere ideeen?

Wat ik precies wil:
Ik wil dat de pagina zonder verversen elke 10 sec een ander van die 5 blokken laat zien.
Dus dat hij 10 sec table 1 laat zien, vervolgens 10 sec table 2 , tot en met table 5 en dan weer begint bij table 1.
Zoek gewoon even op een jQuery slider die naast afbeeldingen ook divjes kan sliden. Dan pleur je daar gewoon elk blok in?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  donderdag 22 december 2011 @ 09:24:01 #159
267443 Cue_
Cuecumbergirl
pi_105906664
quote:
14s.gif Op donderdag 22 december 2011 09:22 schreef boem-dikkie het volgende:

[..]

Zoek gewoon even op een jQuery slider die naast afbeeldingen ook divjes kan sliden. Dan pleur je daar gewoon elk blok in?
Geeft dat geen problemen met de php functies die ik aanroep in die divjes?
  donderdag 22 december 2011 @ 10:39:41 #160
65252 Bart
Slecht voor de gezondheid
pi_105908631
quote:
0s.gif Op donderdag 22 december 2011 09:18 schreef Cue_ het volgende:
Oke, nieuw probleempje.

Heb een php pagina met daarin verschillende gegevens, opgebouwd met ong 5 blokken als onderstaande:
[ code verwijderd ]

Nu moet er nieuwe pagina erbij komen die eigenlijk zorgt dat de verschillende blokken omstebeurten getoond worden. Dus eerst de uitkomst van blok 1, daarna blok 2, blok 3 etc.
Zag zoiets wel mbv javascript
[ code verwijderd ]

Maar hoe ik t van mij erin zal moeten verwerken.. ik heb geen idee :N Jullie tips? of andere ideeen?

Wat ik precies wil:
Ik wil dat de pagina zonder verversen elke 10 sec een ander van die 5 blokken laat zien.
Dus dat hij 10 sec table 1 laat zien, vervolgens 10 sec table 2 , tot en met table 5 en dan weer begint bij table 1.
Graag je vragen voortaan in één topic stellen :). Nu heb je hem hier en in [Javascript] voor dummies (deel 12) staan, dat is niet de bedoeling ;).
I have the cape. I make the fucking Whoosh noise.
Op donderdag 12 juli 2012 19:56 schreef Lithia het volgende:
Ik durf hier niets over te zeggen. Bart is koning hier.
  donderdag 22 december 2011 @ 10:55:53 #161
267443 Cue_
Cuecumbergirl
pi_105909064
quote:
99s.gif Op donderdag 22 december 2011 10:39 schreef Bart het volgende:

[..]

Graag je vragen voortaan in één topic stellen :). Nu heb je hem hier en in [Javascript] voor dummies (deel 12) staan, dat is niet de bedoeling ;).
Dat was ik van plan, maar kon het topic eerst niet vinden, kreeg ik dus dat topic door..dus gepost.. kreeg ik daarna deze door ivm nieuwer ;)
  donderdag 22 december 2011 @ 10:58:31 #162
65252 Bart
Slecht voor de gezondheid
pi_105909153
quote:
0s.gif Op donderdag 22 december 2011 10:55 schreef Cue_ het volgende:

[..]

Dat was ik van plan, maar kon het topic eerst niet vinden, kreeg ik dus dat topic door..dus gepost.. kreeg ik daarna deze door ivm nieuwer ;)
^O^
I have the cape. I make the fucking Whoosh noise.
Op donderdag 12 juli 2012 19:56 schreef Lithia het volgende:
Ik durf hier niets over te zeggen. Bart is koning hier.
pi_105920647
quote:
0s.gif Op donderdag 22 december 2011 09:24 schreef Cue_ het volgende:
Geeft dat geen problemen met de php functies die ik aanroep in die divjes?
Wat voor php functies wil je aanroepen? ik snap je niet? meeste sliders, hebben namelijk een heel uitgebreid keuze menu. de content is makkelijk met php in te laden om vervolgens als html toonbaar weer te geven. en dan doet de Jquery slider zijn werk.
Redacted
  donderdag 22 december 2011 @ 17:00:07 #164
12221 Tijn
Powered by MS Paint
pi_105922395
quote:
0s.gif Op donderdag 22 december 2011 09:24 schreef Cue_ het volgende:

[..]

Geeft dat geen problemen met de php functies die ik aanroep in die divjes?
Hoe bedoel je dit? Een div is een element in de pagina die je de bezoeker voorschotelt. PHP draait op de server, waar het hele concept van een div niet bestaat.
pi_106159836
Ik vroeg me af hoe je het volgende kunt realiseren en hoe het heet. Ik zou graag willen dat als mijn site gegoogled wordt het er als volgt uit komt te zien: (structuur)

  donderdag 29 december 2011 @ 12:00:43 #166
63192 ursel
"Het Is Hier Fantastisch!
pi_106160098
quote:
5s.gif Op donderdag 29 december 2011 11:51 schreef Cracka-ass het volgende:
Ik vroeg me af hoe je het volgende kunt realiseren en hoe het heet. Ik zou graag willen dat als mijn site gegoogled wordt het er als volgt uit komt te zien: (structuur)

[ link | afbeelding ]
Daar heb je geen invloed op. Als Google een juiste indexatie ervan kan maken wil het dit automatisch doen. Heb nog nergens gelezen hoe je dit exact kunt forceren.
pi_106160161
quote:
0s.gif Op donderdag 29 december 2011 12:00 schreef ursel het volgende:

[..]

Daar heb je geen invloed op. Als Google een juiste indexatie ervan kan maken wil het dit automatisch doen. Heb nog nergens gelezen hoe je dit exact kunt forceren.
Ik heb het al gevonden. Je kunt zelf 'sitelinks' degraderen (zoals zij het noemen) bij hulpprogamma's voor webmasters van google.

Thanks voor het meedenken iig.
pi_106160836
quote:
14s.gif Op donderdag 29 december 2011 12:02 schreef Cracka-ass het volgende:

[..]

Ik heb het al gevonden. Je kunt zelf 'sitelinks' degraderen (zoals zij het noemen) bij hulpprogamma's voor webmasters van google.

Thanks voor het meedenken iig.
Klopt, maar dan moeten ze wel gegenereerd zijn. Zijn die sitelinks al zichtbaar als je googled op je website-naam?

Anders zou je namelijk eerst wat aan linkbuilding moeten doen, zodat je site populairder wordt op die zoekterm.
pi_106160917
quote:
0s.gif Op donderdag 29 december 2011 12:23 schreef McCandless het volgende:

[..]

Klopt, maar dan moeten ze wel gegenereerd zijn. Zijn die sitelinks al zichtbaar als je googled op je website-naam?

Anders zou je namelijk eerst wat aan linkbuilding moeten doen, zodat je site populairder wordt op die zoekterm.
Ja die zijn zichtbaar.
Het ziet er alleen zo slordig uit allemaal onder elkaar.
pi_106162723
quote:
14s.gif Op donderdag 29 december 2011 12:25 schreef Cracka-ass het volgende:

[..]

Ja die zijn zichtbaar.
Het ziet er alleen zo slordig uit allemaal onder elkaar.
Tja,hoe groter jouw website in beeld staat, hoe beter er op geklikt wordt is het idee. Jij kunt het wellicht niet mooi vinden, maar sitelinks bij andere websites zien er net zo uit, dus een bezoeker zal zich er niet aan storen.

De reden dat je sitelinks kan degraderen is dat je links die ongewenst verschijnen zo weg kan halen. Bij mijn site heb ik bijvoorbeeld de pagina naar de winkelwagen gedegradeerd omdat bezoekers er niks aan hebben om meteen naar de winkelwagen te gaan.
pi_106167929
Hoe link je in CMSMS een pagina zonder dat de url voor de bezoeker verandert?

De enige manier die ik heb gevonden om een pagina te linken is met ?page=.
1<form action="index.php?page=test1" method="post">
Anonieme tievesclown
pi_106168193
quote:
0s.gif Op donderdag 29 december 2011 15:35 schreef Crimyclown het volgende:
Hoe link je in CMSMS een pagina zonder dat de url voor de bezoeker verandert?

De enige manier die ik heb gevonden om een pagina te linken is met ?page=.
[ code verwijderd ]

hoe bedoel je dat?
Een form is geen link. Als je geen ?page= enzo in de url wilt, moet je pretty_urls aanzetten in je config.php file. Zie de PDF in de doc-map voor uitleg.
pi_106168319
quote:
14s.gif Op donderdag 29 december 2011 15:44 schreef KomtTijd... het volgende:

[..]

hoe bedoel je dat?
Een form is geen link. Als je geen ?page= enzo in de url wilt, moet je pretty_urls aanzetten in je config.php file. Zie de PDF in de doc-map voor uitleg.
Dank. De form is een voorbeeld, mag ook gewoon een a href zijn. Heb twee uur gezocht voordat ik eindelijk ergens vandaan kon halen hoe je een pagina kan linken :') .
Anonieme tievesclown
pi_106168447
:? Je praat echt in raadsels.
Als <a href=""> typen je te moeilijk is kun je ook {cms_selflink page=""} gebruiken voor een automatisch gegenereerde URL. Of wat bedoel je nou?

-edit- De wysiwyg editor doet dat automatisch trouwens, als je een interne link maakt.
pi_106168574
quote:
5s.gif Op donderdag 29 december 2011 15:51 schreef KomtTijd... het volgende:
:? Je praat echt in raadsels.
Als <a href=""> typen je te moeilijk is kun je ook {cms_selflink page=""} gebruiken voor een automatisch gegenereerde URL. Of wat bedoel je nou?
Ik had de hele website in HTML staan. Dus met <a href"#">. Maar nu ben ik bezig die html pagina's in CMSMS te zetten.
Anonieme tievesclown
pi_106168712
Je weet ook van het bestaan van de {menu} tag?
pi_106169223
quote:
14s.gif Op donderdag 29 december 2011 15:58 schreef KomtTijd... het volgende:
Je weet ook van het bestaan van de {menu} tag?
Ja maar dat schiet niet op voor dit project, werk met vervolgpagina's. Elke pagina staan de knoppen op andere plekken.
Anonieme tievesclown
  vrijdag 30 december 2011 @ 18:33:19 #178
87680 Mirel
Mirel wil een bongophone.
pi_106213245
Ik heb een hover probleempje op www.mirelmasic.nl bij het menu bovenaan.

In IE 9 gaat de hover 1px teveel naar beneden.
In Firefox 8 is dat 2px.

Opera 11.60 en Chrome 16 zijn OK, maar van iemand anders hoor ik dat het bij hem ook fout gaat in Chrome.

Zo'n klein detail is misschien lastig om met www.browsershots.org te bekijken :')

Hoe kan ik dit fixen? Zijn er specifieke css codes of moet ik een aparte stylesheet maken voor de andere browsers? Of is het een bepaalde fout in de css die de ene browser negeert en de andere niet?
When all else fails, you always have delusion.
pi_106213618
quote:
0s.gif Op vrijdag 30 december 2011 18:33 schreef Mirel het volgende:
Ik heb een hover probleempje op www.mirelmasic.nl bij het menu bovenaan.

In IE 9 gaat de hover 1px teveel naar beneden.

Wat betekent dat? Je vragen zijn soms echt onduidelijk.. plaats anders een plaatje ofzo waarin je precies aangeeft wat er gebeurt dat verkeerd is.

Ik zie in IE9 niks raars.
pi_106213727
En 'rouwe' in je CV moet 'rauwe' zijn.
  vrijdag 30 december 2011 @ 18:49:44 #181
87680 Mirel
Mirel wil een bongophone.
pi_106213972
oeh dankje, even fixen :P Je zat wel gelijk heel diep te kijken :P

Plaatje:

Dat dus. Dat grijze. Dat gaat buiten het balkje. Het is lastig te zien maar let op de lichtgrijze stipjes van het patroon, dan zie je dat hij eroverheen gaat. Uitgezoomd op 100% valt het enigszins op en dat is stom.
When all else fails, you always have delusion.
pi_106214165
Ah, ok. Ik zie het nu ook in IE9.

Als je een overflow:hidden op de list items zet zou die overbodige hoogte gewoon verborgen moeten blijven.

Sowieso is het (zo goed als) nooit de goede oplossing om voor specifieke browsers nog andere stijlen of aanvullingen te gebruiken. Bijna altijd kan je dan beter de boel op een andere manier aanpakken waardoor het wel overal goed werkt.
  vrijdag 30 december 2011 @ 20:21:30 #183
87680 Mirel
Mirel wil een bongophone.
pi_106217816
Thanks :)
When all else fails, you always have delusion.
pi_106218828
Het klopt ook dat je niet naar "info" mag als je je browser niet minstens 1100 pixels breed is?
En het echte probleem komt volgens mij door de line-height, maar ik snap (nog) niet helemaal waarom, blijkbaar is 36px line-height anders dan 36px height.
  vrijdag 30 december 2011 @ 21:21:48 #185
87680 Mirel
Mirel wil een bongophone.
pi_106220301
Ja, dat is irritant. En ik heb schijt aan die resoluties. Al 5 jaar hoor ik dat ik max 780px ofzo moet doen. Vind het wel leuk geweest. Nu maak ik het gewoon hoe ik het wil.
When all else fails, you always have delusion.
pi_106220441
...maak het dan zo dat je gewoon een scrollbalk krijgt, en niet dat je halve navigatie onbruikbaar wordt.
  vrijdag 30 december 2011 @ 21:34:35 #187
87680 Mirel
Mirel wil een bongophone.
pi_106220867
komt nog
When all else fails, you always have delusion.
  zaterdag 31 december 2011 @ 12:58:37 #188
230788 n8n
Pragmatisch
pi_106243094
Maak het dan gewoon resolutie-onafhankelijk door procenten en media-queries te gebruiken
Specialization is for insects”.—Robert Heinlein
  zaterdag 31 december 2011 @ 13:25:05 #189
87680 Mirel
Mirel wil een bongophone.
pi_106244190
had ik, maar die fontgrootte zat dan ook te kutten. Weet niet of ik die ook kleiner kan maken met resoluties. En dat dingetje met die categorieën doet misschien stom met naar rechts floaten omdat die boxen op 100% zijn, al kunnen die ook op 97% ofzo :)

Net even gekeken en ik zie dat met javascript de fontgrootte aangepast kan worden, dus dan kan ik het menu mee laten gaan, moet nog even uitvogelen hoe het dan zit met de height van het menu :)
When all else fails, you always have delusion.
  zaterdag 31 december 2011 @ 13:36:07 #190
230788 n8n
Pragmatisch
pi_106244712
Geen js nodig. Je maakt eerst een lage resolutie die je wilt bedienen (bijv. 800px) zijn. Daarna zet je alle wijzigingen op hogere resolutie tussen…:

@media all and (min-width:800px) { …deze haakjes }

+ Zit alles in 1 css-bestand dus dat scheelt weer een load naar de server (geen js nodig).
+ Browsers die geen media-queries ondersteunen krijgen standaard de smalste versie.
+ Kan het ook gebruiken voor een mobiele versie zonder veel extra moeite.

Fontgrootte, hoogtes alles kan je aanpassen naar de resolutie

[ Bericht 24% gewijzigd door n8n op 31-12-2011 13:42:41 ]
Specialization is for insects”.—Robert Heinlein
  zaterdag 31 december 2011 @ 14:11:00 #191
87680 Mirel
Mirel wil een bongophone.
pi_106246208
Omdat @media zo lastig googlet, kan je even linken naar een pagina daarover? Heb nog nooit gehoord over '@media' :P

edit; dat dus http://www.w3schools.com/css/css_mediatypes.asp

Dus het is zoiets?
1
2
3
4
5
6
7
8
9
@media all and (min-width:800px) {

.menu {font-size: xx;}
}

@media all and (min-width:1200px) {

.menu {font-size: xx;}
}

Even samenvatten: In feite wil ik dus dat voor 800x600 de font-size van het menu bijvoorbeeld 10 pixels is dat de 3 menu items passen in de breedte. En bij 1024x768 mag dat groter zijn. Is die code op die manier goed? En het gewone .menu stukje dat niet binnen @media zit moet dus gefocused zijn op een standaard resolutie voor de mensen wiens browser dat niet kan lezen?

[ Bericht 22% gewijzigd door Mirel op 31-12-2011 14:19:35 ]
When all else fails, you always have delusion.
pi_106248554
quote:
0s.gif Op zaterdag 31 december 2011 14:11 schreef Mirel het volgende:
Omdat @media zo lastig googlet, kan je even linken naar een pagina daarover? Heb nog nooit gehoord over '@media' :P
@media bedoel je?

W3Schools is niet de beste bron.
pi_106256578
Makkelijkste oplossing is gewoon die menubalk een vaste breedte geven.
pi_106284551
Ik heb een html document waar ik de woorden "vorige pagina" wil opmaken in een eigen stijl dmv een stylesheet.
Ik heb geprobeerd om een een class te maken en deze te benoemen in de css maar hij pakt de css niet.
Wat ik heb gedaan is in de HTML: <p class="vorigepagina">Vorige pagina</p>
CSS:
.vorigepagina{color: #8f8f8f; font-family: Verdana, Geneva; font-size: 13px; font-weight: normal;text-decoration:none}

en toch pakt de css de opmaak voor deze link niet mee als ik de site test.

Een tweede vraag is die ik heb is dat de link altijd hetzelfde moet blijven als erop geklikt wordt, als er op geklikt is geweest etc. Dit heb ik opgelost door 'text-decoration:none' in de css te zetten, mijn vraag is of dat goed is.
Alvast bedankt!
pi_106284849
Zet eens een voorbeeld online. Ik gok dat er het een specificity-probleem is, aangezien de .vorigepagina CSS die je post gewoon zou moeten werken. Tenzij je dus ergens anders een specifiekere selector hebt gebruikt.

Voor wat je tweede vraag, dit kun je doen met pseudo-selectors als :active, :hover, :visited en :focus. Bijvoorbeeld a.homepage:visited { blaat:blaat; }.
Bleuh.
pi_106285672
ik zit in joomla te werken en probeer een useraccount voor je te maken maar als ik met die gegevens wil inloggen weigert ie dienst.
Hij blijft steken bij het loginscherm :{
.. dit gaat niet opschieten zo.
pi_106286547
Zou je misschien uit kunnen leggen wat het probleem kán zijn zodat ik er zelf achteraan kan gaan.
  zondag 1 januari 2012 @ 21:27:14 #198
228072 Crimyclown
Sapper de fap!
pi_106289484
Euhm, heb een pagina in CMSMS wanneer ik deze doorlink de melding

"Not Found

The requested URL was not found on this server."

geeft. Maar als ik op f5 druk krijg ik de pagina gewoon te zien.


Bug?

Er zitten verder geen fouten in de codes.

[ Bericht 3% gewijzigd door Crimyclown op 01-01-2012 21:33:19 ]
Anonieme tievesclown
  zondag 1 januari 2012 @ 21:35:34 #199
228072 Crimyclown
Sapper de fap!
pi_106289849
Probleem opgelost :') . Als ik de pagina een andere naam geef doet die het vaag genoeg wel.
Anonieme tievesclown
pi_106291229
quote:
5s.gif Op zondag 1 januari 2012 21:27 schreef Crimyclown het volgende:
Euhm, heb een pagina in CMSMS wanneer ik deze doorlink de melding

"Not Found

The requested URL was not found on this server."

geeft. Maar als ik op f5 druk krijg ik de pagina gewoon te zien.

Bug?

Er zitten verder geen fouten in de codes.
Dit is niet echt een html/css vraag.


quote:
0s.gif Op zondag 1 januari 2012 20:28 schreef karton2 het volgende:
Zou je misschien uit kunnen leggen wat het probleem kán zijn zodat ik er zelf achteraan kan gaan.
Dat een andere, specifiekere css regel de jouwe overschrijft.

Stel je linkje zit in een div met een id (bijv id="navigatie") en je hebt deze css:

1
2
#navigatie a { color: red; }
.vorigepagina { color: blue; }

Zou de link toch rood zijn, ookal staat .vorigepagina in de css pas na de andere regel. Een id gebruiken is namelijk specifieker dan alleen een class.

Althans, dat is wat PimD bedoelde met specificity. Zie hieronder voor meer mogelijke redenen :P.
pi_106291295
quote:
0s.gif Op zondag 1 januari 2012 20:28 schreef karton2 het volgende:
Zou je misschien uit kunnen leggen wat het probleem kán zijn zodat ik er zelf achteraan kan gaan.
Het probleem kan vanalles zijn, dat kunnen wij moeilijk ruiken. Om maar wat met hagel te schieten:

- je CSS wordt niet geladen
- specificity is te laag
- je maakt een typfout in een classname
- je CSS of HTML valideert niet

Het is iig allemaal vrij makkelijk te achterhalen als je even in de paginabron kijkt en/of firebug gebruikt.
pi_106291397
Daarnaast is een p natuurlijk geen link. Of was het maar een lukraak (en dus een beetje verkeerd) voorbeeld?
pi_106292853
Oke dom vraagje misschien, maar het wil maar niet lukken.

Ik probeer een webpagina te maken met een lange verticale banner 3*3 vakjes en dan weer een banner.

Nu lukken die 9 vakjes wel, maar als ik er een banner links van wil, of rechts dan verneukt hij alles. Hoe kan ik dit het makkelijkst op lossen.

Als jullie een plaatje nodig hebben hoor ik het graag.
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
pi_106294958
die 3*3 vakjes in een wrapper gooien.

Dat is het antwoord op de vraag die ik denk dat je probeert te stellen.
pi_106295316
Nou ja dat probeer, maar op een of andere manier wil het niet lukken.

[code]
<div id="links"></div>
<div id="midden">9 div classes achter elkaar met float left</div>
</div id="rechts"></div>
[/code]

Zoiets is het globaal, maar de rechter div begint pas bij de laatste div binnen het midden. Maar dat snap ik dus niet.


Ik denk dat ik het bijna heb.
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
  zondag 1 januari 2012 @ 23:56:02 #206
228072 Crimyclown
Sapper de fap!
pi_106295395
quote:
3s.gif Op zondag 1 januari 2012 22:09 schreef picodealion het volgende:

[..]

Dit is niet echt een html/css vraag.

Sorry :@
Anonieme tievesclown
  zondag 1 januari 2012 @ 23:56:57 #207
228072 Crimyclown
Sapper de fap!
pi_106295429
quote:
17s.gif Op zondag 1 januari 2012 23:53 schreef DutchErrorist het volgende:
Nou ja dat probeer, maar op een of andere manier wil het niet lukken.
[ code verwijderd ]

Zoiets is het globaal, maar de rechter div begint pas bij de laatste div binnen het midden. Maar dat snap ik dus niet.


Ik denk dat ik het bijna heb.
Floaten?
Anonieme tievesclown
pi_106295493
quote:
0s.gif Op zondag 1 januari 2012 23:56 schreef Crimyclown het volgende:

[..]

Floaten?
Ik had verdomme ergens 700 px ipv 700px staan. Nou dat heb ik geweten. Nu is het allemaal goed.
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
  maandag 2 januari 2012 @ 15:53:00 #209
228072 Crimyclown
Sapper de fap!
pi_106314061
Ik heb meerdere JS files in mijn html files staan, alleen laden ze niet altijd. Maakt het wat uit in welke volgorde ik ze zet?
1
2
3
4
5
6
7
8
<head>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
<script type="text/javascript" src="scripts/vallign.js"></script>
<script type="text/javascript" src="scripts/js.js"></script>
<script type="text/javascript" src="scripts/imageswap.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FOK</title>
</head>

Hij heeft moeite om vallign.js te laden, soms gaat het wel goed maar soms ook niet. Dit document zorgt ervoor dat de tekst verticaal gecentreerd staat in de div tags.

vallign.js:
1
2
3
4
5
6
$(document).ready(function() {
  var myHeight = $("#div1").height();
  var parentHeight = $("#iets1").height();
  var myMarginTop = (parentHeight - myHeight) / 2;
  $("#div1").css("margin-top",  myMarginTop);
});

De code werkt gewoon maar hoe zorg ik ervoor dat de html pagina's altijd vallign.js laden/uitvoeren.
Anonieme tievesclown
pi_106314991
waarom zet je zo'n kort scriptje uberhaupt in een apart bestand?
En zou het kunnen komen doordat Jquery niet goed geladen is? Ik weet niet hoe betrouwbaar het is om dat uit een externe bron te laden...
  maandag 2 januari 2012 @ 16:19:47 #211
228072 Crimyclown
Sapper de fap!
pi_106315079
quote:
5s.gif Op maandag 2 januari 2012 16:17 schreef KomtTijd... het volgende:
waarom zet je zo'n kort scriptje uberhaupt in een apart bestand?
En zou het kunnen komen doordat Jquery niet goed geladen is? Ik weet niet hoe betrouwbaar het is om dat uit een externe bron te laden...
Mag geen styling en scripting in het document zelf zetten.

Kan het wat uitmaken om alle js in 1 document te stoppen?
Anonieme tievesclown
pi_106315159
Hoezo niet?

En ja, dat kan uitmaken: Wordt je website (over het algemeen) sneller van.
  maandag 2 januari 2012 @ 16:23:49 #213
228072 Crimyclown
Sapper de fap!
pi_106315250
quote:
5s.gif Op maandag 2 januari 2012 16:21 schreef KomtTijd... het volgende:
Hoezo niet?

En ja, dat kan uitmaken: Wordt je website (over het algemeen) sneller van.
Opdracht voor school, zal eens proberen om alles in 1 document te stoppen. Dit is de eerste keer dat ik problemen heb met het laden van een externe js file.
Anonieme tievesclown
  maandag 2 januari 2012 @ 16:53:37 #214
228072 Crimyclown
Sapper de fap!
pi_106316402
Alles in 1 bestand laad die zonder problemen.
Anonieme tievesclown
  maandag 2 januari 2012 @ 17:07:29 #215
56176 Catch22-
Ben je Blind?!
pi_106316974
Waar laadt je jQuery in? En het is beter om je custom JS in 1 externe file te zetten.
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 2 januari 2012 @ 22:39:48 #216
298746 Dalando
18, niet meer gefrustreerd
pi_106333281
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
body {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    background: #f1f1f1;
}
            
#wrapper {
    width: 800px;
    margin: 0 auto;
    border-radius: 30px 30px 0px 0px;
    background: #e0e0e0;
}

#header {
    height: 20px;
    padding: 0px 20px;
}

#header .title {
    font-size: 30px;
    float: left;
    margin-top: 4px;
}

#header .search {
    float: right;
    margin-top: 8px;
}

#toolbox {
    float: right;
    background: #f0f0f0;
    padding: 5px;
    margin-left: 195px;
    position: relative;
    -webkit-transform: rotate(90deg); 
}

#textbox a {
    text-decoration: none;
}

#textbox a:hover {
    text-decoration: none;
}
    
            
#article {
    background: #e9e9e9;
    padding: 3px 20px;
    margin: 20px 0px;
}

#footer {
    text-align: center;
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div id="wrapper">
            <div id="header">
                <div class="title">
                    Title
                </div>
                
                <div class="search">
                    <form name="articlesearch" method="post" action="/">
                        <input type="text" name="article" placeholder="Article...">
                        <input type="submit" value="Search">
                    </form>
                </div>
            </div>
            
            <div id="article">
                <div id="text">
                    text
                </div>
            </div>
            
            <div id="footer">
                © title 
            </div>
        </div>



Wat ik probeer te doen is een div aan de rechterkant van de #wrapper te zetten, zorgen dat de wrapper wel in het midden blijft, maar dat daar een soort van tab komt, waar de #toolbox komt te zitten, enig idee hoe ik dat kan doen?
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_106333588
Ga eens met firebug langs een willekeurige skyscraper ad en je hebt je antwoord.
  maandag 2 januari 2012 @ 22:51:46 #218
298746 Dalando
18, niet meer gefrustreerd
pi_106333965
quote:
14s.gif Op maandag 2 januari 2012 22:45 schreef KomtTijd... het volgende:
Ga eens met firebug langs een willekeurige skyscraper ad en je hebt je antwoord.
Gelukkig heb ik geen firebug, maar thanks, ik ga m'n best doen.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  maandag 2 januari 2012 @ 22:51:55 #219
56176 Catch22-
Ben je Blind?!
pi_106333978
Absoluut ten opzichte van die middendiv positioneren dus.

quote:
7s.gif Op maandag 2 januari 2012 22:51 schreef Dalando het volgende:

[..]

Gelukkig heb ik geen firebug, maar thanks, ik ga m'n best doen.
HTML'en/CSS'en/JS'en zonder Firebug (of andere webdevelopertoolkit) is echt een no-go. Moet je niet eens willen.
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 2 januari 2012 @ 23:01:44 #220
298746 Dalando
18, niet meer gefrustreerd
pi_106334518
quote:
11s.gif Op maandag 2 januari 2012 22:51 schreef Catch22- het volgende:
Absoluut ten opzichte van die middendiv positioneren dus.

[..]

HTML'en/CSS'en/JS'en zonder Firebug (of andere webdevelopertoolkit) is echt een no-go. Moet je niet eens willen.
Weet ik, daarom heb ik Element Inspecteren in Chrome. :D

Maar ff terug, ik heb nu dit:

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
<div id="wrapper">
            <div id="header">
                <div class="title">
                    Title
                </div>
                
                <div class="search">
                    <form name="articlesearch" method="post" action="/">
                        <input type="text" name="article" placeholder="Article...">
                        <input type="submit" value="Search">
                    </form>
                </div>
            </div>

         <div id="toolbox">
            <a href=""> [ edit ] </a>
        </div>
            
            <div id="article">
                <div id="text">
                    text
                </div>
            </div>
            
            <div id="footer">
                © title 
            </div>
        </div>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#toolbox {
    margin-top: 55px;
    margin-left: 767px;
    position: absolute;
    -webkit-transform: rotate(90deg); 
}

#toolbox a {
    background: #e0e0e0;
    font-size: 20px;
    text-decoration: none;
    color: black;
    padding: 5px 20px;
    border-radius: 10px 10px 0px 0px;
}

#toolbox a:hover {
    background: #e9e9e9;
}

Als ik dan 1 linkje plaats, staat het perfect. Als ik een 2e linkje plaats daarintegen, shift ie van plek.

Hoe los ik dit op?
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_106334699
Hoe bedoel je "shift ie van plek"? Maak anders even een testcase ofzo.
  maandag 2 januari 2012 @ 23:15:06 #222
298746 Dalando
18, niet meer gefrustreerd
pi_106335298
quote:
14s.gif Op maandag 2 januari 2012 23:04 schreef KomtTijd... het volgende:
Hoe bedoel je "shift ie van plek"? Maak anders even een testcase ofzo.
http://fok.dalando.nl/dev/

Met firebug etc kun je zelf rechts in de toolbox <a href="">[ link ]</a> toevoegen, and see what happens.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_106336654
hmmpf die transform gooit roet in het eten. Hoogtes en breedtes worden ineens aan alle kanten door elkaar gehaald. Aangenomen dat -moz-transform ongeveer het zelfde werkt.
Ik kom iets beter in de buurt als ik de transform op de linkjes zelf zet...
  maandag 2 januari 2012 @ 23:41:36 #224
298746 Dalando
18, niet meer gefrustreerd
pi_106336786
quote:
14s.gif Op maandag 2 januari 2012 23:39 schreef KomtTijd... het volgende:
hmmpf die transform gooit roet in het eten. Hoogtes en breedtes worden ineens aan alle kanten door elkaar gehaald. Aangenomen dat -moz-transform ongeveer het zelfde werkt.
Ik kom iets beter in de buurt als ik de transform op de linkjes zelf zet...
Meld maar als je een oplossing hebt, ik weet het niet meer.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  maandag 2 januari 2012 @ 23:45:12 #225
56176 Catch22-
Ben je Blind?!
pi_106337022
transform de content eens ipv de container
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_106337025
Ik ben niet helder genoeg om me nu in transforms te gaan verdiepen... Misschien wat experimenteren met extra elementen die je transformt? (spans in of om de links, ik roep maar wat)
  dinsdag 3 januari 2012 @ 00:02:44 #227
298746 Dalando
18, niet meer gefrustreerd
pi_106337998
quote:
11s.gif Op maandag 2 januari 2012 23:45 schreef Catch22- het volgende:
transform de content eens ipv de container
?
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  dinsdag 3 januari 2012 @ 00:05:32 #228
56176 Catch22-
Ben je Blind?!
pi_106338140
zet een div om de inhoud van die toolbox en rotate die, ipv dat je de toolbox transformed
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_106338808
Hij rotate om het middelpunt. Je moet even het rotatiepunt op "bottom left" zetten (-webkit-transform-origin voor webkit, de rest weet je dan wel te googlen) en dan de toolbox nog even op de goede plek zetten.

Bottom left in dit geval omdat hoeveel links er ook bijkomen, dat punt altijd vaststaat. Top left kan ook.
  dinsdag 3 januari 2012 @ 18:54:28 #230
87680 Mirel
Mirel wil een bongophone.
pi_106365486
Ik deed even de inhoud op 97% breedte en ik kreeg dit:


De boel werd naar beneden gebumpt. Bij gewone grootte had ik een horizontaal balkje en ik deed doen overflow: hidden; op m'n body, en blijkbaar heeft het het bovenstaande probleem ook opgelost.

Slim of overflow: hidden; op de hele body te doen? Ik vind het wel prima :)

edit: overflow-x dus :+

[ Bericht 10% gewijzigd door Mirel op 03-01-2012 19:04:06 ]
When all else fails, you always have delusion.
pi_106365993
Hoi :)
ik heb zojuist deze 'tutorial' http://www.dynamicdrive.c(...)hover_image_gallery/ gevolgd om social media icons een leuk hover effect te geven, maar het hover effect werkt niet.
Ik heb het op deze pagina gezet; http://lucsenden.nl/index.html

Kan iemand mij helpen met wat ik fout doe?
Ik heb hiervoor al andere effecten geprobeerd maar ook daar werkte het hover effect niet dus ik doe vast iets fout.
pi_106366028
quote:
0s.gif Op dinsdag 3 januari 2012 18:54 schreef Mirel het volgende:

Slim of overflow: hidden; op de hele body te doen? Ik vind het wel prima :)

edit: overflow-x dus :+
Zelfde verhaal weer, alleen slim als je écht een hekel hebt aan mensen met kleine schermen en die zoveel mogelijk van je site wilt weren.

Echt, je moet het zelf weten, maar als je serieus publiek wilt bereiken met je website, zou ik me toch een beetje aan de normale toegankelijkheidseisen houden...

Overigens lijkt het op je screenshot dat die knopjes rechts de rest van je site naar beneden drukken... Geef ze horizontaal eens een pixel meer ruimte, dat voorkomt ditsoort problemen door (waarschijnlijk) afrondingsfouten...
pi_106366235
quote:
0s.gif Op dinsdag 3 januari 2012 19:06 schreef Vanillax het volgende:
Hoi :)
ik heb zojuist deze 'tutorial' http://www.dynamicdrive.c(...)hover_image_gallery/ gevolgd om social media icons een leuk hover effect te geven, maar het hover effect werkt niet.
Ik heb het op deze pagina gezet; http://lucsenden.nl/index.html

Kan iemand mij helpen met wat ik fout doe?
Ik heb hiervoor al andere effecten geprobeerd maar ook daar werkte het hover effect niet dus ik doe vast iets fout.
Je link doet het niet. En ik zie uberhaupt geen social media icoontjes op je pagina.
pi_106366300
KomtTijd, er staat rechtsbovenaan op dit moment 1 youtube icoontje, omdat ik even aan het uitproberen was met dat effect. (Tegen contact aangeplakt, is ook niet de bedoeling maar ik wil eerst even dat dat effect werkt.)

http://www.dynamicdrive.c(...)hover_image_gallery/
Dit is de link.
  dinsdag 3 januari 2012 @ 19:18:04 #235
87680 Mirel
Mirel wil een bongophone.
pi_106366497
quote:
14s.gif Op dinsdag 3 januari 2012 19:07 schreef KomtTijd... het volgende:

[..]

Zelfde verhaal weer, alleen slim als je écht een hekel hebt aan mensen met kleine schermen en die zoveel mogelijk van je site wilt weren.

Echt, je moet het zelf weten, maar als je serieus publiek wilt bereiken met je website, zou ik me toch een beetje aan de normale toegankelijkheidseisen houden...

Overigens lijkt het op je screenshot dat die knopjes rechts de rest van je site naar beneden drukken... Geef ze horizontaal eens een pixel meer ruimte, dat voorkomt ditsoort problemen door (waarschijnlijk) afrondingsfouten...

Ja dat is dus gefixed door overflow-x op hidden te zetten (y op visible want opera pakte die niet uitzichzelf :').
Wat er nu gebeurt met kleine schermen in de breedte is dat de boel naar beneden gedrukt wordt, dus volgens mij heb ik het allemaal wel gefixed hoor. Alleen dat @Media met het menu nog.

Kijk maar :)
When all else fails, you always have delusion.
pi_106366629
quote:
0s.gif Op dinsdag 3 januari 2012 19:14 schreef Vanillax het volgende:
KomtTijd, er staat rechtsbovenaan op dit moment 1 youtube icoontje, omdat ik even aan het uitproberen was met dat effect. (Tegen contact aangeplakt, is ook niet de bedoeling maar ik wil eerst even dat dat effect werkt.)

http://www.dynamicdrive.c(...)hover_image_gallery/
Dit is de link.
Hij doet het prima maar je kunt er niet over hoveren aangezien er andere elementen voorstaan.

Ga in hemelsnaam je HTML eens fatsoenlijk indenten, hier is niet mee te werken.
pi_106366760
KomtTijd, ik stel een normale vraag, is wel zo sociaal als je daar ook normaal op reageert. -.-
Dat het niet geindent is komt doordat ik net een CMS van de host heb uitgeprobeerd en die plakt het fijn allemaal achter elkaar.

Welke elementen staan er dan voor? Die van het menu?
pi_106366779
quote:
0s.gif Op dinsdag 3 januari 2012 19:18 schreef Mirel het volgende:

[..]

Ja dat is dus gefixed door overflow-x op hidden te zetten (y op visible want opera pakte die niet uitzichzelf :').
Wat er nu gebeurt met kleine schermen in de breedte is dat de boel naar beneden gedrukt wordt, dus volgens mij heb ik het allemaal wel gefixed hoor. Alleen dat @Media met het menu nog.

Kijk maar :)
[ afbeelding ]
Door overflow-x op hidden te zetten van je body, verwijder je de scrollbalk en is de hele rechterkant van je website dus onzichtbaar voor mensen met een kleiner scherm. In jouw geval betreft het dan dus alleen de menubalk aangezien de rest meestrecht. Maar dat lijkt me nou juist ongeveer het belangrijkste element van de pagina.
pi_106366859
quote:
0s.gif Op dinsdag 3 januari 2012 19:24 schreef Vanillax het volgende:
KomtTijd, ik stel een normale vraag, is wel zo sociaal als je daar ook normaal op reageert. -.-
Dat het niet geindent is komt doordat ik net een CMS van de host heb uitgeprobeerd en die plakt het fijn allemaal achter elkaar.

Welke elementen staan er dan voor? Die van het menu?
Wat reageer ik niet normaal dan?

Het zijn inderdaad de elementen van het menu die ervoor staan, wat je direct gezien had als je firebug even gebruikt had.

WBT dat CMS nog een advies: Niet gebruiken :X Als er ditsoort bagger uitkomt... Sowieso is het misschien makkelijker om eerst een statische pagina te maken en die later om te bouwen tot template.
pi_106366915
quote:
14s.gif Op dinsdag 3 januari 2012 19:21 schreef KomtTijd... het volgende:

[..]

Hij doet het prima maar je kunt er niet over hoveren aangezien er andere elementen voorstaan.
Niet helemaal waar, je kunt wel hoveren. Maar veel zin heeft het niet, want het is gewoon een plaatje. Bij een linkje heeft het meer effect.
  dinsdag 3 januari 2012 @ 19:28:52 #241
87680 Mirel
Mirel wil een bongophone.
pi_106366965
quote:
14s.gif Op dinsdag 3 januari 2012 19:24 schreef KomtTijd... het volgende:

[..]

Door overflow-x op hidden te zetten van je body, verwijder je de scrollbalk en is de hele rechterkant van je website dus onzichtbaar voor mensen met een kleiner scherm. In jouw geval betreft het dan dus alleen de menubalk aangezien de rest meestrecht. Maar dat lijkt me nou juist ongeveer het belangrijkste element van de pagina.
Ja maar daar ben ik ook nog mee bezig, dat zei ik ook in een van de vorige posts :P
When all else fails, you always have delusion.
pi_106366973
quote:
0s.gif Op dinsdag 3 januari 2012 19:27 schreef Light het volgende:

[..]

Niet helemaal waar, je kunt wel hoveren. Maar veel zin heeft het niet, want het is gewoon een plaatje. Bij een linkje heeft het meer effect.
Hij heeft de hover keurig op de img, dus dat maakt niet uit. je kunt er nog niet op klikken, maar een linkje eromheen zetten is natuurlijk een fluitje van een cent.
pi_106366982
Nou ik had de CMS van one.com nog nooit gezien dus ik wilde gewoon even kijken of het wat was, maar niet bepaald dus. :s

Ik ga eens even uitzoeken wat firebug is x')
pi_106367079
quote:
0s.gif Op dinsdag 3 januari 2012 19:29 schreef Vanillax het volgende:
Nou ik had de CMS van one.com nog nooit gezien dus ik wilde gewoon even kijken of het wat was, maar niet bepaald dus. :s

Ik ga eens even uitzoeken wat firebug is x')
https://addons.mozilla.org/nl/firefox/addon/firebug/
danwel
http://code.google.com/chrome/devtools/

quote:
0s.gif Op dinsdag 3 januari 2012 19:28 schreef Mirel het volgende:

[..]

Ja maar daar ben ik ook nog mee bezig, dat zei ik ook in een van de vorige posts :P
^O^
pi_106367142
quote:
14s.gif Op dinsdag 3 januari 2012 19:29 schreef KomtTijd... het volgende:

[..]

Hij heeft de hover keurig op de img, dus dat maakt niet uit. je kunt er nog niet op klikken, maar een linkje eromheen zetten is natuurlijk een fluitje van een cent.
Ah, ik had die img:hover gemist. Die werkt idd wel (als ik de main content div weggooi).
pi_106394653
Hallo

Ik heb een klein probleempje op deze pagina,

1
2
3
4
5
6
.regel
 {clear:both; background-color:blue;}
    .label
        {text-align: right; padding:0 20 0 0 px; width:25%;float:left; background-color:green; }
    .content
        {text-align: left; background-color:yellow; position: relative; }

En dit is de HTML

1
2
3
4
5
<div class="regel"><div class="label">1997 - 2001</div><div="content">Larenstein (Hogeschool), Velp (Paesi Bassi) <br /> 

Tecnologia degli alimenti (Management della qualità)<br /> 

(llivello bachelor, ISCED 5)</div></div>
Nu wil ik graag dat de tweede en derde regel onder de Larenstein komen. Hoe doe ik dit? Ik heb idee dat het heel simpel is, maar ik kom er niet achter.
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
  woensdag 4 januari 2012 @ 14:13:32 #247
56176 Catch22-
Ben je Blind?!
pi_106394747
Dit is wel een goed voorbeeld wanneer je wél een table gebruikt :)
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_106394920
Wat Cacht22 zegt.

En in quirksmode werken is ook nooit een goed idee.
pi_106395263
Sorry verkeerd topic :P.
pi_106402244
Bedankt. Ik kreeg echter een ingeving en het is alsnog gelukt :)

1
2
3
4
5
6
7
8
9
<style type="text/css">
     
    .regel
 {clear:both; padding:5px; }
    .label
        {text-align: right; width:30% ;float:left; background-color:green; }
    .content
        {text-align: left; padding-left:30px;  background-color:yellow; margin-left:30%;  }
</style>
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
  woensdag 4 januari 2012 @ 20:58:42 #251
87680 Mirel
Mirel wil een bongophone.
pi_106412939
Ik heb bijna alle afstanden op m'n website op 10px gezet. Als je op een post klikt, heb ik ingesteld dat er rechts in het venster een Facebook knop zit. Die moet eigenlijk ook 10px afstand hebben, boven en rechts, maar tijdens het laden wipt 'ie ineens iets naar links. Druk maar een paar keer op F5. Wat is dat nou weer? :')
When all else fails, you always have delusion.
  woensdag 4 januari 2012 @ 21:02:36 #252
56176 Catch22-
Ben je Blind?!
pi_106413159
Geen idee, hij zit volgens mij sowieso niet in de flow. Hij heeft geen breedte of wel?

Je moet ook even de overflow hidden van je P weghalen (staat in je reset) want ik krijg scrollbalken op elke P.
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_106413357
Blijkbaar doet één van je scripts er nog iets mee, zal dat addthis script wel zijn...

Zou je trouwens niet eens wat scripts en stylesheets samenvoegen? En bijvoorbeeld gewoon één JS library gebruiken in plaats van 3? Je head is letterlijk langer dan je body.
  woensdag 4 januari 2012 @ 21:08:21 #254
87680 Mirel
Mirel wil een bongophone.
pi_106413437
Al die crap in de header is van de theme. Ik zal eens kijken wat ik er nog meer uit kan slopen.
When all else fails, you always have delusion.
pi_106413584
Tussen alle resets doorspittend (echt, wie ooit verzonnen heeft dat dat praktisch is... |:( ), kwam ik dit regeltje tegen in widget74.css:
1
2
3
 .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
    padding: 0 2px;
}
  woensdag 4 januari 2012 @ 21:17:28 #256
56176 Catch22-
Ben je Blind?!
pi_106413874
Ik heb alleen een normalize.css.

Ik heb het idee dat hij gewoon wat zooi bijelkaar raapt en dat samenvoegt.

jQuery en mootools samen gebruiken is al vragen om issues. Ik zie dat je mootools gebruikt voor slimbox, kijk eens naar fancybox/fancyapps (zo heet het nu geloof ik).
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 4 januari 2012 @ 21:19:00 #257
87680 Mirel
Mirel wil een bongophone.
pi_106413948
Dat staat dus ergens op die site? (wat is een reset? :P)

Ik heb dat hele regeltje gekopieerd en padding op 0 geforceerd. Ik kon het niet neerzetten in de gewone .addthis, neeeee het moest in die ellenlange naam :')

Maar dat van overflow-x op hidden en y op visible hadi k dus in mijn body, want als ik dat weghaal heb ik dit: www.mirelmasic.nl met scrollbalkje. Ik probeerde het te overriden in p{ maar dat werkte niet. Wist niet dat ik dat probleem had :')
When all else fails, you always have delusion.
  woensdag 4 januari 2012 @ 21:19:37 #258
87680 Mirel
Mirel wil een bongophone.
pi_106413974
quote:
11s.gif Op woensdag 4 januari 2012 21:17 schreef Catch22- het volgende:
Ik heb alleen een normalize.css.

Ik heb het idee dat hij gewoon wat zooi bijelkaar raapt en dat samenvoegt.

jQuery en mootools samen gebruiken is al vragen om issues. Ik zie dat je mootools gebruikt voor slimbox, kijk eens naar fancybox/fancyapps (zo heet het nu geloof ik).
Slimbox testte ik voor nextgen gallery maar vind het lelijk, dus gebruik het niet. Zal het even verwijderen.
When all else fails, you always have delusion.
  woensdag 4 januari 2012 @ 21:25:38 #259
87680 Mirel
Mirel wil een bongophone.
pi_106414222
quote:
11s.gif Op woensdag 4 januari 2012 21:17 schreef Catch22- het volgende:
Ik heb alleen een normalize.css.

Ik heb het idee dat hij gewoon wat zooi bijelkaar raapt en dat samenvoegt.

jQuery en mootools samen gebruiken is al vragen om issues. Ik zie dat je mootools gebruikt voor slimbox, kijk eens naar fancybox/fancyapps (zo heet het nu geloof ik).
normalize.css van wat? En wat raap ik bij elkaar? Alle crap die erin zit is van het theme zelf. Langzaam maar zeker zit ik steeds meer crap eruit te slopen.
When all else fails, you always have delusion.
  woensdag 4 januari 2012 @ 21:28:44 #260
56176 Catch22-
Ben je Blind?!
pi_106414358
http://www.onraad.com/blog/normalize-css/
quote:
normalize.css ‘normaliseert’ je css-code. Websitebouwers gebruiken eigenlijk gewoon voor elke website een reset.css-document. normalize.css gaat nog een stapje verder.
Het is een aanpasbaar CSS-document – zijn ze dat niet allemaal… – dat ervoor zorgt dat browsers alle elementen consistent renderen. De css-code voldoet aan de huidige standaarden. Het document houdt rekening met de eigenaardige trekjes van ongewenste browsers.

Hoe werkt normalize.css:

Verwijdert geen nuttige standaardinstellingen
corrigeert bugs en algemene browserinconsequenties
rgemakkelijkt het gebruik van css
geeft ook nog eens uitleg bij wat de gebruikte css-code precies doet
Doet eigenlijk wat een reset zou moeten doen, maar reset stylesheets zijn vaak wat log. Ik raad je overigens niet aan om de huidige structuur al te veel om te gooien, gaat je problemen opleveren.
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 4 januari 2012 @ 21:36:30 #261
87680 Mirel
Mirel wil een bongophone.
pi_106414661
Oh dat van de p is opgelost. Helemaal bovenaan in de css staat body gegroepeerd met heel veel dingen. En op al die dingen stond die overflow dus ingesteld. Gefixed door p daar uit te halen ^O^

Ik heb een ander verzoekje. Ik wil graag deze website ook op m'n portfolio zetten: http://1586563.huweb.nl Het was van een conceptopdracht waar we hard aan hebben gewerkt en ik vind het jammer dat 'ie ergens tijdens het eraan werken kapot ging. In IE is de hele layout enorm naar de klote.

Misschien een hoog verzoekje, maar kan iemand kijken wat de fout is, of waar de fout kán liggen?

[ Bericht 13% gewijzigd door Mirel op 05-01-2012 01:01:56 ]
When all else fails, you always have delusion.
pi_106415211
quote:
0s.gif Op woensdag 4 januari 2012 21:36 schreef Mirel het volgende:
Oh dat van de p is opgelost. Helemaal bovenaan in de css staat body gegroepeerd met heel veel dingen. En op al die dingen stond die overflow dus ingesteld. Gefixed door p daar uit te halen ^O^
so much for:
quote:
rgemakkelijkt het gebruik van css
:')_!
pi_106415405
Ik vind het ook wel zo pretttig werken hoor, een normalize.css
  woensdag 4 januari 2012 @ 21:52:36 #264
87680 Mirel
Mirel wil een bongophone.
pi_106415437
quote:
14s.gif Op woensdag 4 januari 2012 21:48 schreef KomtTijd... het volgende:

[..]

so much for:

[..]

:')_!
Ik heb daar nooit eerder van gehoord en momenteel heb ik geen zin om daar nu naar te kijken :6
When all else fails, you always have delusion.
pi_106417518
Nog bedankt voor de hulp van gisteren, het is nu opgelost :D
(Ik ben een zij trouwens..)

Ik zit nu met het volgende probleem, namelijk de contactpagina.
Ik heb een leuk formulier gebruitkt dat al bij de template zat maar ik heb echt geen idee hoe ik het moet laten functioneren.. Je kan alles invullen etc maar wanneer ik op versturen klik gebeurd er niks.

Ik gok zo dat ik dan iets in een javascript bestand moet veranderen? of de css misschien.. Ik moet ergens het email adres opgeven waar het heen moet..
Dit is de website; http://www.lucsenden.nl/contact.html
pi_106417987
Je hebt helemaal geen form-element?
  woensdag 4 januari 2012 @ 22:44:24 #267
56176 Catch22-
Ben je Blind?!
pi_106418104
quote:
14s.gif Op woensdag 4 januari 2012 21:48 schreef KomtTijd... het volgende:

[..]

so much for:

[..]

:')_!
dat tweede ging over een normalize css niet over een reset
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_106418139
Nee.. dat stond ook niet in de template namelijk.
Het hele zooitje staat in een ul id...
pi_106418202
quote:
0s.gif Op woensdag 4 januari 2012 22:45 schreef Vanillax het volgende:
Nee.. dat stond ook niet in de template namelijk.
Het hele zooitje staat in een ul id...
Ga je eerst eens inlezen over forms dan.
pi_106419734
Pff, kom er echt niet uit. Heb ik een kant en klaar formulier genomen, opent hij gewoon een nieuwe mail met wat tekst erin.. Dat is niet de bedoeling.
Een 'mailform' opent dat een nieuwe mail met tekst erin, of kan dat ook direct vanaf de site mailtjes versturen? Want dat is wat ik wil..
Dan weet ik of ik naar het goede zoek :P
  woensdag 4 januari 2012 @ 23:24:44 #271
137776 boem-dikkie
Jedi Mind Baby!
pi_106419865
quote:
0s.gif Op woensdag 4 januari 2012 23:21 schreef Vanillax het volgende:
Pff, kom er echt niet uit. Heb ik een kant en klaar formulier genomen, opent hij gewoon een nieuwe mail met wat tekst erin.. Dat is niet de bedoeling.
Een 'mailform' opent dat een nieuwe mail met tekst erin, of kan dat ook direct vanaf de site mailtjes versturen? Want dat is wat ik wil..
Dan weet ik of ik naar het goede zoek :P
Je hebt als form action (de actie die wordt uitgevoerd als je op submit klikt) nu "mailto:" dat betekent inderdaad dat hij gewoon het standaard mailprogramma van de gebruiker opent. Wat je moet doen is je action linken naar een PHP script die de mailafhandeling doet.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_106419921
Ah, bedankt! :)
Dan ga ik weer even googlen. :)
pi_106421771
Ik bedacht me net dat ik het pas op school over PHP mail forms heb gehad -.-
Dussss, ik heb nu op http://www.lucsenden.nl/contact.php een form staan.
Alleen ik snap niet hoe ik het email adres op moet geven waar het heen gestuurd moet worden.
Ik dacht dus bij 'mail' maar dat is het niet want dat krijg ik de melding dat het fout is gegaan.
  donderdag 5 januari 2012 @ 00:06:24 #274
84244 Scorpie
Abject en infaam!
pi_106421943
Post je mail script eens in het php topic.
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.
  donderdag 5 januari 2012 @ 00:06:50 #275
87680 Mirel
Mirel wil een bongophone.
pi_106421970
When all else fails, you always have delusion.
pi_106422357
Er is hier ook echt overal een topic voor, haha. Thx.
pi_106422883
quote:
0s.gif Op donderdag 5 januari 2012 00:03 schreef Vanillax het volgende:
Ik bedacht me net dat ik het pas op school over PHP mail forms heb gehad -.-
Dussss, ik heb nu op http://www.lucsenden.nl/contact.php een form staan.
Alleen ik snap niet hoe ik het email adres op moet geven waar het heen gestuurd moet worden.
Ik dacht dus bij 'mail' maar dat is het niet want dat krijg ik de melding dat het fout is gegaan.
:{ Je hebt serieus een les over PHP mail forms gehad, en je krijgt het nieteens voor elkaar een e-mail adres in te vullen? Of uberhaupt <form> tags om je formulier te zeten???? Wat heb je daar in hemelsnaam zitten doen dan? Ik krijg hier een beetje het gevoel dat we je huiswerk zitten maken met al deze ultieme beginnersvragen... Ga eerst maar eens zelf wat uitzoeken.
  donderdag 5 januari 2012 @ 01:01:43 #278
87680 Mirel
Mirel wil een bongophone.
pi_106424044
quote:
0s.gif Op woensdag 4 januari 2012 21:36 schreef Mirel het volgende:
Ik heb een ander verzoekje. Ik wil graag deze website ook op m'n portfolio zetten: http://1586563.huweb.nl Het was van een conceptopdracht waar we hard aan hebben gewerkt en ik vind het jammer dat 'ie ergens tijdens het eraan werken kapot ging. In IE is de hele layout enorm naar de klote.

Misschien een hoog verzoekje, maar kan iemand kijken wat de fout is, of waar de fout kán liggen?
:@ :@ :@
When all else fails, you always have delusion.
pi_106424203
Was het niet dat IE in quirksmode ging als het doctype niet op de eerste regel staat? (heb zelf geen IE dus kan het niet testen, maar misschien ook wel handig om te vermelden welke versie het mis gaat)
Enneuh, niet om het één of ander, maar dat menu is ook compleet ontoegankelijk op minder grote schermen.
pi_106431928
quote:
5s.gif Op donderdag 5 januari 2012 01:06 schreef KomtTijd... het volgende:
Was het niet dat IE in quirksmode ging als het doctype niet op de eerste regel staat? (heb zelf geen IE dus kan het niet testen, maar misschien ook wel handig om te vermelden welke versie het mis gaat)
Enneuh, niet om het één of ander, maar dat menu is ook compleet ontoegankelijk op minder grote schermen.
Spijker op z'n kop, waarde KomtTijd...

1<!DOCTYPE html>
op de eerste regel van de html zou het probleem moeten verhelpen.

Of een van de overige: http://www.w3.org/QA/2002/04/valid-dtd-list.html
Maar who cares, ik gebruik gewoon altijd HTML5 :P.
pi_106432204
quote:
6s.gif Op donderdag 5 januari 2012 11:27 schreef picodealion het volgende:

[..]
Maar who cares, ik gebruik gewoon altijd HTML5 :P.
Ik vraag me sowieso af waarom we vroeger altijd met die moeilijke HTML4-doctypes liepen te kutten, als het ook gewoon zo kan.
  donderdag 5 januari 2012 @ 11:36:13 #282
87680 Mirel
Mirel wil een bongophone.
pi_106432214
Dit staat er gewoon op de 1e en 2e regel
1
2
<!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">
quote:
5s.gif Op donderdag 5 januari 2012 01:06 schreef KomtTijd... het volgende:

Enneuh, niet om het één of ander, maar dat menu is ook compleet ontoegankelijk op minder grote schermen.
Ja ach. Dit was 6 maanden terug voor een schoolopdracht gemaakt. Ik wil alleen even het menu fixen voor IE :P
When all else fails, you always have delusion.
pi_106432278
quote:
0s.gif Op donderdag 5 januari 2012 11:36 schreef Mirel het volgende:
Dit staat er gewoon op de 1e en 2e regel
[ code verwijderd ]
eh nee, op regel 6 en 7 om precies te zijn.
-edit- oh je hebt er inmiddels de html5 doctype ingezet.

Je mist nu wel je <html> opentag.
  donderdag 5 januari 2012 @ 11:39:30 #284
56176 Catch22-
Ben je Blind?!
pi_106432324
Zonder doctype hoef je niet eens te proberen iets in IE goed te krijgen...
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 5 januari 2012 @ 11:41:07 #285
87680 Mirel
Mirel wil een bongophone.
pi_106432380
Ik dacht altijd dat het een css fout was. Maar ik heb iets van 12 van die doctypes van de pagina geprobeerd, en het werkt niet. Ik weet niet meer wanneer deze fout optradt maar de doctype hadden we vanaf het begin al.

Zo issie gewoon:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!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 profile="http://gmpg.org/xfn/11">
    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />    
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php //comments_popup_script(); // off by default ?>
    <?php wp_head(); ?>
</head>
<body> 
When all else fails, you always have delusion.
pi_106432592
quote:
0s.gif Op donderdag 5 januari 2012 11:41 schreef Mirel het volgende:
Ik dacht altijd dat het een css fout was. Maar ik heb iets van 12 van die doctypes van de pagina geprobeerd, en het werkt niet. Ik weet niet meer wanneer deze fout optradt maar de doctype hadden we vanaf het begin al.

Zo issie gewoon:
[ code verwijderd ]

Ik weet niet hoe je html daar geoutput wordt maar het staat nog steeds pas op de 6e regel. De eerste 5 regels van je html zijn gewoon blanco. Daar gaat het mis.
pi_106432593
Bekijk je paginabron eens. Er komen toch echt ergens 5 witregels vandaan.
  donderdag 5 januari 2012 @ 11:51:06 #288
87680 Mirel
Mirel wil een bongophone.
pi_106432718
In m'n header.php is dat niet zo :(

OH, ik weet nog ooit dat er iets was met vage javascript die begon voor de html. Ik weet niet meer hoe ik die javascript eruit had geflikkerd maar dit is er dus nog.
When all else fails, you always have delusion.
pi_106432745
Misschien staat de openingstag in je index.php niet bovenaan?

-edit- sluit wel aan bij dat verhaal ja.
  donderdag 5 januari 2012 @ 11:55:12 #290
87680 Mirel
Mirel wil een bongophone.
pi_106432864
Ik zal hier eens naar kijken http://wordpress.stackexc(...)ines-before-html-tag

Maar thanks, nu weet ik waar ik naar moet zoeken :)

edit! gevonden: http://feed2.w3.org/docs/error/WPBlankLine.html

ik had lege regels in functions.php. Ik denk dat ik die ook nog zelf daar heb neergezet omdat het makkelijker te lezen was :P

[ Bericht 17% gewijzigd door Mirel op 05-01-2012 13:15:13 ]
When all else fails, you always have delusion.
  zaterdag 7 januari 2012 @ 17:15:30 #291
87680 Mirel
Mirel wil een bongophone.
pi_106528819
Dit topic is van mij geworden :')

Wat is nu het echte probleem dat op m'n front page bij lagere resoluties (momenteel nu in IE en Chrome) de boel naar beneden wordt gebumpt? Dat gekut met de reset wat ik een paar posts terug nog deed, doe ik nu niet meer, heb de reset gereset naar z'n origineel ;) heb body ook apart waar de overflow-x hidden en y visible regels in zitten, en het werkt voor firefox en opera.

Chrome en IE duwen nog steeds de boel naar beneden.. Ik denk dat als dit opgelost is, ik echt klaar ben qua layout met de site :)
When all else fails, you always have delusion.
pi_106529051
Omdat je met percentages werkt. Als ik die meuk aan de linkerkant 96% i.p.v. 97% doe gedraagt het zich in Chrome identiek aan Firefox. Denk dat het een afrondingsverschil o.i.d. is. Percentages zijn goed, maar kunnen af en toe wel voor wat afrondingsverschillen tussen browsers zorgen.
Bleuh.
  zaterdag 7 januari 2012 @ 18:34:45 #293
87680 Mirel
Mirel wil een bongophone.
pi_106531440
Maar dat 96% werkt ook tot een bepaalde breedte. Ik moet iets vinden wat op elke breedte werkt. Tot aan de grote foto toe. Ik zie in Opera en Firefox dat het sorteermenutje gewoon over die andere div's heen komt. Dus misschien met z-index iets?
When all else fails, you always have delusion.
pi_106532947
Gewoon dat sorteerding absoluut positioneren en de box een rechter-padding geven van de breedte van dat sorteerding. Ofzo.
Bleuh.
pi_106533292
quote:
0s.gif Op zaterdag 7 januari 2012 18:34 schreef Mirel het volgende:
Maar dat 96% werkt ook tot een bepaalde breedte. Ik moet iets vinden wat op elke breedte werkt. Tot aan de grote foto toe. Ik zie in Opera en Firefox dat het sorteermenutje gewoon over die andere div's heen komt. Dus misschien met z-index iets?
Nogal wiedes, die knoppen rechts heeft een vaste breedte, terwijl 3% van bijv. 800 pixels heul anders is dan 3% van 1200 pixels. Margin-right gebruiken is de oplossing.
pi_106533917
Kan je met CSS een background-image boven de content krijgen?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_106533966
quote:
0s.gif Op zaterdag 7 januari 2012 19:42 schreef Neraice het volgende:
Kan je met CSS een background-image boven de content krijgen?
Boven de content van datzelfde element? Nee.
pi_106533995
En met een fixed image ofzo? Hij moet wel op dezelfde plek blijven tijdens het scrollen.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  zaterdag 7 januari 2012 @ 20:33:03 #299
87680 Mirel
Mirel wil een bongophone.
pi_106536090
1
2
3
4
.sort{
position: absolute;
right: 0px;
}
:)

Ook de fontgrootte aangepast van het menu enzo. :)
When all else fails, you always have delusion.
pi_106541821
Ik heb een inspiratieblock: Ik ben bezig met een theme voor telefoons. Nou heb ik een sidebar gemaakt waar plaats is voor een menu, maar ik ben er nog niet uit wat ik erin wil. Ik wil namelijk niet zo'n standaard lijstje maar iets leuks doen met de opmaak. Iemand een idee?

Hier een link: http://dahndesigns.net/theme.png
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  zondag 8 januari 2012 @ 00:07:59 #301
87680 Mirel
Mirel wil een bongophone.
pi_106545556
Voor telefoonbrowsers? En wat zijn de menu-items? Als het bijv. over aardbeien en sinaasappels gaat, dan kan je die als knoppen doen bijvoorbeeld :P

[ Bericht 42% gewijzigd door Mirel op 08-01-2012 00:13:48 ]
When all else fails, you always have delusion.
abonnement bol.com Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')