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.
Hmm oke. Welke andere elementen? En is dit mbv css moeilijk te maken? Of is het gewoon slechts div in div gooien en zorgen voor een stukje transparante achtergrond?quote:Op woensdag 29 april 2009 14:01 schreef Roy_T het volgende:
[..]
Geen idee, het is geen industrieterm iig
Maar ja, ik heb uiteraard ervaring met het principe (maar dan niet per definitie met div's, soms heb je andere elementen beschikbaar).
vraagje hoe los je het op dat de losse helften links en rechts naar beneden doorgaan?
ik krijg het niet voor elkaar. height: 100%; is het niet. en een vast aantal pixels kan niet want de midden inhoud kan verschillen van lengte.
Opgelost:
float: absolute;
margin-left:130px;
[ Bericht 23% gewijzigd door cablegunmaster op 06-05-2009 02:24:30 ]
Redacted
Zoek eens op faux columns.quote:Op woensdag 6 mei 2009 01:37 schreef cablegunmaster het volgende:
[ afbeelding ]
vraagje hoe los je het op dat de losse helften links en rechts naar beneden doorgaan?
ik krijg het niet voor elkaar. height: 100%; is het niet. en een vast aantal pixels kan niet want de midden inhoud kan verschillen van lengte.
quote:Opgelost:
float: absolute;
margin-left:130px;
"absolute" is geen geldige waarde voor "float". Je hebt de keuze uit "left", "right", "none" en "inherit". Heel leuk dat het werkt, maar er is geen enkele garantie dat je een cross-browser oplossing hebt.
Het is inmiddels gelukt. Best wel wreed gewordenquote:Op woensdag 29 april 2009 17:36 schreef Roy_T het volgende:
Ja, dat is de manier. Maar het is heel afhankelijk van de situatie en hoe je HTML eruit ziet.
.Ik nu heb een mooi dropdown menutje. Ziet er strak uit in FF, maar in IE is het minder mooi... Heb geen flauw idee waar het aan kan liggen.
Menu is hier te vinden.
Is het mogelijk om in .css het menu te beheren?
Heb nogal een lijst van 32 html bestanden, en het wordt een gedoe als ik dit 1 voor 1 moet aanpassen omdat er iets veranders moet worden of iets toe te voegen.
Heb nogal een lijst van 32 html bestanden, en het wordt een gedoe als ik dit 1 voor 1 moet aanpassen omdat er iets veranders moet worden of iets toe te voegen.
Doe mee met het voorspellen van het weer!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
In Safari & Opera ziet het er prima uit, het ligt dus (zoals meestal) in ieder geval aan IE, verder zou ik de afbeeldingen in het menu met de css regelen daar de afbeeldingen ('>'-pijlen) geen onderdeel van de content maar van de opmaak zijn, de site laadt tevens weer wat sneller.quote:Op donderdag 7 mei 2009 15:26 schreef Nashje het volgende:
[..]
Het is inmiddels gelukt. Best wel wreed geworden
Ik nu heb een mooi dropdown menutje. Ziet er strak uit in FF, maar in IE is het minder mooi... Heb geen flauw idee waar het aan kan liggen.
Menu is hier te vinden.
edit, voorbeeld voor de pijlen:
| 1 2 3 | list-style: url(../images/menu_bullet.jpg) inside; } |
Gewoon met een externe .css, en met hele basic php kan je ook de html centraal houden voor als je dat aan moet passen, scheelt bakken met werk.quote:
Is het mogelijk om in .css het menu te beheren?
Heb nogal een lijst van 32 html bestanden, en het wordt een gedoe als ik dit 1 voor 1 moet aanpassen omdat er iets veranders moet worden of iets toe te voegen.
[ Bericht 2% gewijzigd door n8n op 16-05-2009 11:36:34 ]
“Specialization is for insects”.—Robert Heinlein
Ik heb dit gedaan echter gebeurd er maar weinig.
Klik hier
Ik heb eerst een test pagina gemaakt voor ik de hele website ombouw.
Klik hier
Ik heb eerst een test pagina gemaakt voor ik de hele website ombouw.
Doe mee met het voorspellen van het weer!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
MIsschien is het handig om test.html te hernoemen naar test.phpquote:
Ik heb dit gedaan echter gebeurd er maar weinig.
Klik hier
Ik heb eerst een test pagina gemaakt voor ik de hele website ombouw.
Helemaal vergeten!
Het werkt, echter krijg ik de text er niet in.
<div class="column_two_section">
<h1>Welkom op de website van Weerstation Holwerd</h1>
<div class="post_info">
Dit staat dus in de header.php
Daarna zou er dus dit moeten komen staan:
<a href="images/ligging.jpg" rel="lightbox"title=""><img src="images/ligging.jpg" width="150" height="100" alt="" /></a><br>
De pijltjes geven aan waar het weerstation staat.
________________
Wat doe ik nu fout? of wat moet er nog gebeuren?
Het werkt, echter krijg ik de text er niet in.
<div class="column_two_section">
<h1>Welkom op de website van Weerstation Holwerd</h1>
<div class="post_info">
Dit staat dus in de header.php
Daarna zou er dus dit moeten komen staan:
<a href="images/ligging.jpg" rel="lightbox"title=""><img src="images/ligging.jpg" width="150" height="100" alt="" /></a><br>
De pijltjes geven aan waar het weerstation staat.
________________
Wat doe ik nu fout? of wat moet er nog gebeuren?
Doe mee met het voorspellen van het weer!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
De inhoud staat er niet, iig hier niet. Normaal zou je dit moeten zien:
Klik hier
Klik hier
Doe mee met het voorspellen van het weer!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
Mja de inhoud staat er wel, maar op de verkeerde plek. Maar in de broncode staat'ie ook op de verkeerde plek. Je doet dus serverside nog iets fout.
-edit-
wel eens van wordpress gehoord trouwens?
-edit-
wel eens van wordpress gehoord trouwens?
Yup maar is deze skin daar ook in te krijgen dan?
Ik heb een tijdje met PHP Fusion gedraaid, toch als je kijkt naar de hackers die de website plat gooien, geeft me niet echt een lekker gevoel daarom dus html.
Euhm voor de rest lijkt alles goed te staan, hij verdubbelt alleen die content, beetje vreemd gezien deze helemaal niet dubbel staat.
Ik heb een tijdje met PHP Fusion gedraaid, toch als je kijkt naar de hackers die de website plat gooien, geeft me niet echt een lekker gevoel daarom dus html.
Euhm voor de rest lijkt alles goed te staan, hij verdubbelt alleen die content, beetje vreemd gezien deze helemaal niet dubbel staat.
Doe mee met het voorspellen van het weer!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
In de bron zie ik het gewoon twee keer staan.quote:Op zaterdag 16 mei 2009 @ 13:39 schreef SpeedyGJ het volgende:
Yup maar is deze skin daar ook in te krijgen dan?
Ik heb een tijdje met PHP Fusion gedraaid, toch als je kijkt naar de hackers die de website plat gooien, geeft me niet echt een lekker gevoel daarom dus html.
Euhm voor de rest lijkt alles goed te staan, hij verdubbelt alleen die content, beetje vreemd gezien deze helemaal niet dubbel staat.
En ja alles is te maken.
Edit:
Dubbel is opgelost, probleem is nu dat ik de onderstaande waar de text inkomt onderaan staat. Deze vak moet dus gewoon naast het menu staan.
test.php
<?php include("header.php"); ?>
<div id="content_column_two">
<div class="column_two_section">
<h1>Test</h1>
<div class="post_info">
Test
<div class="post_comment">
<br><a href="#"><span class="comment">Geplaatst op 30 April 2009</span></a>
</div>
</div>
</div>
</div> <!-- end of column two -->
<?php include("footer.php"); ?>
In de header staat de rest.."zie broncode"
http://www.weerstation-holwerd.nl/header.php
[ Bericht 86% gewijzigd door SpeedyGJ op 16-05-2009 20:14:50 ]
Dubbel is opgelost, probleem is nu dat ik de onderstaande waar de text inkomt onderaan staat. Deze vak moet dus gewoon naast het menu staan.
test.php
<?php include("header.php"); ?>
<div id="content_column_two">
<div class="column_two_section">
<h1>Test</h1>
<div class="post_info">
Test
<div class="post_comment">
<br><a href="#"><span class="comment">Geplaatst op 30 April 2009</span></a>
</div>
</div>
</div>
</div> <!-- end of column two -->
<?php include("footer.php"); ?>
In de header staat de rest.."zie broncode"
http://www.weerstation-holwerd.nl/header.php
[ Bericht 86% gewijzigd door SpeedyGJ op 16-05-2009 20:14:50 ]
Doe mee met het voorspellen van het weer!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!
dit heeft totaal geen zin zo. Ten eerste heeft dit niets met css te maken. Ten tweede, zolang we niet kunnen zien wat je scripts doen, kunnen we je ook niet helpen.
Als het alleen om simpele includes gaan, ligt het gewoon aan je HTML-opbouw.
Als het alleen om simpele includes gaan, ligt het gewoon aan je HTML-opbouw.
Hoe kan je een bepaalde div hiden alleen in IE6?
met javascript iets van if brwoser=ie6 {getelementbyid.divnaamblaat.display=none}
met javascript iets van if brwoser=ie6 {getelementbyid.divnaamblaat.display=none}
Conditional comments gebruiken.quote:
Hoe kan je een bepaalde div hiden alleen in IE6?
met javascript iets van if brwoser=ie6 {getelementbyid.divnaamblaat.display=none}
| 1 2 3 | ** IE6 stylesheet laden ** <![endif]--> |
Is dit css, t is toch geen javascript?quote:
[..]
Conditional comments gebruiken.
[ code verwijderd ]
http://www.presikharmonie.nl/index.php?option=com_eventlist&view=categoryevents&id=1&Itemid=39 (joomla site, eventlist component alleen, geen module)
Er staan een aantal stippellijnen in de tabel onderaan, en ik heb geen idee waar ik dat kan veranderen. Ik zie nergens dotted staan als ik ctrl-f in het bestand eventlist.css, en ook niet in de template.css. Iemand die dit kent van het Eventlist component?
Er staan een aantal stippellijnen in de tabel onderaan, en ik heb geen idee waar ik dat kan veranderen. Ik zie nergens dotted staan als ik ctrl-f in het bestand eventlist.css, en ook niet in de template.css. Iemand die dit kent van het Eventlist component?
When all else fails, you always have delusion.
Zoek eens op "url(../images/dot.gif)"quote:Op maandag 18 mei 2009 11:27 schreef Mirel het volgende:
Er staan een aantal stippellijnen in de tabel onderaan, en ik heb geen idee waar ik dat kan veranderen.
En installeer Firebug, dan had je het zo gevonden.
Ja ik heb Opera dragonding, Firefox firebug, en webdeveloper voor IE. 
ik dacht gewoon dat het een echte lijn was ipv een afbeelding
ik dacht gewoon dat het een echte lijn was ipv een afbeelding
When all else fails, you always have delusion.
Die ook, maar die kan echt niet tippen aan Firebug. Daarmee had ik dit iig niet in 30 seconden gevonden.quote:
CSS > View Style Information > selecteer de cel van de tabel met de stippellijn. 5 sec.quote:
[..]
Die ook, maar die kan echt niet tippen aan Firebug. Daarmee had ik dit iig niet in 30 seconden gevonden.
シ
Ik heb de volgende code:
Maar als ik die maten invoer dan worden de afmetingen van de header aangepast en niet die van het plaatje. Weet iemand wat ik fout doe?
Nu wil ik het plaatje dus bepaalde afmetingen geven, zodat ie netjes in de header past.quote:Body {
width:750px;
margin:0 auto;
margin-top:15px;
}
#header {
width:750px;
height:150px;
background-color:#ffffff;
border: 2px solid #CCCCCC;
font-weight: bold;
color: #666666;
background: url(Pics/FP-moving-gif2.gif) no-repeat center center ;
}
Maar als ik die maten invoer dan worden de afmetingen van de header aangepast en niet die van het plaatje. Weet iemand wat ik fout doe?
There are no Saviours, there are no Kings, the Power lies in your head
DeviantArt
DeviantArt
Met css kan je (nog) niet de afmetingen van een achtergrondafbeelding bepalen, je zult dus de afbeelding zelf aan moeten passen naar de juiste afmetingen.quote:
Ik heb de volgende code:
[..]
Nu wil ik het plaatje dus bepaalde afmetingen geven, zodat ie netjes in de header past.
Maar als ik die maten invoer dan worden de afmetingen van de header aangepast en niet die van het plaatje. Weet iemand wat ik fout doe?
| 1 2 3 4 | width:750px; margin: 15px auto 0; } |
Volgens mij werkt dit trouwens ook, scheelt weer een regel.
“Specialization is for insects”.—Robert Heinlein
Jawel hoor dat gaat prima, als ik van een los plaatje de afmetingen ingeef dan gaat dat prima, alleen dus niet bij het plaatje wat ik in de header wil zetten.quote:Op maandag 18 mei 2009 17:16 schreef n8n het volgende:
[..]
Met css kan je (nog) niet de afmetingen van een achtergrondafbeelding bepalen, je zult dus de afbeelding zelf aan moeten passen naar de juiste afmetingen.
[ code verwijderd ]
Volgens mij werkt dit trouwens ook, scheelt weer een regel.
There are no Saviours, there are no Kings, the Power lies in your head
DeviantArt
DeviantArt
Omdat dat in je header een background is dus dan kan dat (nog) niet.quote:
[..]
Jawel hoor dat gaat prima, als ik van een los plaatje de afmetingen ingeef dan gaat dat prima, alleen dus niet bij het plaatje wat ik in de header wil zetten.
シ
Maar what about deze methode?quote:Op maandag 18 mei 2009 17:25 schreef Chanty87 het volgende:
Omdat dat in je header een background is dus dan kan dat (nog) niet.
Zou moeten werken, maar ik krijg het niet aan de praat , vandaar dat ik het op bovenstaande manier probeer.quote:div#afbeelding{
background: #D3E6CF url(../_img/para.jpg) no-repeat 0 0;
height: 300px;
width: 225px;
border: 5px solid #618059;
}
Als ik dit in de header zet dan is het hele plaatje weg.
Of werkt dat in zijn geheel niet voor headers?
There are no Saviours, there are no Kings, the Power lies in your head
DeviantArt
DeviantArt
Dat is positioneringquote:
Met CSS2 is het niet mogelijk om achtergronden te schalen. Je zult toch echt zelf het plaatje moeten verkleinen
シ
Oke, dank voor de info, ff photoshop opstarten dan.
There are no Saviours, there are no Kings, the Power lies in your head
DeviantArt
DeviantArt
Ik wil children options in een select box een indent geven. Dit gaat niet met padding(-left) of margin(-left). Hoe kan ik dit doen in IE? Firefox doet het wel gewoon..
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
Hetzelfde geldt eigenlijk voor optgroup, die blijft in IE maar bold en italic.quote:Op donderdag 21 mei 2009 10:32 schreef markiemark het volgende:
Ik wil children options in een select box een indent geven. Dit gaat niet met padding(-left) of margin(-left). Hoe kan ik dit doen in IE? Firefox doet het wel gewoon..
Hier mijn CSS
| 1 2 3 | option.option_category_0 {background-color:#09F; color:#000;} option.option_category_1 {padding-left: 25px;} |
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
Een beetje zoals hier onder aan de pagina (Selecteer forum)? Daar zit de padding met & nbsp; in de html-code.quote:
Ik wil children options in een select box een indent geven. Dit gaat niet met padding(-left) of margin(-left). Hoe kan ik dit doen in IE? Firefox doet het wel gewoon..
Als ik deze pagina bekijk, kan het nog wel eens lastig worden om een <option> of een <optgroup> te stylen. Je hebt ook te maken met browsers die alles zelf bepalen. Er valt natuurlijk ook wel wat voor te zeggen dat een standaardcomponent van het besturingssysteem altijd op dezelfde manier wordt getoond, en dat het dus geen browserding is.quote:
[..]
Hetzelfde geldt eigenlijk voor optgroup, die blijft in IE maar bold en italic.
Hier mijn CSS
[ code verwijderd ]
Wat is nou de meest makkelijke en beste manier om de a van een class te stijlen? Ik heb steeds het probleem dat de link uiteindelijk een andere a overneemt.
Voorbeeldje:
h1 is gestyled
.test a, a:active, a:visited en a:hover zijn gestyled
In <div class="test"> wil ik dus niet dat die daar de h1 gaat gebruiken. Dit gebeurt uiteindelijk wel. Hoe kan ik de classes apart stijlen zodat dat wel lukt?
Voorbeeldje:
h1 is gestyled
.test a, a:active, a:visited en a:hover zijn gestyled
In <div class="test"> wil ik dus niet dat die daar de h1 gaat gebruiken. Dit gebeurt uiteindelijk wel. Hoe kan ik de classes apart stijlen zodat dat wel lukt?
Er hoeft ook niets van te worden gemaakt. Gaat gewoon om een stukje uitleg.
Hoe stijl jij jouw links in een div?
Hoe stijl jij jouw links in een div?
Ik doe het meestal zo:quote:Op maandag 25 mei 2009 10:16 schreef Nashje het volgende:
Er hoeft ook niets van te worden gemaakt. Gaat gewoon om een stukje uitleg.
Hoe stijl jij jouw links in een div?
Pak de standaard a/h1/hr/ul enz. en die geef ik een basiskleur/afmeting/border en alle andere ongein die je kunt bedenken.
Daarbuiten heb ik nog datzelfde verhaal voor bepaalde delen op de site waarbij die zaken afwijken van de rest van de site en daarbij werk ik dan weer met de div-verwijzing voor de a/h1 enz. enz.
body, img, h1, h2, h3, p, hr, ul
a:link, a:visited, a:active, a:hover enz.
En dan bijvoorbeeld voor mijn div MenuInhoud (onderdeel van een 'grotere' div) die een andere h1 opmaak heeft dan de standaard h1 die eerder in de stylesheet staat:
.MenuInhoud h1 { font-size: 1.3em; }
.MenuInhoud a { color:#000000 ;text-decoration:none; }
En zo weer verder.
Vast niet de makkelijkste en/of beste manier, ben ook maar beginner.
Ik snap niets van wat jouw h1 ermee te maken heeftquote:Op maandag 25 mei 2009 10:16 schreef Nashje het volgende:
Er hoeft ook niets van te worden gemaakt. Gaat gewoon om een stukje uitleg.
div.classname a {quote:Hoe stijl jij jouw links in een div?
...
}
Hoe krijg ik de footer helemaal onder de pagina op http://www.yeuxmarrons.com/ (in Firefox) en op http://www.yeuxmarrons.com/theme/disney/ ? Ik heb de verschillende onderdelen met DIV'jes onderverdeeld maar de footer begint zelfs al tussen de bovenste menuopties. (globalnav)
De CSS staat hier http://www.yeuxmarrons.com/new/yeuxmarrons.css
De CSS staat hier http://www.yeuxmarrons.com/new/yeuxmarrons.css
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
gewoon de float clearen?quote:Op maandag 1 juni 2009 @ 16:32 schreef tim2308 het volgende:
Hoe krijg ik de footer helemaal onder de pagina op http://www.yeuxmarrons.com/ (in Firefox) en op http://www.yeuxmarrons.com/theme/disney/ ? Ik heb de verschillende onderdelen met DIV'jes onderverdeeld maar de footer begint zelfs al tussen de bovenste menuopties. (globalnav)
De CSS staat hier http://www.yeuxmarrons.com/new/yeuxmarrons.css
Dank je he! Het werkt. p {clear: both;} aan de css toegevoegd en een lege <p></p> boven de footer gezet. (gevonden op http://www.flashfocus.nl/forum/archive/index.php/t-43103.html , onderaan)
Ook nog een handige site lijkt me:http://css.maxdesign.com.au/floatutorial/
Ook nog een handige site lijkt me:http://css.maxdesign.com.au/floatutorial/
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
waarom niet gewoon op de footer zelf dan?
grofweg alle P-tags clearen kan ook ongewenste effecten hebben...
grofweg alle P-tags clearen kan ook ongewenste effecten hebben...
Een lege <p>, dat is lekker semantisch correct zullen we zeggen Hang die clear idd gewoon aan de footer en klaar.
Met alle respect, de meeste mensen op FlashFocus hebben geen totaal benul van wat ze doen in HTML & CSS. Die moeten het gewoon bij Flash houden.
Hang die clear idd gewoon aan de footer en klaar.Met alle respect, de meeste mensen op FlashFocus hebben geen totaal benul van wat ze doen in HTML & CSS. Die moeten het gewoon bij Flash houden.
Dat lijkt me idd beter.quote:Op maandag 1 juni 2009 21:25 schreef jemoeder125 het volgende:
waarom niet gewoon op de footer zelf dan?
Ik kan me ook niet echt voorstellen dat het nodig is. Als je iets heb dat je voor alle P-tags wilt instellen, dan zijn het margins en paddings. Font-dingen stel je op een hoger niveau in (html of body) en dan ben je eigenlijk al klaar.quote:grofweg alle P-tags clearen kan ook ongewenste effecten hebben...
