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.
ik vraag toch niet wat jij er van vindquote:Op donderdag 26 november 2009 17:36 schreef invine het volgende:
waarom? het is tering irritant om muziek op je site te hebben
Ik wil gewoon muziek op m'n site met autoplay uit.
76.000.000 2009-12-24 01:28 Semmm
nee natuurlijk nietquote:Op donderdag 26 november 2009 18:50 schreef Semmm het volgende:
Oke maar dit wat ik nu heb is niet met FF werkend te krijgen?
Weet jij dan wel een code waarmee ik zo 538 op m'n site kan zetten? 
76.000.000 2009-12-24 01:28 Semmm
Gast je kan ook gewoon zelf ff zoeken op google ofzo, moet alles voorgekauwd worden?
zal ik anders je schoolopdracht maken?
zal ik anders je schoolopdracht maken?
Heb op google gezocht maar kan tot op het moment weinig vinden, ik vind bijna alleen maa dingen over het "radio" knopje, dat vierkante blokje
76.000.000 2009-12-24 01:28 Semmm
Na een aantal uren klooien met CSS, kom ik er nog niet uit 
ik wil simpel voor de meest beschikbare browsers de header in het midden.
Dit is mijn css:
.body
{
margin:0;
padding:0;
font: arial Arial, Helvetica, sans-serif;
text-align:center;
}
/* Header */
#header
{
posotion: absolute;
width: 993px;
height:167px;
background:url(img/header_back.gif) repeat-x;
}
En hier vraag ik de css in html op:
<body class="body">
<div id="header">test</div>
</body>
in Internet explorer 8 verschijnt hij mooi in het midden, maar in firefox niet.
Iemand een idee?:)
ik wil simpel voor de meest beschikbare browsers de header in het midden.
Dit is mijn css:
.body
{
margin:0;
padding:0;
font: arial Arial, Helvetica, sans-serif;
text-align:center;
}
/* Header */
#header
{
posotion: absolute;
width: 993px;
height:167px;
background:url(img/header_back.gif) repeat-x;
}
En hier vraag ik de css in html op:
<body class="body">
<div id="header">test</div>
</body>
in Internet explorer 8 verschijnt hij mooi in het midden, maar in firefox niet.
Iemand een idee?:)
Ook niet, met position krijg je 'm nooit gecentreerd.quote:Op vrijdag 27 november 2009 12:11 schreef InTrePidIvity het volgende:
Ik zou 'position' doen, maar ik weet niet of het daar aan ligt
Volgens mij heb ik het al 30000 keer gezegd in dit topic en met mij vele anderen, maar centreren doe je met {margin: 0 auto;}
-edit-
zie ik daar nou <body class='body'> ????
WTF! 
oke dat is dus gelukt, maar nu het volgende:
<div id="header">
</div>
en ik wil een foto bovenop de header hebben zeg maar, als ik dit doe :
<div id="header">
<div id="header_foto"></div>
</div>
gaat de hele zooi weer verschuiven
Dit is header_foto css:
.header_foto
{
margin: 0 auto;
width:982px;
height:144px;
background:url(img/header.png) repeat-x;
}
Hoe op te lossen? Want ik wil nog meer dingen in de header kwijt zoals tekst. een div over een div plaatsen met dat je zelf de positie bepaald dat is mogelijk toch? Hoe precies?
Alvast bedankt
<div id="header">
</div>
en ik wil een foto bovenop de header hebben zeg maar, als ik dit doe :
<div id="header">
<div id="header_foto"></div>
</div>
gaat de hele zooi weer verschuiven
Dit is header_foto css:
.header_foto
{
margin: 0 auto;
width:982px;
height:144px;
background:url(img/header.png) repeat-x;
}
Hoe op te lossen? Want ik wil nog meer dingen in de header kwijt zoals tekst. een div over een div plaatsen met dat je zelf de positie bepaald dat is mogelijk toch? Hoe precies?
Alvast bedankt
1. Gebruik [code] tags voor je codequote:Op vrijdag 27 november 2009 15:42 schreef freeke het volgende:
oke dat is dus gelukt, maar nu het volgende:
<div id="header">
</div>
en ik wil een foto bovenop de header hebben zeg maar, als ik dit doe :
<div id="header">
<div id="header_foto"></div>
</div>
gaat de hele zooi weer verschuiven
Dit is header_foto css:
.header_foto
{
margin: 0 auto;
width:982px;
height:144px;
background:url(img/header.png) repeat-x;
}
Hoe op te lossen? Want ik wil nog meer dingen in de header kwijt zoals tekst. een div over een div plaatsen met dat je zelf de positie bepaald dat is mogelijk toch? Hoe precies?
Alvast bedankt
2. kom eens met een volledig voorbeeld, met die snipplets kunnen we niets. Liefst gewoon een linkje naar je werk.
3. watvoor doctype gebruik je
4. http://w3schools.com <<-- start reading.
Ik denk dat je hier al teveel van hem verwachtquote:Op vrijdag 27 november 2009 16:24 schreef Wielewagen het volgende:
[..]
1. Gebruik [code] tags voor je code
2. kom eens met een volledig voorbeeld, met die snipplets kunnen we niets. Liefst gewoon een linkje naar je werk.
3. watvoor doctype gebruik je
4. http://w3schools.com <<-- start reading.
Ik drink nooit meer! maar ook niet minder.
Nee hoor, ben al druk bezig met lezen 
Hier het voorbeeldje:
http://www.wirdumonline.nl/drie/
mij huidige website zit vol met tables, en daar wil ik vanaf stappen
Zo wil ik hem uiteindelijk hebben:
http://www.wirdumonline.nl/voorbeeld.jpg
[ Bericht 19% gewijzigd door freeke op 28-11-2009 11:07:54 ]
Hier het voorbeeldje:
http://www.wirdumonline.nl/drie/
mij huidige website zit vol met tables, en daar wil ik vanaf stappen
Zo wil ik hem uiteindelijk hebben:
http://www.wirdumonline.nl/voorbeeld.jpg
[ Bericht 19% gewijzigd door freeke op 28-11-2009 11:07:54 ]
't was haast wel te raden ja. Begin eens met een doctype.
En knal dat "text-align" uit je body. IE5.5 hoef je echt niet meer te ondersteunen.
En knal dat "text-align" uit je body. IE5.5 hoef je echt niet meer te ondersteunen.
IE6 werkt daar ook mee helaas :/quote:Op zaterdag 28 november 2009 12:35 schreef Wielewagen het volgende:
't was haast wel te raden ja. Begin eens met een doctype.
En knal dat "text-align" uit je body. IE5.5 hoef je echt niet meer te ondersteunen.
Ik drink nooit meer! maar ook niet minder.
Ja ach, die 2 regels in je css boeit me vrij weinigquote:Op zaterdag 28 november 2009 13:18 schreef Wielewagen het volgende:
[..]
Heb ik zelf inmiddels ook schijt aan.
Ik drink nooit meer! maar ook niet minder.
Maar als het werkt? Zoals ik al zeg, die 2 regels tekst extra in je css zijn ook geen probleem lijkt me? En dan werkt het ook nog is voor 5.5 mocht er een ergens een ouderwets iemand op je website komen.quote:Op zaterdag 28 november 2009 13:49 schreef Light het volgende:
[..]
In IE6 kun je een site prima centreren zonder text-align: center; te gebruiken.
Ik drink nooit meer! maar ook niet minder.
Ik had toevallig even windows aanstaan om een website te testen, en die was in IE6 gewoon keurig gecentreerd met margin:0 auto;.quote:
zag er nog steeds niet uit omdat er wat PNG's in zitten, misschien moet ik daar nog maar even zo'n hack voor inbouwen dan
Bedankt voor je moeite Wielewagen! Ga nu verder prutsenquote:Op zaterdag 28 november 2009 12:35 schreef Wielewagen het volgende:
't was haast wel te raden ja. Begin eens met een doctype.
En knal dat "text-align" uit je body. IE5.5 hoef je echt niet meer te ondersteunen.
laat maar ik wete het al 
[ Bericht 26% gewijzigd door TwyLight op 30-11-2009 21:40:15 (domme fout!) ]
[ Bericht 26% gewijzigd door TwyLight op 30-11-2009 21:40:15 (domme fout!) ]
Ik heb nu een probleem. Ik heb mijn H2 aangepast met een achtergrond, het probleem wat ik nu heb is dat ik het moet floaten om de achtergrond te laten stoppen achter de laatste letter.
Maar in FF doet die (natuurlijk FF wel) precies wat ik wil maar in IE niet.
http://www.2nd-studio.net is de pagina waar het om gaat.
Zonder float:left; gaat de achtergrond door tot het einde van div waar die instaat.
Voor de duidelijk heid de html & css
html:
css:
Maar in FF doet die (natuurlijk FF wel) precies wat ik wil maar in IE niet.
http://www.2nd-studio.net is de pagina waar het om gaat.
Zonder float:left; gaat de achtergrond door tot het einde van div waar die instaat.
Voor de duidelijk heid de html & css
html:
| 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 | include("scripts/initdb_port.php"); $content = ""; $sql= "SELECT * FROM tbl_port ORDER BY id LIMIT 0,4"; $res= mysql_query($sql); while($news = mysql_fetch_array($res)){ $content .= " <h2><a href='page.php?id=".$news["id"]."'> ".$news["titel"]."<!--<div class='klein'>click me!</div>--></a></h2>"; } mysql_close(); ?> <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>d2GRAPHICS</title> <link href="style/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="main_l"> <div id="content"> <h2>d2GRAPHICS</h2> <h2>WEB, GRAFISCH & MEER</h2> <h2>THINGS I MADE...</h2> <?php echo $content ?> <h2><a href="portfolio.php">MORE »</a></h2> </div> </div> <div id="main_r"> <div id="contact"> <h3><a href="contact.php">« CONTACT </a></h3> </div> </div> </body> </html> |
css:
| 1 2 3 4 5 6 7 8 9 | font-size: 4.8em; font-family: Arial; color: #FFFFFF; background-color: #000000; padding: 5px; width: auto; float: left; } |
Ik drink nooit meer! maar ook niet minder.
Ik ben er al uit, heb er een div omheen gezet en die width 100% gegeven.
Ik drink nooit meer! maar ook niet minder.
a) Een div heeft automatisch width 100%
b) Je moet die h2 niet floaten, maar inline maken.
b) Je moet die h2 niet floaten, maar inline maken.
Heeft u al een brandverzekering?
Een blockelement met "width: auto;" hoort net zo breed te worden als noodzakelijk is voor de inhoud.quote:Op donderdag 3 december 2009 17:21 schreef VanderMeulen het volgende:
a) Een div heeft automatisch width 100%
b) Je moet die h2 niet floaten, maar inline maken.
Weet hier iemand hoe je PHP files opmaakt met css??
Ik heb namelijk een css file die nu niet werkt met de php file.
Althans niet met de tabel die in een PHP code staat. De pagina die buiten de PHp code staat wordt wel correct opgemaakt door de CSS file.
Weet iemand hoe je dit oplost???
Ik heb namelijk een css file die nu niet werkt met de php file.
Althans niet met de tabel die in een PHP code staat. De pagina die buiten de PHp code staat wordt wel correct opgemaakt door de CSS file.
Weet iemand hoe je dit oplost???
PHP is geen opmaaktaal, php genereert html en de html moet je een stijl meegeven via de css.
Als je je code post, en je css kan ik zien wat er fout is.
Als je je code post, en je css kan ik zien wat er fout is.
Zo min mogelijk tabels maken voor de php code, en proberen hetzelfde effect te bereiken met een aantal divs, met de nodige php code daar in.
When all else fails, you always have delusion.
Beter nog, code en opmaak van elkaar gescheiden houden. Dus eerst een blok php waarin je alles verzamelt wat je wilt laten zien, daarna (of in een ander bestand) pas de html. In de html kun je dan nog wel php gebruiken om te zorgen dat alles goed wordt weergegeven (lussen enzo).quote:
Zo min mogelijk tabels maken voor de php code, en proberen hetzelfde effect te bereiken met een aantal divs, met de nodige php code daar in.
Hoe zorg ik ervoor dat ik allemaal divs naast elkaar kan plaatsen, en die zich vervolgens aan je browserscher maanpassen?
Dus bij een groot browservenster dat er zoveel mogelijk naast elkaar komen:
Maar als je je browserscherm wat smaller hebt staan, dat het automatisch onder elkaar komt
Dus bij een groot browservenster dat er zoveel mogelijk naast elkaar komen:
Maar als je je browserscherm wat smaller hebt staan, dat het automatisch onder elkaar komt
Hullo, ik heb een vraag.
Ik heb plaatjes als knoppen (Fout, fout, ik weet er alles van), en nou wil ik bij de rollover En bij de klik dat de afbeelding verandert.
Nou kan ik daar geen goede code voor vinden in HTML, maar ik hoorde dat je dit ook met CSS kan bereiken.
Weet iemand hier de codes voor? Voor HTML, als het werkt, vind ik het ook prima, als ik er maar een code voor heb.
Ik hoop dat de uitleg duidelijk genoeg is
Ik heb plaatjes als knoppen (Fout, fout, ik weet er alles van), en nou wil ik bij de rollover En bij de klik dat de afbeelding verandert.
Nou kan ik daar geen goede code voor vinden in HTML, maar ik hoorde dat je dit ook met CSS kan bereiken.
Weet iemand hier de codes voor? Voor HTML, als het werkt, vind ik het ook prima, als ik er maar een code voor heb.
Ik hoop dat de uitleg duidelijk genoeg is
| 1 |
Dit maakt het programma ervan, maar het ziet er heel slordig en onlogisch uit, en de klik-actie wordt er niet bij betrokken.
Wie weet een goede en simpele methode om een <select> <option> een andere border te geven?
[ Bericht 5% gewijzigd door Semmm op 09-12-2009 18:14:24 ]
[ Bericht 5% gewijzigd door Semmm op 09-12-2009 18:14:24 ]
76.000.000 2009-12-24 01:28 Semmm
Geen inline-afbeelding gebruiken, maar een achtergrondafbeelding. Die kun je wél met css veranderen.quote:
Hullo, ik heb een vraag.
Ik heb plaatjes als knoppen (Fout, fout, ik weet er alles van), en nou wil ik bij de rollover En bij de klik dat de afbeelding verandert.
Nou kan ik daar geen goede code voor vinden in HTML, maar ik hoorde dat je dit ook met CSS kan bereiken.
Weet iemand hier de codes voor? Voor HTML, als het werkt, vind ik het ook prima, als ik er maar een code voor heb.
Ik hoop dat de uitleg duidelijk genoeg is
Heeft u al een brandverzekering?
http://www.irenka.dds.nlquote:Op woensdag 9 december 2009 @ 20:15 schreef VanderMeulen het volgende:
[..]
Geen inline-afbeelding gebruiken, maar een achtergrondafbeelding. Die kun je wél met css veranderen.
Dit heb ik gedaan, maar het duurt wel even voor de plaatjes geladen zijn. (Dankje nog
)Het is dan wel maar voor school, maar voor later moet dit anders (Een eigen portfolio ofzo
) Hij is inderdaad nog niet af, daar wordt nog aan gewerkt
Ja je kan beter een imagemap gebruiken dan worden alle afbeeldingen in één keer geladenquote:
[..]
http://www.irenka.dds.nl
Dit heb ik gedaan, maar het duurt wel even voor de plaatjes geladen zijn. (Dankje nog
Het is dan wel maar voor school, maar voor later moet dit anders (Een eigen portfolio ofzo
Ik hoop dat je een CSS sprite bedoelt.quote:Op woensdag 9 december 2009 21:37 schreef TwyLight het volgende:
[..]
Ja je kan beter een imagemap gebruiken dan worden alle afbeeldingen in één keer geladen
Heeft u al een brandverzekering?
En wat is dat?quote:Op woensdag 9 december 2009 @ 21:37 schreef TwyLight het volgende:
[..]
Ja je kan beter een imagemap gebruiken dan worden alle afbeeldingen in één keer geladen
Wat ik de volgende keer wel wil doen, zijn alle drie die afbeeldingen in één afbeelding zetten, en dan de imagelocation veranderen, of iets dergelijks.
Ga ik tzt wel onderzoek naar doen
da's een imagemap ja, ik pm je een voorbeeld van mezelfquote:
[..]
En wat is dat?
Wat ik de volgende keer wel wil doen, zijn alle drie die afbeeldingen in één afbeelding zetten, en dan de imagelocation veranderen, of iets dergelijks.
Ga ik tzt wel onderzoek naar doen
Een meer gangbare naam voor zo'n ding is een sprite.quote:
[..]
da's een imagemap ja, ik pm je een voorbeeld van mezelf
