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.
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |