quote: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?
Divs?quote:
1 2 3 4 5 6 7 | p.test { border: 1px solid #000000; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } |
Super bedankt!quote:Op donderdag 8 december 2011 11:29 schreef Catch22- het volgende:
http://www.quirksmode.org/css/textoverflow.html
[ code verwijderd ]
In veel gevallen geef ik je gelijk, maar het is in dit geval belangrijk dat het echt zo correct mogelijk is.quote: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.
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.quote:
Het is een lijstje met gemeentes.quote: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
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> |
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> |
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:quote:
Dit is al een eeuwenoud probleem, en er is maar een oplossing die werkt en het semantisch houdt:quote: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.
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> |
quote: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/
Laat me raden. IE doet niet mee ?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:
Ja, dat is best tof. Maar gaat natuurlijk nooit werken in IE enzoquote: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/
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).quote: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.
Misschien is dit trouwens uiteindelijk ook niet zo'n slechte oplossing. Dan maar geen kolommen.quote: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?
ik denk dat de leesbaarheid veel beter is...quote: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.
Ja, ik denk dat je gelijk hebt. Sommige provincies (zoals Zuid-Holland) hebben tegen de 100 gemeenten, dus dat loopt aardig op.quote: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?
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.quote: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.
Ja. Het is semantisch één lijst, dus het moet ook in één lijstelement zitten.quote:Op donderdag 8 december 2011 12:01 schreef GI het volgende:
[..]
Is het essentieel dat het in één lijst staat dan ?
Het is echt compleet onacceptabel dat het niet zou werken zonder Javascript, dus ik denk niet dat zoiets een oplossing gaat zijnquote:Je zou ook via jquery of iets in die geest een zoekfilter in kunnen bouwen.
Het is een ZZPerquote: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.quote:Op donderdag 8 december 2011 12:26 schreef Catch22- het volgende:
Maar je werkt voor de overheid dus?
Een ul mag alleen li's bevatten, en moet ten minste 1 li bevatten om geldige (x)html te zijn.quote: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).
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> |
ik wel?quote: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.quote: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 ]
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.quote: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;
}
Ja dit soort punten kun je vastleggen in een contract.quote: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?
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.quote: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.quote:Op vrijdag 9 december 2011 15:07 schreef boem-dikkie het volgende:
[..]
Ja dit soort punten kun je vastleggen in een contract.
Het gaat om een ontwerp. Tekeningen en onderzoeken voor de website.quote: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.
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?quote:Op woensdag 7 december 2011 15:30 schreef picodealion het volgende:
[..]
Een simpele jQuery slideshow plugin:
http://jquery.malsup.com/cycle/
1 2 3 4 5 | $(document).ready(function() { $('a#werk').hover(function () { $(this).find('a#werkfooter').css("background-color", "#343434"); }); }); |
1 | $('a#werkfooter').css("background-color", "#343434"); |
1 2 3 | a.naarboven:first-child{ display:none; } |
1 | <div class="goup"><a href="#wrapper" class="naarboven">naar boven</a></div> |
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; } |
1 2 3 | .goup:first-child a { blaat... } |
Het werkt. Wat bedoel je met andere elementen?quote: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.
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.quote: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?quote: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.
.. 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?quote: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.
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)quote: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?
Nee, echt totaal niet .quote: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)
Serieus niet? Oh. Ik ha namelijk een site gezien waarbij er veel geanimeerd is, wat gebruik maakt van html5 en jquery.quote: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.
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 doenquote: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?
Dat heeft niks met HTML5 te maken, alleen met Javascript die inline CSS manipuleertquote:Op zondag 11 december 2011 15:01 schreef RenRen- het volgende:
Serieus niet? Oh. Ik ha namelijk een site gezien waarbij er veel geanimeerd is, wat gebruik maakt van html5 en jquery.
"DHTML".quote: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 bouwenquote: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
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.quote: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
Ik kom het veel tegen, hoor.quote: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.
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 overquote:(En ik mag nog niet uitwerken wat ik precies ga doen want dan wordt mijn plan afgewezen ).
Heb je de OP gelezen, en dan met name het stukje over code posten?quote: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:
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.quote: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.
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.quote: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.
Dat is horizontaalquote: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
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.quote:Kun je me trouwens de situatie schetsen waarin je verticaal wilt centreren?
Padding is als je een "witruimte" wilt die deel uit maakt van de container waar je de padding op doet.quote: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.
Absoluut niet inderdaad. Als je scherm kleiner is dan de content, verdwijnt die buiten beeld zonder scrollbalk.quote: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.
overflow:scroll;?quote: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
Schattig, maar dat werkt dan dus niet meerquote:Op maandag 12 december 2011 11:10 schreef Pizzalucht het volgende:
[..]
overflow:scroll;? [ afbeelding ]
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 .quote:Op maandag 12 december 2011 11:15 schreef Pizzalucht het volgende:
Sorry, ik heb een geschikter plaatje gekozen.
Je snapt niet dat ik een grapje maak? Ik zeg toch zelf al dat het een slechte oplossing is?quote: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 .
Nee, sorry. Dat ging echt langs me heen .quote: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?
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
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?):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.
1 2 3 4 | RewriteEngine On RewriteBase / RewriteCond %{HTTP_HOST} !^www\. RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L] |
1 2 3 4 | RewriteEngine On RewriteBase / RewriteCond %{HTTP_HOST} ^www\. RewriteRule ^(.*)$ http://%{HTTP_HOST}/$1 [R=301,L] |
1 2 | RewriteCond %{HTTP_HOST} !^www\. RewriteRule (.*) http://www.jouwsite.com/$1 [R,L] |
Dit is inderdaad completer, en iets netter. Toch niet verkeerd voor uit m'n hoofd .quote:Op maandag 12 december 2011 11:28 schreef Pizzalucht het volgende:
Ik heb het volgende in mijn .htaccess:
[ code verwijderd ]
Bedankt voor de tip! Een berg aan informatiequote: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.
http://jquery.com/demo/thickbox/quote:Op dinsdag 13 december 2011 10:58 schreef Scorpie het volgende:
Wat is dat nou weer voor vraag ik ga toch geen lightbox clone bouwen als er al 1 is die het meeste werk voor me doet
ALsjeblieft, hou op. Het is geen 2004 meerquote: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
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' }); }); |
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.quote: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
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 veranderdquote: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?
1 2 3 4 | #test3 li a { vertical-align:middle; line-height: 102px; } |
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> |
Dat zou wel ideaal zijn. Even uitproberen.quote:
Om dat ding te centreren van alles geprobeerd. Dacht misschien kan een ul wel gecentreerd worden.quote: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
1 | <div id="button1" style="cursor:hand; cursor:pointer;" onclick="location.href='testpagina"> |
Probeer eerst eens zelf te begrijpen wat je nou wilt, dat zoekt al een stuk makkelijkerquote: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 ]
A bedankt, ik heb het gevonden. Dacht dat sjablonen voor html pagina's stonden. Het is allemaal ook een stuk logischer ook nu.quote: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...?
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.quote: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.
1 | #logo, #menu { display: inline-block; } |
1 | #logo, #menu { float: left; } |
1 | #logo, #menu { display: inline-block; } |
Thanks, ga ik straks gelijk even doen!quote: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.
1 2 3 4 5 6 | #logo{ height:50px; width:200px; background-color:#0e3422; margin-top:25px; } |
Zolang je zeker weet dat het logo altijd 50px is en de container eromheen 100px is dit gewoon prima.quote: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.
1 2 3 | <div id="0003712" style="display:none;"> 0003712 </div> |
1 2 3 4 5 6 | @charset "utf-8"; /* CSS Document */ #0003712 { display:none; } |
Vandaar .Snapte al niet waarom het niet werkte, bedankt.quote: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.
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> "; |
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> |
Zoek gewoon even op een jQuery slider die naast afbeeldingen ook divjes kan sliden. Dan pleur je daar gewoon elk blok in?quote: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 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.
Geeft dat geen problemen met de php functies die ik aanroep in die divjes?quote: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?
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 .quote: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 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.
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 nieuwerquote: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 .
quote: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
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.quote: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.quote: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?
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.quote: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 ]
Ik heb het al gevonden. Je kunt zelf 'sitelinks' degraderen (zoals zij het noemen) bij hulpprogamma's voor webmasters van google.quote: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.
Klopt, maar dan moeten ze wel gegenereerd zijn. Zijn die sitelinks al zichtbaar als je googled op je website-naam?quote: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.
Ja die zijn zichtbaar.quote: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.
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.quote: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.
1 | <form action="index.php?page=test1" method="post"> |
hoe bedoel je dat?quote: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 ]
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 .quote: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.
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.quote: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?
Ja maar dat schiet niet op voor dit project, werk met vervolgpagina's. Elke pagina staan de knoppen op andere plekken.quote:Op donderdag 29 december 2011 15:58 schreef KomtTijd... het volgende:
Je weet ook van het bestaan van de {menu} tag?
Wat betekent dat? Je vragen zijn soms echt onduidelijk.. plaats anders een plaatje ofzo waarin je precies aangeeft wat er gebeurt dat verkeerd is.quote: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.
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;} } |
@media bedoel je?quote: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'
Dit is niet echt een html/css vraag.quote: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.
Dat een andere, specifiekere css regel de jouwe overschrijft.quote: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.
1 2 | #navigatie a { color: red; } .vorigepagina { color: blue; } |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |