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.
Cool.quote:Op zondag 5 december 2010 20:31 schreef RenRen- het volgende:
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> |
Een div heeft toch de eigenschap om op de volgende regel pasdoor te gaan, er zit dus een lege regel tussen div's.
*googled strict mode*
*googled strict mode*
Een div is niets anders dan een block-level element zonder enige semantische waarde of standaardopmaak. Alles wat je er aan margins en paddings aan wilt hebben moet je zelf defineren. Dus als het goed is zouden 2 opvolgende divs waar je niets aan gedaan hebt, gewoon met de boven- en onderkant tegen elkaar aan moeten staan.
Ik denk dat de ruimte tussen de div's niet komt door de div's maar door wat er in die div's zit. Headers en paragrafen zijn leuk wat dat betreftquote:
Een div heeft toch de eigenschap om op de volgende regel pasdoor te gaan, er zit dus een lege regel tussen div's.
Ohja. Margin-collapse, wie dat ooit verzonnen heeft, mogen ze van mij afschietenquote:
[..]
Ik denk dat de ruimte tussen de div's niet komt door de div's maar door wat er in die div's zit. Headers en paragrafen zijn leuk wat dat betreft
Dat dacht ik ook. Maar, als ik mijn verschillende div's een kleurtje geef krijg ik dit.quote:
[..]
Ik denk dat de ruimte tussen de div's niet komt door de div's maar door wat er in die div's zit. Headers en paragrafen zijn leuk wat dat betreft
Zwart = BODY, wit = container, geel = header, blauw = content, rood = footer, paars = wrap.
