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; } |
Het probleem kan vanalles zijn, dat kunnen wij moeilijk ruiken. Om maar wat met hagel te schieten: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.
Sorryquote:Op zondag 1 januari 2012 22:09 schreef picodealion het volgende:
[..]
Dit is niet echt een html/css vraag.
Floaten?quote: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.
Ik had verdomme ergens 700 px ipv 700px staan. Nou dat heb ik geweten. Nu is het allemaal goed.quote:
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> |
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); }); |
Mag geen styling en scripting in het document zelf zetten.quote: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...
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.quote: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.
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> |
Gelukkig heb ik geen firebug, maar thanks, ik ga m'n best doen.quote: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.
HTML'en/CSS'en/JS'en zonder Firebug (of andere webdevelopertoolkit) is echt een no-go. Moet je niet eens willen.quote:Op maandag 2 januari 2012 22:51 schreef Dalando het volgende:
[..]
Gelukkig heb ik geen firebug, maar thanks, ik ga m'n best doen.
Weet ik, daarom heb ik Element Inspecteren in Chrome.quote: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.
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; } |
http://fok.dalando.nl/dev/quote:Op maandag 2 januari 2012 23:04 schreef KomtTijd... het volgende:
Hoe bedoel je "shift ie van plek"? Maak anders even een testcase ofzo.
Meld maar als je een oplossing hebt, ik weet het niet meer.quote: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...
?quote:Op maandag 2 januari 2012 23:45 schreef Catch22- het volgende:
transform de content eens ipv de container
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.quote: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
Je link doet het niet. En ik zie uberhaupt geen social media icoontjes op je pagina.quote: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.
Ja dat is dus gefixed door overflow-x op hidden te zetten (y op visible want opera pakte die niet uitzichzelf .quote: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...
Hij doet het prima maar je kunt er niet over hoveren aangezien er andere elementen voorstaan.quote: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.
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.quote: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 ]
Wat reageer ik niet normaal dan?quote: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?
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.quote: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.
Ja maar daar ben ik ook nog mee bezig, dat zei ik ook in een van de vorige postsquote: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.
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.quote: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.
https://addons.mozilla.org/nl/firefox/addon/firebug/quote: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')
quote: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
Ah, ik had die img:hover gemist. Die werkt idd wel (als ik de main content div weggooi).quote: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.
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; } |
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> |
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> |
1 2 3 | .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m { padding: 0 2px; } |
Slimbox testte ik voor nextgen gallery maar vind het lelijk, dus gebruik het niet. Zal het even verwijderen.quote: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.quote: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).
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.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
so much for:quote: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
_!quote:rgemakkelijkt het gebruik van css
Ik heb daar nooit eerder van gehoord en momenteel heb ik geen zin om daar nu naar te kijkenquote:
dat tweede ging over een normalize css niet over een resetquote:
Ga je eerst eens inlezen over forms dan.quote: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...
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.quote: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
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.quote: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.
quote: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?
Spijker op z'n kop, waarde KomtTijd...quote: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.
1 | <!DOCTYPE html> |
Ik vraag me sowieso af waarom we vroeger altijd met die moeilijke HTML4-doctypes liepen te kutten, als het ook gewoon zo kan.quote:Op donderdag 5 januari 2012 11:27 schreef picodealion het volgende:
[..]
Maar who cares, ik gebruik gewoon altijd HTML5 .
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"> |
Ja ach. Dit was 6 maanden terug voor een schoolopdracht gemaakt. Ik wil alleen even het menu fixen voor IEquote: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.
eh nee, op regel 6 en 7 om precies te zijn.quote:Op donderdag 5 januari 2012 11:36 schreef Mirel het volgende:
Dit staat er gewoon op de 1e en 2e regel
[ code verwijderd ]
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> |
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.quote: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 ]
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.quote: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?
Boven de content van datzelfde element? Nee.quote:Op zaterdag 7 januari 2012 19:42 schreef Neraice het volgende:
Kan je met CSS een background-image boven de content krijgen?
1 2 3 4 | .sort{ position: absolute; right: 0px; } |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |