DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Als er wel iets is, wat ik graag zie terugkomen als een standaard optie, dan ishet wel verticaal centreren. Wat een geouwehoer is dat nu.
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 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.
De truuk is, om de parent van de container waar het verticaal gecentreerde element in moet komen, weer te geven als tabel en de parent als tabel-cel, met een vertical-align:middle.
Maar als je, zoals je zelf al zegt, nog echt een beginner bent in CSS en HTML, zou ik eerst beginnen met de basis onder de knie te krijgen. Voordeel daarvan is, dat je ook veel gerichter kan gaan zoeken naar oplossingen, mocht je specifieke problemen tegenkomen.
dat dus.
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.
Kun je me trouwens de situatie schetsen waarin je verticaal wilt centreren? Over het algemeen is standaard alignen met wat padding mooier.
💍 💍 💍 💍 💍 💍 🍌 ☎
als de div gewoon een breedte heeft en de afbeelding als enige in die div staan, kan je hem gewoon een text-align:center geven
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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
💍 💍 💍 💍 💍 💍 🍌 ☎
oja, ik had de tekst niet gelezen, 't is nog vroeg.
verticaal centreren is inderdaad kut, tenzj je de IE7 support laat vallen, of je met JS in de weer gaat
verticaal centreren is inderdaad kut, tenzj je de IE7 support laat vallen, of je met JS in de weer gaat
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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.
Maar dat lijkt me niet echt een geweldige oplossing.
💍 💍 💍 💍 💍 💍 🍌 ☎
Er is sowieso geen geweldige oplossing inderdaad.. óf je moet smerige code schrijven, óf je moet bepaalde support laten vallen (zoals in mijn voorbeeld hierboven.. nu vind ik dat niet zo erg 
), of je zet alles zo vast dat je er nog niets mee kan..
Ik vind jouw eerdergestelde vraag eigenlijk het meest relevante:
Wellicht is het gewoon een probleem, waarbij de gewenste oplossing juist het probleem veroorzaakt en er een veel betere manier is om hetzelfde te bewerkstelligen.
), of je zet alles zo vast dat je er nog niets mee kan.. Ik vind jouw eerdergestelde vraag eigenlijk het meest relevante:
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?
Wellicht is het gewoon een probleem, waarbij de gewenste oplossing juist het probleem veroorzaakt en er een veel betere manier is om hetzelfde te bewerkstelligen.
dat dus.
Het kan zijn dat je iets verticaal wilt centreren, voorbeeld:
(de inhoud in het gele vak)
Aangezien het gele vak een bepaalde hoogte heeft is verticaal centreren niet nodig, omdat dit alleen maar problemen geeft, kun je ook gewoon een marge gebruiken.
(de inhoud in het gele vak)
Aangezien het gele vak een bepaalde hoogte heeft is verticaal centreren niet nodig, omdat dit alleen maar problemen geeft, kun je ook gewoon een marge gebruiken.
💍 💍 💍 💍 💍 💍 🍌 ☎
of padding, omdat dat gele de background van de container is.
Variabele hoogte/breedte en centreren is altijd lastig.
Variabele hoogte/breedte en centreren is altijd lastig.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Inderdaad, de juiste oplossing voor het juiste probleem maar ik noem dat ook niet echt 'verticaal centreren', daarbij denk ik eerder aan bvb een pagina waarbij de content altijd in het midden van het scherm staat..
edit: Zoiets bijvoorbeeld.. overigens ook een mooie oplossing, werkt ook niet in IE7
maar ik noem dat ook niet echt 'verticaal centreren', daarbij denk ik eerder aan bvb een pagina waarbij de content altijd in het midden van het scherm staat..edit: Zoiets bijvoorbeeld.. overigens ook een mooie oplossing, werkt ook niet in IE7
dat dus.
Padding is als je een "witruimte" wilt die deel uit maakt van de container waar je de padding op doet.quote:
of padding, omdat dat gele de background van de container is.
Variabele hoogte/breedte en centreren is altijd lastig.
Toch...?
💍 💍 💍 💍 💍 💍 🍌 ☎
Ja.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Margin = witruimte buiten de box, padding is standaard witruimte binnen de box.
Als je dus binnen een container, de gele balk in dit geval, een standaard witruimte wilt hebben, is het netter om op de container een padding te zetten, ipv op alle children een margin.
Als je dus binnen een container, de gele balk in dit geval, een standaard witruimte wilt hebben, is het netter om op de container een padding te zetten, ipv op alle children een margin.
dat dus.
Absoluut niet inderdaad. Als je scherm kleiner is dan de content, verdwijnt die buiten beeld zonder scrollbalk.quote:
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.
oh en: http://www.w3.org/TR/CSS2/box.html#box-dimensions
overflow:scroll;?quote:
[..]
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:
[..]
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 wegblijvenquote:
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 heenquote:
[..]
Je snapt niet dat ik een grapje maak? Ik zeg toch zelf al dat het een slechte oplossing is?
.
Ik weet niet of deze vraag hier thuis hoort, zo niet dan hoor ik het wel. Gaat om een stukje SEO eigenlijk:
Redirect 301 /http://www.blabla.nl http://blabla.nl
Ik heb bij google webmaster tools geprobeerd mijn voorkeursdomein te veranderen in blabla.nl maar ik heb verificatie-problemen (raar want ik heb de website op 3 verschillende manier echt geverificeerd). Iemand die er veel ervaring mee heeft?
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.
Redirect 301 /http://www.blabla.nl http://blabla.nl
Ik heb bij google webmaster tools geprobeerd mijn voorkeursdomein te veranderen in blabla.nl maar ik heb verificatie-problemen (raar want ik heb de website op 3 verschillende manier echt geverificeerd). Iemand die er veel ervaring mee heeft?
Ik heb het volgende in mijn .htaccess:
Die zorgt dat alles naar www. gaat
andersom(niet getest):
| 1 2 3 4 | RewriteEngine On RewriteBase / RewriteCond %{HTTP_HOST} !^www\. RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L] |
Die zorgt dat alles naar www. gaat
andersom(niet getest):
| 1 2 3 4 | RewriteEngine On RewriteBase / RewriteCond %{HTTP_HOST} ^www\. RewriteRule ^(.*)$ http://%{HTTP_HOST}/$1 [R=301,L] |
💍 💍 💍 💍 💍 💍 🍌 ☎
Dit is idd niet een HTML vraag . Geen idee of hier een topic voor is, maar ik wil wel even kijken of ik dit kan beantwoorden.
Sowieso is zelf een redirect doen beter dan het aangeven bij Google WMT. Ten eerste omdat er meer crawlers zijn dan Google, ten tweede omdat de gebruiker dan ook altijd op dezelfde url terechtkomt.
Het is inderdaad zo simple als een regel in je .htaccess, als ik me niet vergis (niet getest dus) is het:
. Geen idee of hier een topic voor is, maar ik wil wel even kijken of ik dit kan beantwoorden.Sowieso is zelf een redirect doen beter dan het aangeven bij Google WMT. Ten eerste omdat er meer crawlers zijn dan Google, ten tweede omdat de gebruiker dan ook altijd op dezelfde url terechtkomt.
Het is inderdaad zo simple als een regel in je .htaccess, als ik me niet vergis (niet getest dus) is het:
| 1 2 | RewriteCond %{HTTP_HOST} !^www\. RewriteRule (.*) http://www.jouwsite.com/$1 [R,L] |
Dit is inderdaad completer, en iets netter. Toch niet verkeerd voor uit m'n hoofdquote:
Ik heb het volgende in mijn .htaccess:
[ code verwijderd ]
.De R=301 flag geeft aan Google aan dat het een permanente redirect is, dus beter voor SEO. Die is wel belangrijk in dit geval.
Wow super dat jullie zo snel reageren. Ik kan niet echt snel heldere informatie vinden over hoe en wat. Wel dat het schijnbaar belangrijk is voor je SEO 
Even uitproberen, bedankt mensen
Even uitproberen, bedankt mensen
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.
Ik ben op zoek naar een gallery-achtige plugin/framework die images en video in een set (dus door elkaar) kan afspelen. De meeste examples werken met images of flash only, ben er nog geen 1 tegengekomen die alles door elkaar heen afspeelt met de mogelijkheid tot autoplay.
Iemand hints / tips?
Iemand hints / tips?
Je kan niet zelf coden begrijp ik?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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
ik ga toch geen lightbox clone bouwen als er al 1 is die het meeste werk voor me doet
http://jquery.com/demo/thickbox/quote:Op dinsdag 13 december 2011 10:58 schreef Scorpie het volgende:
Wat is dat nou weer voor vraag
Mja ik vond zelf deze: http://planetozh.com/projects/lightbox-clones/
Daar staan er een hoop op. Ga daar wel mee aan de slag
Daar staan er een hoop op. Ga daar wel mee aan de slag
CeeBox http://catcubed.com/2008/12/23/ceebox-a-thickboxvideobox-mashup/
Doet images, flash, iframes, AJAX, ....
Doet images, flash, iframes, AJAX, ....
fancybox ruled, is net een nieuwe van uit he.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Wat is tegenwoordig een goede manier om bijvoorbeeld een menu altijd in beeld te houden, ook als je naar beneden scrollt?
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
Ik zou zelf denk ik voor een JS oplossing gaan(met animation) om een soort "fixed", maar dan mooier, te kunnen krijgen, en hier dan een fallback naar position: fixed gebruiken
Zoiets:
http://www.jtricks.com/javascript/navigation/floating.html
💍 💍 💍 💍 💍 💍 🍌 ☎
ALsjeblieft, hou op. Het is geen 2004 meerquote:
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
Position:fixed is idd de oplossing. Wat veel gedaan wordt is dmv javascript de scrollpositie uitlezen, zodat je een menu fixed kan zetten zodra het uit beeld dreigt te scrollen. Bijv. een menubalk onder een banner, die fixed wordt zodra je de banner uit beeld gescrolled hebt. Voorbeeld is bijv. te ticker bij facebook, .fixed_scrolling_wrapper wordt fixed gemaakt zodra je de ads erboven weggescrold hebt.
Je moet overigens wel nadenken over de impact van fixed elementen op kleine schermen (netbooks, telefoons). Als je niet oppast zet je 90% van het beeld vol met menu's die niet weg te scrollen zijn.
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
Maar ik ben wel blij dat ik nu weet hoe het moet, mocht ik het ooit wél willen
Ik maak gebruik van de jQuery autocomplete: http://docs.jquery.com/Plugins/Autocomplete
Nu wil ik de url kunnen wijzigen aan de hand van een keuze uit een select box. Volgens de documentatie kan dat met setOptions http://docs.jquery.com/Plugins/Autocomplete/setOptions#options
Echter, hier gebeurt niks mee. De url wordt niet veranderd. Ook krijg ik met Firebug geen foutmeldingen.
Ik heb nu een tijdelijke oplossing door bij het teruggeven van het resultaat in Javascript (in de success: van de autocomplete) te controleren op de waarde in de selectbox, maar hiervoor worden teveel records opgehaald, dus ik wil het resultaat verfijnen in het AJAX php bestand.
Heeft iemand een idee wat er niet klopt?
Nu wil ik de url kunnen wijzigen aan de hand van een keuze uit een select box. Volgens de documentatie kan dat met setOptions http://docs.jquery.com/Plugins/Autocomplete/setOptions#options
| 1 2 3 4 5 6 7 8 9 10 | $("#id_van_input_veld").autocomplete("url_naar_php_bestand_1",{ //hier een aantal opties }); $("#id_van_select").change(function() { $("#id_van_input_veld").flushCache(); $("#id_van_input_veld").setOptions(function() { url: 'url_naar_php_bestand_2' }); }); |
Echter, hier gebeurt niks mee. De url wordt niet veranderd. Ook krijg ik met Firebug geen foutmeldingen.
Ik heb nu een tijdelijke oplossing door bij het teruggeven van het resultaat in Javascript (in de success: van de autocomplete) te controleren op de waarde in de selectbox, maar hiervoor worden teveel records opgehaald, dus ik wil het resultaat verfijnen in het AJAX php bestand.
Heeft iemand een idee wat er niet klopt?
Kan je niet beter de waarde van de select meeposten en het door 1 file laten afhandelen?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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:
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:
Kan je niet beter de waarde van de select meeposten en het door 1 file laten afhandelen?
Ik probeer text in een div tag te centreren.
maar dit werkt enkel wanneer er maar 1 regel tekst is. Nu heb ik in #test3 2 regels tekst welke ik verticaal gecentreerd wil hebben in de div tag. De regels ten opzichte van elkaar moeten een normale line-height krijgen. Is dit mogelijk?
| 1 2 3 4 | #test3 li a { vertical-align:middle; line-height: 102px; } |
maar dit werkt enkel wanneer er maar 1 regel tekst is. Nu heb ik in #test3 2 regels tekst welke ik verticaal gecentreerd wil hebben in de div tag. De regels ten opzichte van elkaar moeten een normale line-height krijgen. Is dit mogelijk?
Anonieme tievesclown
Lukt ook niet, anders zet ik de content van de div gewoon in een table zetten met v-align erop.
Anonieme tievesclown
doe je ontwerp eens posten + code, kan me niet voorstellen dat dit niet anders kan.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script> <script type="text/javascript" src="scripts/jquery.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>FOKTEST</title> <style> body { margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight: bold; text-align: center; background-color:#999; } #container { width:1024px; height:768px; margin:0 auto; background-color:#0D2B41; } /* Button */ ul { list-style: none; padding:0px; margin:0px; } #button3 li a { vertical-align:middle; line-height: 102px; } #button3 { position:absolute; margin-top:510px; margin-left:306px; height:102px; width:102px; background-color:#FFF; } </style> </head> <body> <div id="container"> <div id="button3"> <ul id="knop3"> <li><a href="#">TESTKNOP DRIE</a></li> </ul> </div> </div> </body> </html> |
Anonieme tievesclown
Dat zou wel ideaal zijn. Even uitproberen.quote:
[ Bericht 1% gewijzigd door Crimyclown op 15-12-2011 14:04:59 ]
Anonieme tievesclown
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
zoiets. ff naar je eigen wens aanpassen
waarom staat die knop in een UL btw?
http://jsbin.com/orucev/9
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Om dat ding te centreren van alles geprobeerd. Dacht misschien kan een ul wel gecentreerd worden.quote:
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
Anonieme tievesclown
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
Testpagina
| 1 | <div id="button1" style="cursor:hand; cursor:pointer;" onclick="location.href='testpagina"> |
Anonieme tievesclown
Probeer eerst eens zelf te begrijpen wat je nou wilt, dat zoekt al een stuk makkelijkerquote:
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 ]
Een nieuwe pagina of een nieuw sjabloon zijn wel 2 behoorlijk verschillende dingen. En wat die code ermee te maken heeft...?
Iemand een idee hoe ik dit voor elkaar krijg met css?
Ik zit al te pielen met text-shadow maar daarbij heb ik 2 opties:
- de shadow direct achter de tekst laten, en de blur op 4px zetten. Lijkt er enigszins op, maar het moet met strakke lijnen ipv geblurred
- 4 shadows instellen voor de 4 richtingen. lijkt er meer op, maar de hoeken zijn dan erg lelijk:
http://jsfiddle.net/38mM6/1/ (1px blur om het iets zachter te maken, anders is het nog blokkeriger..)
Lijkt het allemaal niet te worden.
[ Bericht 29% gewijzigd door picodealion op 17-12-2011 17:16:09 ]
Ik zit al te pielen met text-shadow maar daarbij heb ik 2 opties:
- de shadow direct achter de tekst laten, en de blur op 4px zetten. Lijkt er enigszins op, maar het moet met strakke lijnen ipv geblurred
- 4 shadows instellen voor de 4 richtingen. lijkt er meer op, maar de hoeken zijn dan erg lelijk:
http://jsfiddle.net/38mM6/1/ (1px blur om het iets zachter te maken, anders is het nog blokkeriger..)
Lijkt het allemaal niet te worden.
[ Bericht 29% gewijzigd door picodealion op 17-12-2011 17:16:09 ]
Volgensmij zijn de meeste gradients en shadows zijn in browser niet heel vloeiend inderdaad... Bijvoorbeeld op http://dalando.nl/ zie je ook dat de achtergrond gradient niet geheel vloeiend is... Dus volgensmij kun je het niet echt beter krijgen...
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
994a040db3f025e25771e045468fc121
Daar was ik al bang voor, toch bedankt .
Ik zal eens met de opdrachtgever overleggen of het echt niet anders kan. In het aangeleverde design zijn het plaatjes (nu 5 stuks, maar je weet nooit wat er verandert/uitbreidt). Niet ideaal, imo.
.Ik zal eens met de opdrachtgever overleggen of het echt niet anders kan. In het aangeleverde design zijn het plaatjes (nu 5 stuks, maar je weet nooit wat er verandert/uitbreidt). Niet ideaal, imo.
A bedankt, ik heb het gevonden. Dacht dat sjablonen voor html pagina's stonden. Het is allemaal ook een stuk logischer ook nu.quote:
[..]
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...?
Maar de handleiding op CMSMS heb ik ook niet heel veel aangehad. Informatie die er staat is zeer minimaal.
Anonieme tievesclown
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:
[..]
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.
Ik ben nog maar net bezig met CSS, al heel vaak geprobeerd het onder de knie te krijgen, maar liep steeds vast. Dit is dus de ik weet niet hoeveelste poging en loop alweer vast
Kijk hier wat het probleem is. Ik krijg 2 'containers' in een container, niet naast elkaar.
Kijk hier wat het probleem is. Ik krijg 2 'containers' in een container, niet naast elkaar.
Beide containers zijn 'div' elementen, die hebben als display waarde "block". Die stapelen altijd onder elkaar.
Een mogelijke oplossing is om er met css inline-blocks van te maken, blokken die dus naast elkaar blijven staan:
Of je kan ze allebei naar links floaten:
Inline-block wordt niet door oude browsers (IE 6 enzo) ondersteund, maar tegenwoordig kunnen de meeste browsers er wel mee omgaan. Float wordt wel altijd ondersteund, maar is lastiger onder de knie te krijgen.
Een mogelijke oplossing is om er met css inline-blocks van te maken, blokken die dus naast elkaar blijven staan:
| 1 | #logo, #menu { display: inline-block; } |
Of je kan ze allebei naar links floaten:
| 1 | #logo, #menu { float: left; } |
Inline-block wordt niet door oude browsers (IE 6 enzo) ondersteund, maar tegenwoordig kunnen de meeste browsers er wel mee omgaan. Float wordt wel altijd ondersteund, maar is lastiger onder de knie te krijgen.
Float kan ook nog wel eens problemen opleveren in oudere browsers, maar die zijn meestal met wat hack-werk wel weer recht te breien. Liever lelijke code dan slechte ondersteuning.
💍 💍 💍 💍 💍 💍 🍌 ☎
Thanks!
Div's worden dus altijd onderelkaar gestapeld? Hoe voorkom je dit?
Ik ga nu even float left proberen.
/edit
Heeft het opgelost, maar is dit hoe 'het' moet?
/edit
En wat is het beste om een plaatje/iets verticaal te centreren?
Div's worden dus altijd onderelkaar gestapeld? Hoe voorkom je dit?
Ik ga nu even float left proberen.
/edit
| 1 | #logo, #menu { display: inline-block; } |
/edit
En wat is het beste om een plaatje/iets verticaal te centreren?
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.
Lees even vanaf hier voor verticaal centreren.
💍 💍 💍 💍 💍 💍 🍌 ☎
Thanks, ga ik straks gelijk even doen!quote:
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.
De blokken zijn nu wel naast elkaar, maar de hoogte van de blokken kloppen niet meer? Ze lopen niet gelijk.
/edit
Door float wel, met inline-block niet. Opgelost dus.
