| 1 2 3 4 5 6 7 8 | <?php defined( "_JEXEC" ) or die( "Restricted access" );?> <!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>Untitled Document</title> <link rel="stylesheet" type="text/css" href="css/stylesheet.css"/> </head> |
Joomla wil dat je alles absoluut linkt, dus zo:quote:Op zaterdag 3 november 2012 20:06 schreef karton2 het volgende:
Ik wil een index.php linken aan een external stylesheet. Normaal gesproken geen probleem maar nu dus wel.
Op de één of andere manier pakt hij de css alleen maar als ik de absolute link typ (localhost).
Als ik de link relatief van de index.php maak pakt hij niks.
Het liefste heb ik de url gewoon relatief want dat is makkerlijk als ik de boel online ga zetten.
Ik heb de link ook via het auto-aanvullen getypt maar ook dat levert niks op. Ik heb ook de .css voor het gemak maar in dezelfde map als de index gezet maar helaas.
Mapindeling is alsvolgt:
index.php
templateDetails.xml
images / plaatjes.jpg
css / stylesheet.css
[ code verwijderd ]
edit/
Voor wat het waard is, de CSS gaat wel gewoon via relatief path
| 1 | <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/style.css" rel="stylesheet" type="text/css" /> |
Inderdaad ja, hij werkt nu.quote:Op zondag 4 november 2012 16:42 schreef QM84 het volgende:
[..]
Joomla wil dat je alles absoluut linkt, dus zo:
[ code verwijderd ]
quote:Op zondag 4 november 2012 20:08 schreef TwyLight het volgende:
http://jamiemarciano.me/help//js/functions.js
| 1 2 3 4 5 6 7 8 9 | if (x == 1) { $(".dropdown").hide(); $(this).attr('id', '0'); $('#navigation.account').css('color','#fff'); } else { $(".dropdown").show(); $(this).attr('id', '1'); $('#navigation.account').css('color','#f00'); } |
Werkt nietquote:
Waarom niet gewoon een class toevoegen met .addClass en die stylen? .css levert inline styles op, altijd kut. Als je die kleur wilt veranderen moet je nu dus in de javascript gaan zitten kutten.quote:
http://jamiemarciano.me/fok/quote:Op zondag 4 november 2012 20:08 schreef TwyLight het volgende:
Hoe zorg ik dat de text "Gebruikersnaam" een andere kleur wordt zodra het menu actief is?
http://jamiemarciano.me/help/
http://jamiemarciano.me/help/css/style.css
http://jamiemarciano.me/help//js/functions.js
ik kan geen JS dus heb die code van internet gehaald
FOK!silver in een modern jasjequote:Op maandag 5 november 2012 14:52 schreef picodealion het volgende:
[..]
http://jamiemarciano.me/fok/
Whoa, wat is dit? Ziet er goed uit!
je hebt gelijk, dat is beter.quote:Op maandag 5 november 2012 14:47 schreef picodealion het volgende:
[..]
Waarom niet gewoon een class toevoegen met .addClass en die stylen? .css levert inline styles op, altijd kut. Als je die kleur wilt veranderen moet je nu dus in de javascript gaan zitten kutten.
ziet er meer uit alsof er een nieuwe layout komt. hoop het wel, de huidige vind ik lelijk.quote:Op maandag 5 november 2012 15:01 schreef stefanhaan het volgende:
als ik me niet vergis heeft hij daar een custom CSS van
Forum mockup die ik ooit eens heb gemaakt in februari 2011quote:Op maandag 5 november 2012 14:52 schreef picodealion het volgende:
[..]
http://jamiemarciano.me/fok/
Whoa, wat is dit? Ziet er goed uit!
Ik zit opgescheept met aids want geen gele sterretjesquote:Op maandag 5 november 2012 16:37 schreef boem-dikkie het volgende:
Ik heb ook zo'n simplistische lay-out. Fucking nice.
ik gebruik stylebot voor chrome, heb de mobiele layout een beetje nagemaakt. lekker strak en simpel. alle onnodigr dingen eruit gehaald.quote:Op maandag 5 november 2012 16:38 schreef TwyLight het volgende:
[..]
Ik zit opgescheept met aids want geen gele sterretjes
| 1 2 3 4 5 6 7 | <div id="stylebox"> <select name="stylebox1"> <option value="[b]CSS1[/b]">Gray</option> <option value="[b]CSS2[/b]">Black/White</option> <option value="[b]CSS3[/b]">Colorfull</option> </select> </div> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <body> <div id="outside_container"> <div id="header"> <img src="images/header-streepje.jpg" id="streepje1" /> <img src="images/header-streepje.jpg" id="streepje2" /> <ul id="menu"> <li><a href="#">Over ons</a></li> <li><a href="#">Producties</a></li> <li><a href="#">Contact</a></li> </ul> </div> <div id="container"> <div id="container2"> <img src="images/inhoud-groen.png" /> </div> </div> </div> </body> |
| 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 54 55 56 57 58 59 | body { margin:0px; padding:0px; background-color:#f9fbf4; font-family:Century Gothic, Helvetica, sans-serif; } #outside_container { background-color:#f9fbf4; } #header { background:url(../images/header-doka.jpg) no-repeat; min-height: 150px; width: 1000px; margin: 0 auto; position: relative; } #streepje1 { position:absolute; top: 68px; right: 408px; } #streepje2 { position:absolute; top: 68px; right: 222px; } #container { background:url(../images/achtergrond.png) no-repeat; min-height:1353px; width: 1000px; margin: 0 auto; position: relative; } #container2 { background:url(../images/inhoud.png) repeat-y; position: absolute; top: 393px; left: 100px; min-height:500px; width: 800px; margin: 0 auto; } #footer { border-top:1px solid #3f2324; padding:10px 50px 80px 50px; } ul#menu { margin:0px; padding:0px; position:absolute; top:66px; right:100px; } ul#menu li { margin:0px; padding:0px; list-style: none; margin-left:40px; font-size:24px; font-weight:bold; text-transform:uppercase; display:inline; } ul#menu li a { text-decoration:none; color:#222222; } ul#menu li a:hover { text-decoration:none; color:#3a5c73; } |
waar zou je meerdere backgrounds voor nodig hebben in dit geval?quote:Op dinsdag 6 november 2012 21:30 schreef Catch22- het volgende:
Meerdere backgrounds werken niet in alle browsers. List image is ook niet super chill.
geen idee, maarrrrquote:Op dinsdag 6 november 2012 21:51 schreef KomtTijd... het volgende:
[..]
waar zou je meerdere backgrounds voor nodig hebben in dit geval?
quote:Op dinsdag 6 november 2012 20:13 schreef -Beer- het volgende:
Ok dank! ik denk dat ik dan gewoon list-icons gebruik. Kan je overigens meerdere achtergrond afbeeldingen gebruiken en die dan bijvoorbeeld links en rechts floaten (als ik de terminologie goed gebruik)?
Waarom heb je geen h1 maar wel h2 en h3? En waarom staat er een lap tekst in een heading? Kan je beter in een paragraph zettenquote:Op woensdag 7 november 2012 00:42 schreef -Beer- het volgende:
Zo, aardig gelukt, bedankt voor de info. Als jullie nog opmerkingen hebben over de code dan hoor ik het graag.
http://home.kpn.nl/timm6065/DokA/index.html
Niet mee eens. Het is layout, geen content. Hoort ook niet als content in je pagina dus.quote:Op woensdag 7 november 2012 00:47 schreef TwyLight het volgende:
En wat ik ook raar vind is dat je de "//" in de header hebt verwerkt ipv dat gewoon met tekst te doen. Nu staat het helemaal verkeerd uitgelijnd
Goeie, daar kan ik natuurlijk ook gewoon kleurcodes voor gebruikenquote:Op woensdag 7 november 2012 10:31 schreef QM84 het volgende:
Waarom maak je plaatjes van achtergronden met een monochrome kleur?
Ik snap eigenlijk niet wat je hiermee bedoelt. Bedoel je dat ik nu zowel een stijl voor een content block aangeef en voor h3 en dat dat dubbel?quote:Op woensdag 7 november 2012 10:16 schreef Catch22- het volgende:
Je ID's zijn niet zinnig, je hebt een lap tekst in een heading
../ajaxquote:Op woensdag 7 november 2012 17:18 schreef pascal08 het volgende:
Ik heb een vraagje. Ik heb de volgende mappenstructuur
-- css/stylesheet.css
-- js/script.js
-- ajax/search.php
index.php
• "index.php" roept "script.js" aan d.m.v script tags.
• "script.js" bevat de functie: [ afbeelding ]
• "search.php" haalt een aantal waarden uit m'n database en echo'd ze.
Als ik "index.php" in de root zet, werkt het, maar dat is helaas geen optie. Ik wil "index.php" 1 niveau omhoog gooien in de map 'view'. Helaas werkt het dan niet meer. Als ik in "script.js" alert() doe, zie ik wel de alert-popup, dus ik denk dat het fout gaat bij het aanroepen van "search.php" of bij het echo'en in "search.php".
Ik heb al redelijk veel geprobeerd, maar ik krijg ik dus niet voor elkaar om hetzelfde effect te krijgen als ik "index.php" in een map zet.
Je bedoelt:quote:Op woensdag 7 november 2012 17:20 schreef Catch22- het volgende:
heb je een base href in je document staan?
firebug aan?
| 1 | <?php echo base_url()."map"; ?> |
Heb ik al gedaan, geen effect.quote:
http://www.w3schools.com/tags/tag_base.aspquote:Op woensdag 7 november 2012 17:24 schreef pascal08 het volgende:
[..]
Je bedoelt:
[ code verwijderd ]
Nee, maar als ik in de paginabron op de links klik werken ze wel, dus in m'n index.php zit alles goed denk ik.
[..]
Heb ik al gedaan, geen effect.
Edit: Oh, wacht. Als ik de paginabron bekijk wordt "../ajax" niet doorgevoerd, waar kan dat aan liggen? Heb uiteraard wel gerefresht.
[ afbeelding ]
[ afbeelding ]
Edit: Het werkt al, ik moest m'n browsergegevens wissen. Hier heb ik dus zeker weer 30 minuten mee zitten kloten, terwijl het weer zo een simpel probleem was.Ik
| 1 | /ajax/search.php |
IE6 is bij mij een no-go, behalve als de klantquote:Op vrijdag 9 november 2012 08:35 schreef Devv het volgende:
Hoever gaan jullie in het ondersteunen van IE? Ik haak persoonlijk af bij IE6. Ik krijg eigenlijk al hoofdpijn van IE7, maar daar kan je nog om bepaalde onvolkomenheden heen dansen.
Daarnaast staat een menu met een tekst, als je op bijv. SEO op dat menu klikt veranderd alleen de tekst en ververst de pagina niet.quote:120% effort for every customer we get. Thats how we roll!how we roll!
Serieus? Ik heb al zeker twee jaar daar niemand over gehoord.quote:Op vrijdag 9 november 2012 09:05 schreef Scorpie het volgende:
[..]
IE6 is bij mij een no-go, behalve als de klanter om vraagt (laatst nog 1 gehad
)
Dat heet javascript.quote:Op vrijdag 9 november 2012 10:28 schreef Koopsie het volgende:
Hallo,
Ik heb klein vraagje. Op deze website link
Als je naar beneden scrollt en aankomt bij die tekst van
[..]
Daarnaast staat een menu met een tekst, als je op bijv. SEO op dat menu klikt veranderd alleen de tekst en ververst de pagina niet.
Hoe heet zoiets ik heb het een keer kunnen opzoeken maar ik weet niet meer op welke zoekwoorden
Het OM in een grote stad. Mooiste was dat we een webapplicatie hadden gebouwd gericht op IE8 (had de klant aangegeven te gebruiken), komen we daar aan om het uit te rollen, was het IE6quote:Op vrijdag 9 november 2012 10:42 schreef Tijn het volgende:
[..]
Serieus? Ik heb al zeker twee jaar daar niemand over gehoord.
En toen gingen ze zeker mopperen dat het traag was?quote:Op vrijdag 9 november 2012 10:54 schreef Scorpie het volgende:
[..]
Het OM in een grote stad. Mooiste was dat we een webapplicatie hadden gebouwd gericht op IE8 (had de klant aangegeven te gebruiken), komen we daar aan om het uit te rollen, was het IE6![]()
Gelukkig had het JS framework dat we gebruikten nog native ondersteuning voor IE6
Hoe raad je het zoquote:Op vrijdag 9 november 2012 10:58 schreef KomtTijd... het volgende:
[..]
En toen gingen ze zeker mopperen dat het traag was?
Doe ik iets verkeerd?quote:Op vrijdag 9 november 2012 14:11 schreef KomtTijd... het volgende:
[..]![]()
* KomtTijd... weer een stukje afsterft
Nou kijk, ik doe het vast niet op de goede manier, maar het werkt wel.quote:Op vrijdag 9 november 2012 14:23 schreef picodealion het volgende:
[..]
Je zet nu een margin van 0 op letterlijk ieder element in je pagina. Niet echt handig.
Je kan beter op zoek gaan naar wat die extra margin veroorzaakt. Dan doe je het op de goede manier, werkt het wel én weet je zeker dat andere dingen ook blijven werken. De bij-effecten van álle margins op 0 zetten zijn niet te overzien op een grote site.quote:Op vrijdag 9 november 2012 14:27 schreef pascal08 het volgende:
[..]
Nou kijk, ik doe het vast niet op de goede manier, maar het werkt wel.Ik ben gewoon een newbie.
Ik heb mijn hele pagina in een page-wrap div staan en die page wrap heeft margin. Hoe vind ik de oorzaak het snelst? Mijn CSS is nogal uitgebreid.quote:Op vrijdag 9 november 2012 14:28 schreef picodealion het volgende:
[..]
Je kan beter op zoek gaan naar wat die extra margin veroorzaakt. Dan doe je het op de goede manier, werkt het wel én weet je zeker dat andere dingen ook blijven werken. De bij-effecten van álle margins op 0 zetten zijn niet te overzien op een grote site.
Dat gebruik ik al, erg handig inderdaad. Ik heb dit gevonden:quote:Op vrijdag 9 november 2012 14:35 schreef picodealion het volgende:
Element inspecteren met de dev tools van je browser, vervolgens in de browser de margin aanpassen en kijken of dat helpt.
Welke browser gebruik je?
| 1 2 3 | body { margin: 0; } |
Ja.quote:Op vrijdag 9 november 2012 14:38 schreef pascal08 het volgende:
[..]
Dat gebruik ik al, erg handig inderdaad. Ik heb dit gevonden:
[ afbeelding ]
Dit veroorzaakt de randjes.
Kan ik nu gewoon dit doen?
[ code verwijderd ]
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |