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.
quote:luie flickrOp woensdag 27 oktober 2010 19:06 schreef PimD het volgende:
Gebruik dan gewoon flickr als je te lui bent om een paar regels code te schrijven
en een luie flickr ben ik
maar dankzij de paar steekwoorden als jquery is het na 2dagen proberen gelukt
met galleria, mooie vloeiende overgangen...enne...dankzij een phpscriptje op een forun vd site kan ik nu jpg in het mapje pleuren en komen ze mooi op de site te staan
THANX
[ Bericht 28% gewijzigd door MrNiles op 28-10-2010 16:17:49 ]
Jongens, ik heb hulp nodig...
Nu zouden de menuknopjes van .menubutton veranderen in width en height, maar dat doen ze dus niet. Help?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | body { background-color: #DDDDDD; text-align:center; } body, td, div, ul, button, textarea, input { font: 12px helvetica,arial,sans-serif; } #header2 { background-color: #C90000; } a.menubutton { display:inline; margin: 1px; background-color:#D80000 ; width:90px; } a.menubutton:hover { background-color:#C00000; } |
| 1 2 3 4 | <div id="header2"> <a href="#" class="menubutton">Menu</a> <a href="#" class="menubutton">Menu</a> </div> |
Nu zouden de menuknopjes van .menubutton veranderen in width en height, maar dat doen ze dus niet. Help?
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
994a040db3f025e25771e045468fc121
dan moet je bij :hover wel de gewenste hoogte en breedte meegeven.quote:Op zondag 28 november 2010 10:45 schreef Dalando het volgende:
Jongens, ik heb hulp nodig...
[ code verwijderd ]
[ code verwijderd ]
Nu zouden de menuknopjes van .menubutton veranderen in width en height, maar dat doen ze dus niet. Help?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Doet niks...quote:
[..]
dan moet je bij :hover wel de gewenste hoogte en breedte meegeven.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
994a040db3f025e25771e045468fc121
Bij een inline element worden hoogte en breedte genegeerd. Je zou er display: block; of display: inline-block; van moeten maken.quote:
Op Je kunt ook overwegen om alle menu-items dezelfde onderlinge afstand te geven, dat kan met margin en/of padding. En dat werkt ook bij inline elementen.
Overigens zie ik een menu als een lijst van linkjes:
| 1 2 3 4 5 6 | <ul id="menu"> <li><a href="#">Knop 1</a></li> <li><a href="#">Knop 2</a> <ul><li><a href="#">Knop 2.1</a></li></ul> </li> </ul> |
Die kun je ook net zo stylen als je zelf wilt.
ik probeer de <dfn> tag te restylen zodat hij een gestippeld of gestreept (dotted/dashed) streepje weergeeft in rood onder de tekst...
ik gebruik nu
dit komt echter te dicht op de volgende regel tekst te staan, ik kan e.v.t. kijken of ik de verticale ruimte tussen de tekst kan vergroten, maar het liefst zet ik het streepje op dezelfde plek als wanneer er een link is...
CSS3 heeft wel een mogelijkheid om de underline style aan te passen.., maar daar doe ik nog eff niet aan.
iemand tips hoe dit e.v.t. wel goed op te lossen is zonder de verticale ruimte tussen tekst aan te passen?
en als ik dan toch bezig ben:
ik heb een form knopje aangepast zodat er rond de knop een border verschijnt zodra er overheen gehovered wordt
in FF pakt hij hem vrijwel altijd goed (volgens mij 1x niet goed gegaan)
in IE8 pakt hij hem van boven, links en rechts zover ik gezien heb altijd goed.. echter pakt hij hem van onderen (lees: je komt met je muis op de button van onderen) bijna nooit, veel vaker niet dan wel iig. bugje in IE? of ligt het wellicht ergens anders aan? (omdat hij het immers een enkele keer in FF niet doet)
[ Bericht 34% gewijzigd door mschol op 03-12-2010 17:51:36 ]
ik gebruik nu
| 1 2 3 4 5 | border-bottom-color: #FF0000; border-bottom-style: dotted; border-bottom-width: 1px; color: #4D528C; font-style:normal |
CSS3 heeft wel een mogelijkheid om de underline style aan te passen.., maar daar doe ik nog eff niet aan.
iemand tips hoe dit e.v.t. wel goed op te lossen is zonder de verticale ruimte tussen tekst aan te passen?
en als ik dan toch bezig ben:
ik heb een form knopje aangepast zodat er rond de knop een border verschijnt zodra er overheen gehovered wordt
| 1 2 3 4 5 6 7 8 | .submitsearch{ border:1px hidden; background-color:transparent; } .submitsearch:hover{ border:1px solid; } |
in IE8 pakt hij hem van boven, links en rechts zover ik gezien heb altijd goed.. echter pakt hij hem van onderen (lees: je komt met je muis op de button van onderen) bijna nooit, veel vaker niet dan wel iig. bugje in IE? of ligt het wellicht ergens anders aan? (omdat hij het immers een enkele keer in FF niet doet)
[ Bericht 34% gewijzigd door mschol op 03-12-2010 17:51:36 ]
mentions en alerts staan uit, pm/dm mij
Ik ben bezig een mobiele site te maken.
Ik heb een menu, daarin twee divjes. De informatie in beide divs moet in het midden zitten. Ik gebruik geen pixels of iets om alles te centreren, omdat de site schaalbaar moet zijn. Maar daardoor krijg ik niets in het midden.
Ik heb het geprobeerd door margin-left en -right op auto te zetten, float-left of -right en dan 100px, maar dan is de site niet meer schaalbaar en schiet de rechter url onder de andere url.
Iemand een idee hoe ik ze in het midden kan krijgen zonder gezeik te krijgen met schaalbaarheid?
(Door het schaalbaarheidverhaal kon ik de divs ook niet een breedte geven, waardoor een align in de html ook niet werkte)
Ik heb een menu, daarin twee divjes. De informatie in beide divs moet in het midden zitten. Ik gebruik geen pixels of iets om alles te centreren, omdat de site schaalbaar moet zijn. Maar daardoor krijg ik niets in het midden.
Ik heb het geprobeerd door margin-left en -right op auto te zetten, float-left of -right en dan 100px, maar dan is de site niet meer schaalbaar en schiet de rechter url onder de andere url.
Iemand een idee hoe ik ze in het midden kan krijgen zonder gezeik te krijgen met schaalbaarheid?
(Door het schaalbaarheidverhaal kon ik de divs ook niet een breedte geven, waardoor een align in de html ook niet werkte)
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | #menuitems{ float:left; margin-left:auto; margin-right:auto; } #menuitems2{ float:right; margin-right:auto; margin-left:auto; } <div id="menu"><div id="menuitems"><a href="lost.html">Lost</a></div> <div id="menuitems2"><a href="found.html">Found</a></div> |
Je moet wel een breedte aangeven, anders weet ie niet waar ie op moet uitlijnen.
Probeer eens: width: 100%;
Probeer eens: width: 100%;
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Hm, nu snapt hij het al helemaal niet meer, krijg ik gelijk dat ze onder elkaar gaan staan ipv naast elkaarquote:
Je moet wel een breedte aangeven, anders weet ie niet waar ie op moet uitlijnen.
Probeer eens: width: 100%;
Wel een goede trouwens, even 50% proberen.
Cool.quote:
Dankje! 50/49 werkt wel, en is schaalbaar
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Als je ze allebei 49% maakt, zijn ze even breed en passen ze ook naast elkaarquote:
Dankje! 50/49 werkt wel, en is schaalbaar
Ik weet niet of het belangrijk is dat ze allebei even breed zijn, maar het kan leuker lijken.
Het stoort niet in ieder geval. Maar kan ik er geen kritiek op krijgen, dat is altijd positief.quote:
[..]
Als je ze allebei 49% maakt, zijn ze even breed en passen ze ook naast elkaar
Edit: Done
Hallo,
Op de pagina www.yepcheck.com/icharts/ heb ik volgende CSS
en de volgende HTML (verkort)
levert dit op
Maar hoe krijg ik het plaatje nu verticaal gecentreerd in het blokje? Hij blijft maar bovenin als ik de padding verhoog. Ik heb het idee dat het heel simpel is, maar ik kom er niet achter. (trouwens het twitterdingetje opmaken/positioneren is een vraag apart, waar ik nu even geen aandacht aan besteed)
Op de pagina www.yepcheck.com/icharts/ heb ik volgende CSS
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | #links ul { padding:5px; margin:2px;color:#fff;font-family: arial, helvetica, sans-serif; font-size:75%;list-style-type:none; } #links ul li { display: inline; } #links li a {padding:0.7em 0.7em 0.2em 0.7em; background:#6cf; color:#000;text-decoration:none; border:1px solid #000; } #links li a:hover { background:#c80;color:#fff; } |
en de volgende HTML (verkort)
| 1 2 3 | <div id='links'><UL> <LI><A HREF='http://www.google.com'><IMG SRC='icon_google.gif' border='0'></A></LI> </UL></DIV> |
levert dit op
Maar hoe krijg ik het plaatje nu verticaal gecentreerd in het blokje? Hij blijft maar bovenin als ik de padding verhoog. Ik heb het idee dat het heel simpel is, maar ik kom er niet achter. (trouwens het twitterdingetje opmaken/positioneren is een vraag apart, waar ik nu even geen aandacht aan besteed)
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
Je zou kunnen proberen wat te klooien met vertical-align. Maar mooier zou IMO zijn om de afbeelding als background-image te gebruiken (en dan via CSS te centreren) en de tekst (bijv. "Google") met een negatieve text-indent buiten beeld te plaatsen. Google maar eens op image replacement.
Nee.
Ik zou juist de css aanpassen:
En die rare <li> </li> in de broncode van de pagina hoort daar natuurlijk ook niet. Dat kun je met margins veel beter oplossen
| 1 2 3 4 5 6 7 8 9 | #links ul li { display: block; float: left; width: auto; } #links li a { display: block; width: auto; } |
En sowieso alles lowercase uiteraard, hoewel het in HTML5 weer gewoon mag zoals je zelf wilt... Ik blijf lekker XHTML strict-style coden
Nee.
Dank voor de antwoorden, met een beetje puzzelen (en valsspelen door twee <BR>'s toe te voegen - anders kreeg ik het opvolgende nummer meteen na het laatste plaatje en de lijn te hoog. Ik moet nog ergens display:block invoegen, maar waar?) 
) is het gelukt!
Die <li> </li> was omdat ik alleen dààr een lege ruimte wil, maar is verandert nu... Maar valt idd ook onder het kopje valsspelen. Ik moet me maar eens in de basiskennis duiken ipv alleen maar te kopieren/plakken
[ Bericht 11% gewijzigd door tim2308 op 20-12-2010 03:01:47 ]
) is het gelukt!Die <li> </li> was omdat ik alleen dààr een lege ruimte wil, maar is verandert nu
... Maar valt idd ook onder het kopje valsspelen. Ik moet me maar eens in de basiskennis duiken ipv alleen maar te kopieren/plakken [ Bericht 11% gewijzigd door tim2308 op 20-12-2010 03:01:47 ]
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
Ik ben bezig met een website in XHTML en CSS, waarbij ik op de contact-pagina graag een formulier wil maken. Niet te moeilijk, gewoon een formulier met Voornaam, Achternaam, Telefoonnummer, E-mailadres, Onderwerp en daaronder een vak voor het bericht.
Nou wil ik dit verzonden hebben naar een e-mailadres, maar het schijnt dat onderstaande heel spam-gevoelig is?
<form method="post" action="Mailto:mail@mail.nl">
Is hier een "veiligere" oplossing voor zonder PHP te hoeven gebruiken, aangezien ik daar geen ervaring mee heb?
Nou wil ik dit verzonden hebben naar een e-mailadres, maar het schijnt dat onderstaande heel spam-gevoelig is?
<form method="post" action="Mailto:mail@mail.nl">
Is hier een "veiligere" oplossing voor zonder PHP te hoeven gebruiken, aangezien ik daar geen ervaring mee heb?
Volgens mij werkt dat niet eens? Of ja, de mail zal dan in de outbox van je mailprogramma worden gezet - terwijl veel mensen bijv. GMail of Hotmail gebruiken en daardoor dus geen mailprogramma hebben ingesteld. Het beste kun je toch gewoon een server-side formulier maken lijkt me. Er zijn vast zat PHP (of wat dan ook) tutorials te vinden voor een simpel formuliertje.
Nee.
Daar was ik dus al bang voor. Nou ja, dan toch maar wat gaan verdiepen in PHP. Is het met PHP wel mogelijk om de opmaak te behouden die ik heb gemaakt in CSS?quote:
Volgens mij werkt dat niet eens? Of ja, de mail zal dan in de outbox van je mailprogramma worden gezet - terwijl veel mensen bijv. GMail of Hotmail gebruiken en daardoor dus geen mailprogramma hebben ingesteld. Het beste kun je toch gewoon een server-side formulier maken lijkt me. Er zijn vast zat PHP (of wat dan ook) tutorials te vinden voor een simpel formuliertje.
Misschien heeft je hoster wel een standaard cgi-scriptje dat je kunt gebruiken. Andere optie zou kunnen zijn dat je gewoon een linkje maakt van het mailadres en dat de bezoeker dan gewoon zelf in z'n mailprogramma het een en ander kan invullen. Maar dan heb je geen voorbedrukt formulier.quote:
Ik ben bezig met een website in XHTML en CSS, waarbij ik op de contact-pagina graag een formulier wil maken. Niet te moeilijk, gewoon een formulier met Voornaam, Achternaam, Telefoonnummer, E-mailadres, Onderwerp en daaronder een vak voor het bericht.
Nou wil ik dit verzonden hebben naar een e-mailadres, maar het schijnt dat onderstaande heel spam-gevoelig is?
<form method="post" action="Mailto:mail@mail.nl">
Is hier een "veiligere" oplossing voor zonder PHP te hoeven gebruiken, aangezien ik daar geen ervaring mee heb?
De uitvoer van een php-script is (over het algemeen) een html-pagina.quote:
[..]
Daar was ik dus al bang voor. Nou ja, dan toch maar wat gaan verdiepen in PHP. Is het met PHP wel mogelijk om de opmaak te behouden die ik heb gemaakt in CSS?
Voor je browser maakt het niet uit of die html uit een statische pagina of uit een php-script komt.
Dan ga ik me maar eens verdiepen in zo'n PHP-scriptje. Merci.quote:
[..]
De uitvoer van een php-script is (over het algemeen) een html-pagina.
Helemaal kant en klaar en volledig aan te passen inclusief Catpcha voor $ 3,-. Gebruik hem zelf ook en het werkt fantastisch http://codecanyon.net/item/simple-php-contact-form/46679quote:
[..]
Dan ga ik me maar eens verdiepen in zo'n PHP-scriptje. Merci.
Hmm 3 euro? Zou ik toch even doorzoeken, er zijn zat gratis scriptjes te vinden.quote:Op vrijdag 24 december 2010 01:01 schreef Black-Hole het volgende:
[..]
Helemaal kant en klaar en volledig aan te passen inclusief Catpcha voor $ 3,-. Gebruik hem zelf ook en het werkt fantastisch http://codecanyon.net/item/simple-php-contact-form/46679
Ik heb zelf ook lang gezocht naar goed werkende scriptjes inclusief Captcha maar veel werkten niet, niet volledig of waren lastig te stijlen. Waarom dan moeilijk doen voor $ 3,-. Alle tijd die je bezig bent met zoeken kost eigenlijk ook geld dus dan is zo'n bedrag te verwaarlozen. Maar goed dat is allemaal off-topic.quote:
[..]
Hmm 3 euro? Zou ik toch even doorzoeken, er zijn zat gratis scriptjes te vinden.
Hoe kan je de space tussen div's bepalen? Volgens mij is het sowieso niet mogelijk om ze helemaal weg te halen.
Tussen header, content en footer zit nu een lege regel (ook nog eens verschillend in grootte omdat bv. de footer een kleiner lettertype gebruikt. Ik wil dat al die lege regels allemaal bv. 20px zijn.
Ik kan het makkelijk door de header, content en footer padding te geven, maar dat is toch minder mooi vind ik.
Tussen header, content en footer zit nu een lege regel (ook nog eens verschillend in grootte omdat bv. de footer een kleiner lettertype gebruikt. Ik wil dat al die lege regels allemaal bv. 20px zijn.
Ik kan het makkelijk door de header, content en footer padding te geven, maar dat is toch minder mooi vind ik.
| 1 2 3 4 5 6 7 8 9 | <BODY> <DIV id="container"> <DIV id="wrap"> <DIV id="header"></DIV> <DIV id="content"></DIV> <DIV id="footer"></DIV> </DIV> </DIV> </BODY> |
