[html, css, js] voor dummies #21

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_108119384
quote:
0s.gif Op zaterdag 18 februari 2012 15:08 schreef Mirel het volgende:
Gewoon, omdat het kan.
Nee. Gewoon niet doen. Nooit.
pi_108119770
Is deze code dan ook zeer slecht?

1
2		  <a href="http://www.keurmerk.info" target="_blank" ><img src="{{ 'webshopkeurmerk-logo.png' }}"
style="float:left; margin:-6px 9px; cursor:pointer; cursor:hand; border:0" width="149" height="55"  alt="Webshop Keurmerk Certificaat"  /></a>

aangezien ik de styles e.d. in html code heb geplakt. En hoe is dit eventueel te verbeteren?
  zaterdag 18 februari 2012 @ 16:38:03 #253
134533 donroyco
dus niet Donroyco
pi_108119825
quote:
0s.gif Op zaterdag 18 februari 2012 16:35 schreef Snoepje5 het volgende:
Is deze code dan ook zeer slecht?
[ code verwijderd ]

aangezien ik de styles e.d. in html code heb geplakt. En hoe is dit eventueel te verbeteren?
Ja. Volg eens een tutorial over hoe het wél moet.
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. :'(
pi_108119849
Niet 'zeer slecht', maar het is beter om styles inderdaad in een css bestand te zetten.

Geef de img een class of id (een id alleen als hij uniek is op die pagina, een class als 'ie vaker voorkomt). Als je bijvoorbeeld class="keurmerk" in de img tag zet, kan je de css zo doen:

1
2
3
4
5
6
7		.keurmerk {
float:left; 
margin:-6px 9px; 
cursor:pointer; 
cursor:hand; 
border:0
}

Wat zijn die {{ }} om de src van je plaatje? Gebruik je Smarty oid?
  zaterdag 18 februari 2012 @ 16:40:22 #255
56176 Catch22-
Ben je Blind?!
pi_108119900
margin top en bottom beide negatief? Lijkt me niet handig
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108119918
quote:
11s.gif Op zaterdag 18 februari 2012 16:40 schreef Catch22- het volgende:
margin top en bottom beide negatief? Lijkt me niet handig
Ligt er maar net aan, maar in dit geval is het wat raar.
pi_108120173
{{ .. }} is omdat 'ie vanuit de assets files van onze website de afbeeldingen haalt (geloof ik).
Echter is die in deze tekst nutteloos. Ik had de link ff ingekort, maar normaliter is ie www.blablabla.nl/kuermerklogo.jpg (dan heeft {{}} dus geen enig nut)
Maar met de {{ }} tags kan ik bijv. keurmerk.jpg opgeven als deze afbeelding in de assets file staat. Ik heb het niet uitgevonden..

Ik ga iig zorgen dat er meer in de css komt i.p.v. alles in html te proppen. Die tabel gaat ook weg, moet alleen nog een manier uitzoeken om in de css een code te plaatsen zodat de blokken tekst naast elkaar staan ipv onder elkaar.

Met dat negatief, heb ook maar wat nummers ingepropt en uiteindelijk kwam die op de goede plek op de website te staan.. Vandaar dat 't wss beide negatief zal zijn.
pi_108120209
Om blokken naast elkaar te krijgen gebruik je display: inline of display: inline-block (zoek ze op en piel er wat mee in www.jsfiddle.net)

En op zich is dat negatief niet verkeerd, gewoon wat verrassend. Als het werkt, prima. Beter dat je met css pielt om het te krijgen hoe je wil dan dat je er elementen omheen gaat zetten die ook dat effect creëren.

Net als je <li>'s, door er een <p> omheen te zetten zet je er in feite gewoon een extra element omheen dat als oorspronkelijke waarde display: block heeft. In plaats daarvan kan je dus ook met css gewoon display: block op de li's zetten, krijg je het zelfde effect maar dan zonder extra <p>./
  zaterdag 18 februari 2012 @ 16:55:38 #259
56176 Catch22-
Ben je Blind?!
pi_108120370
quote:
14s.gif Op zaterdag 18 februari 2012 16:41 schreef picodealion het volgende:

[..]

Ligt er maar net aan, maar in dit geval is het wat raar.
ik heb dat volgens mij nog nooit gedaan.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108120423
Ik wel. Mooi voorbeeldje waar ik het gebruik:

SPOILER: NSFW
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
De blokken daar hebben allemaal een padding van 5px, maar de eerste h1 is altijd een balk die de volle breedte nodig heeft (tot aan de border dus, niet de padding) dus geef ik die altijd standaard een -5px margin om dat weer recht te trekken.
pi_108120522
Dat ging makkelijk. Heb echter wel één class moeten verwijderen uit de html files omdat deze iets raars deed met de footer tekst (oude footer layout).

Nu staat het dus mooi.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17		<div class="footercol"><b>SERVICE</b>
<ul>
<li><a href="link1"> Ons </a></li>
<li><a href="link1"> Voorwaarden </a></li>
<li><a href="link1"> Nog iets </a></li>
<li><a href="link1"> En iets </a></li>
<li><a href="link1"> Kopen </a></li>
</ul>
</div>
<div class="footercol"><b>POPULAIR</b>
<ul>
<li><a href="link1"> Tekst </a></li>
<li><a href="link1"> Iets </a></li>
<li><a href="link1"> Dat </a></li>
<li><a href="link1"> Dit </a></li>
</ul>
</div>

Bij css heb ik nu:

1
2
3
4		.footercol {
  background: url(col02.png) no-repeat;
  display: inline-block;
}

Hier is niets mis mee toch?

Nog wat optimaliseren met afbeeldingen die in de footer moeten en wat afstand creeren tussen de blokken.. Moet ik er wel komen. En dan nog wat tutorials bekijken om alle teksten te verbeteren.
  zaterdag 18 februari 2012 @ 17:03:11 #262
56176 Catch22-
Ben je Blind?!
pi_108120590
jawel. Waarom gebruik je een div als je hem niet als blockelement gebruikt?

En waarom positioneer je je achtergrondafbeelding niet?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108120603
Stukken beter dit.

Als ik echt wil mierenneuken: de <b> tag is tegenwoordig wat achterhaald. Je kan beter <strong> gebruiken. Daarnaast is het wat overbodig om álle <li>'s in een lijst dezelfde class te geven. In plaats daarvan kan je de <ul> gewoon die class geven en dan in plaats van

1
2
3		.link1 {
   styles
}

gewoon
1
2
3		.link1 li {
  styles
}

doen. Op die manier hoef je de class maar 1 keer te zetten, en selecteer je nog steeds alle li's.

Verder ziet dit er echt al vele malen beter uit! ^O^.
pi_108120624
quote:
11s.gif Op zaterdag 18 februari 2012 17:03 schreef Catch22- het volgende:
jawel. Waarom gebruik je een div als je hem niet als blockelement gebruikt?

En waarom positioneer je je achtergrondafbeelding niet?
Hij moet toch iets hebben om de lijsten + titel te wrappen? Div is daar een prima element voor in dit geval, imo.
pi_108120705
quote:
11s.gif Op zaterdag 18 februari 2012 17:03 schreef Catch22- het volgende:
jawel. Waarom gebruik je een div als je hem niet als blockelement gebruikt?

En waarom positioneer je je achtergrondafbeelding niet?
Ja heb je gelijk in.
Moet
1  background-position:0 18px;
nog toevoegen. Stond er bij de oude css wel bij.
Geen idee wat een blockelement is. Het moet wel als blokken naast elkaar worden weergegeven.

@picodealion, had inderdaad ook de strong tag zien langskomen. Ben wat gewend met de b tag maar kan het ook omruilen als dat beter is.

Zal dat met die li's verbeteren. Bedankt voor de tip :)
pi_108120813
Een block element is een element dat standaard display: block heeft, en dus onder elkaar stapelt. Voorbeelden: <ul>, <div>, <p>.
Een inline-element is een element dat standaard in lijn met de tekst blijft, zoals <strong>, <span> en <a>.

Door met css de display waarde op wat anders te zetten kan je een block-element zoals div bijvoorbeeld toch gewoon inline maken (display: inline) of juist een <strong> element laten stapelen door hem display:block te maken.

Een inline-block is een speciale vorm die pas later is ingevoerd. Het is een block element in die zin dat je hem hoogte, breedte, margin en padding kan geven, maar ze lijnen wel naast elkaar uit in plaats van onder elkaar.

IE6 en lager hebben daar moeite mee, maar tegenwoordig kan je dat vrij veilig gebruiken.
  zaterdag 18 februari 2012 @ 17:12:48 #267
56176 Catch22-
Ben je Blind?!
pi_108120817
quote:
0s.gif Op zaterdag 18 februari 2012 17:07 schreef Snoepje5 het volgende:

Geen idee wat een blockelement is. Het moet wel als blokken naast elkaar worden weergegeven.
ga dan alsjeblieft wat HTML en css tutorials doorlezen, want het is niet de bedoeling dat je hier wat post en wij maar uit gaan zoeken hoe jij het moet oplossen :)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108122722
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		$(document).ready(function() {  
  
    // Check for hash value in URL  
    var hash = window.location.hash.substr(1);  
    var href = $('.menu li a').each(function(){  
        var href = $(this).attr('href');  
        if(hash==href.substr(0,href.length-5)){  
            var toLoad = hash+'.html #portfolio';  
            $('#portfolio').load(toLoad)  
        }  
    });  
  
    $('.menu li a').click(function(){  
  
    var toLoad = $(this).attr('href')+' #portfolio';  
    $('#portfolio').slideUp('fast',loadcontent);  

    $('#load').remove();  
    $('#wrapper').append('<span id="load">LOADING...</span>');  
    $('#load').fadeIn('normal');  
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
    $('.flexslider').flexslider({
        animation: "slide"
    });
    function loadcontent() {  
        $('#portfolio').load(toLoad,'',showNewcontent())  
    }  
    function showNewcontent() {  
        $('#portfolio').slideDown('slow',hideLoader()); 
    }  
    function hideLoader() {  
        $('#load').fadeOut('normal');  
    }  
    return false;  
  
    });  
});  

Waarom werkt die Flexslider niet? :'(
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  zaterdag 18 februari 2012 @ 18:29:06 #269
284294 BBQSausage
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
pi_108122781
quote:
0s.gif Op zaterdag 18 februari 2012 18:27 schreef Neraice het volgende:

[ code verwijderd ]

Waarom werkt die Flexslider niet? :'(
Zou handig zijn als je er ook even een stukje HTML bij post, of desnoods een linkje naar de niet werkende pagina.
pi_108123826
quote:
14s.gif Op zaterdag 18 februari 2012 17:03 schreef picodealion het volgende:
Stukken beter dit.

Als ik echt wil mierenneuken: de <b> tag is tegenwoordig wat achterhaald. Je kan beter <strong> gebruiken. Daarnaast is het wat overbodig om álle <li>'s in een lijst dezelfde class te geven. In plaats daarvan kan je de <ul> gewoon die class geven en dan in plaats van
[ code verwijderd ]

gewoon
[ code verwijderd ]

doen. Op die manier hoef je de class maar 1 keer te zetten, en selecteer je nog steeds alle li's.

Verder ziet dit er echt al vele malen beter uit! ^O^.
Link1 zijn in de werkelijkheid natuurlijk niet identieke links. Dan zou ik voor 20 links aparte regels in het css bestand moeten maken. Is dat niet erg omslachtig?
pi_108123964
Je kunt toch stylen op de classname van je UL ofzo. Lees eens een keer een boek ofzo voor je ergens mee begint :')
Nee.
  zaterdag 18 februari 2012 @ 19:13:26 #272
56176 Catch22-
Ben je Blind?!
pi_108124305
quote:
0s.gif Op zaterdag 18 februari 2012 19:03 schreef PimD het volgende:
Je kunt toch stylen op de classname van je UL ofzo. Lees eens een keer een boek ofzo voor je ergens mee begint :')
ja tis de laatste tijd wel erg...
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108124381
Nu we het toch over boeken hebben - iemand SMACSS van Jonathan Snook gelezen? Hoewel er veel dingen in staan die ik al standaard probeer te doen, weet hij het allemaal op een erg goede manier te brengen. Toch wel weer wat dingetjes opgepikt die ik in de toekomst zeker ga gebruiken.
Nee.
pi_108124628
Nee, maar hij heeft altijd wel heel zinnige dingen te zeggen. Ik ga die eens bestellen.

Ik heb wel kort geleden de eerste 4 boeken van A Book Apart gelezen, vooral Responsive Web Design (Ethan Marcotte) was erg interessant.
pi_108124818
Ik heb HTML5 en RWD van A Book Apart hier liggen, de anderen heb ik alleen op PDF en (nog) niet gelezen. Zeker leuke boekjes, hoewel ik ze wel erg aan de prijs vind. Ik geloof dat je incl. porto iets van 25 euro per stuk kwijt bent :')
Nee.
pi_108124867
Idd, beetje jammer maar ik kan mijn baas meestal wel zover krijgen ze te betalen. Die over content strategy van Erin Kissane vond ik niet de moeite waard eigenlijk. Ik ben wel benieuwd naar Mobile First, aangezien ik daar steeds meer mee te maken krijg tegenwoordig.
pi_108124961
Wij hebben ze ook op het netwerk staan, ik vertik het om zelf te betalen voor PDF-jes ;)

Mobile First heb ik nog niet gelezen. Merk wel dat het voor veel 'creatieve' mensen nog lastig is om vanuit deze insteek te werken, en niet meer totale controle te hebben over een ontwerp. Helemaal in combinatie met de responsive/adaptive hype nu natuurlijk.
Nee.
pi_108126779
Ik heb het e.e.a. gelezen en zo tot een goed resultaat gekomen geloof ik. Nu zit ik echter nog met een vraag waar ik het antwoord niet op kan vinden. Weet eigenlijk ook niet zo goed waar ik op zou moeten googlen. Iets met ''display text in blocks css code'' oid maar geen resultaat.

Ik heb nu dus 4 ''blokken'' tekst naast elkaar staan. Onder het ene blok zit 1 regel minder tekst als onder het andere. Ik wil de blokken natuurlijk allemaal vanaf boven gelineerd hebben en niet vanaf onder. Het ene blok begint daarom ook 1 regel lager als het andere. Ik wil deze witregel graag onder het blok hebben en niet er boven.

Zou iemand zo vriendelijk willen zijn om mij deze code te geven of mij de juiste term te geven waarop ik het antwoord kan zoeken?

Margin-top e.d. werken niet. De witregel schuift gewoon mee. Height: of min-height werkt ook niet.

Heb o.a. deze voorbeeldcode gevonden:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21		<style>
    ul#display-inline-block-example,
    ul#display-inline-block-example li {
        /* Setting a common base */
        margin: 0;
        padding: 0;
    }

    ul#display-inline-block-example li {
        display: inline-block;
        width: 100px;
        min-height: 100px;
        background: #ccc;
    }
</style>

<ul id="display-inline-block-example">
    <li>Item one</li>
    <li>Item two</li>
    <li>Item three</li>
</ul>

maar die geeft ook hetzelfde probleem. Wil ik onder het ene blok 2 regels hebben dan verschuift de bovenkant.
pi_108127026
Dat is volgens mij een bij-effect van display:inline-block.

Probeer ze eens op display:block en float:left ?

-edit-
ff uit mijn hoofd, dus het kan zijn dat ik 't mis heb. later wel ff tijd om te pielen
  zaterdag 18 februari 2012 @ 21:00:16 #280
87680 Mirel
Mirel wil een bongophone.
pi_108128094
quote:
2s.gif Op zaterdag 18 februari 2012 14:18 schreef Tijn het volgende:
Dan zet je het toch gewoon op het body-element ipv een div?
Ik neem aan dat je dit bedoelt:
1
2
3
4
5
6
7
8
9		    <script type="text/javascript" data-src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" style="visibility:hidden;"></script>
    <script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min.js"></script>
    <script>
    $(function()
    {
        $('body').jScrollPane();
    });
    </script>
Hij is nu foetsie. Het is weg. En nu? :P

Waarom is het in je voorbeeld trouwens blauw? Waar komen die eigenschappen vandaan? jquery.jscrollpane.min.js?

Fuck it, ik neem de gelijknamige wordpress plugin wel. :')

[ Bericht 12% gewijzigd door Mirel op 18-02-2012 21:09:11 ]
When all else fails, you always have delusion.
  zaterdag 18 februari 2012 @ 22:42:43 #281
56176 Catch22-
Ben je Blind?!
pi_108131938
quote:
0s.gif Op zaterdag 18 februari 2012 19:33 schreef PimD het volgende:
Wij hebben ze ook op het netwerk staan, ik vertik het om zelf te betalen voor PDF-jes ;)

Mobile First heb ik nog niet gelezen. Merk wel dat het voor veel 'creatieve' mensen nog lastig is om vanuit deze insteek te werken, en niet meer totale controle te hebben over een ontwerp. Helemaal in combinatie met de responsive/adaptive hype nu natuurlijk.
creatievelingen zijn wel vrij stug. helaas... ze denken echt vanuit een statische situatie, erg zonde. heb t sowieso niet op grafici aangezien ik in mijn rol als interaction designer vaak wordt tegengewerkt omdat designers iets onlogisch ontwerpen 'omdat het mooier is' maar wel onbruikbaar of onlogisch.

ik lees veel op smashingmag en.met name van hun network. daarnaast volg ik een aantal frontenddevs op twitter (waaronder @paul_irish ) en lees ik veel van hun css en javascript artikelen.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108132709
Display: block - Zorgt ervoor dat de tekst half onder elkaar komt te staan en niet naast elkaar.
Echter met float:left; is dat opgelost en werkt het wel! Thanks.

Alleen de copyright tekst wordt naar rechts gepropt. Valt vast wel te fixen.
/ opgelost met een aantal <br>'s maar ik kan er volgens mij al van uit gaan dat dit niet de juiste manier is :) (terwijl het wel werkt)

[ Bericht 15% gewijzigd door Snoepje5 op 18-02-2012 23:27:19 ]
  zondag 19 februari 2012 @ 23:50:04 #283
56176 Catch22-
Ben je Blind?!
pi_108172049
als je jezelf een hoop moeite wil besparen moet je even wat tutorials.lezen over wat block elementen zijn en doen.

blockelementen breng je in een flow en daarmee regel je de positionering (heel basis gezegd)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108173454
Als ik een containerdiv heb met drie left-floatende divs erin, hoe zorg ik er ookalweer voor dat de containerdiv meeschaalt? Was dat niet iets als.. float:none? Ik ben het vergeten :')
  maandag 20 februari 2012 @ 01:12:07 #285
56176 Catch22-
Ben je Blind?!
pi_108174484
de container moet ook floaten anders schaalt hij niet. als de container margin auto heeft moet je die drie divs een rappers geven met een float left
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 20 februari 2012 @ 01:13:06 #286
56176 Catch22-
Ben je Blind?!
pi_108174501
een wrappers dus. editten met de normale layout op je telefoon werkt niet.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108175339
Je bedoelt overflow:hidden
zcflevo.nl
  maandag 20 februari 2012 @ 08:09:57 #288
56176 Catch22-
Ben je Blind?!
pi_108176636
dan schaalt hij toch juist niet mee? je conten blijft alleen wel zichtbaar
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 20 februari 2012 @ 08:18:50 #289
91039 mstx
2x1/2 = 1/2 x 1/2
pi_108176705
In de hoogte meeschalen: container ook floaten of na de 3 binnenste divs een <br style="clear:both" />
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_108176740
Dank, vanavond proberen. :D ik wist het gewoon niet meer.
pi_108177932
overflow:hidden werkt, top :D
  maandag 20 februari 2012 @ 09:55:33 #292
56176 Catch22-
Ben je Blind?!
pi_108177957
dan schaalt hij niet mee he. Dat kan problemen opleveren in je flow, of als je container een achtergrond heeft.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108178659
quote:
11s.gif Op maandag 20 februari 2012 09:55 schreef Catch22- het volgende:
dan schaalt hij niet mee he. Dat kan problemen opleveren in je flow, of als je container een achtergrond heeft.
Juist wel.
zcflevo.nl
pi_108179373
quote:
11s.gif Op maandag 20 februari 2012 09:55 schreef Catch22- het volgende:
dan schaalt hij niet mee he. Dat kan problemen opleveren in je flow, of als je container een achtergrond heeft.
Mijn container heeft een achtergrond, en de div schaalt nu wel goed mee. :o en de drie floatende divs zijn ook nog op zn plek. Als ik weer ergens ben met usbverbinding zal ik de code even posten met een shotje
pi_108185185
quote:
5s.gif Op maandag 20 februari 2012 13:56 schreef karton2 het volgende:

[..]

Ik ben de weg kwijt vandaar dat ik nogal traag van begrip ben :')
Als ik de complete link van de afbeelding aan moet geven dan krijg je D:\werk\wamp\www\joomla\templates\testtemplate\images\favo.jpg

En die link komt inderdaad niet overeen met de eigenschappen van de afbeelding in de browser.
quote:
11s.gif Op maandag 20 februari 2012 13:57 schreef Catch22- het volgende:
en als je /images/favo.jpg van je link maakt?

en dit is trouwens meer iets voor [html, css, js] voor dummies #21 ;) of eigenlijk [Wordpress] Algemeen topic deel 4
Op aangeven van Catch22- held in wording ga ik in dit topic maar verder.
Ik heb zelf al zitten sleutelen aan die /images map in die html link maar het probleem blijft bestaan.
  maandag 20 februari 2012 @ 14:03:46 #296
56176 Catch22-
Ben je Blind?!
pi_108185246
Heb je geen andere afbeeldingen in die pagina die naar dezelfde map verwijzen?

als je er nu /template/testtemplate/images/favo.jpg van maakt?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108185960
quote:
11s.gif Op maandag 20 februari 2012 14:03 schreef Catch22- het volgende:
Heb je geen andere afbeeldingen in die pagina die naar dezelfde map verwijzen?

als je er nu /template/testtemplate/images/favo.jpg van maakt?
Ik heb geen andere afbeeldingen die naar de image map verwijzen.
Ik gebruik nu gewoon een localhost template als speeltuin om dingen uit te proberen.
Als ik jouw link /template/testtemplate/images/favo.jpg gebruik dan doet deze het niet.
De volgende twee doen het ook niet:
D:/Werk/wamp/www/joomla/templates/testtemplate/images/favo.jpg
img src="file:///D|/Werk/wamp/www/joomla/templates/testtemplate/images/favo.jpg

Bij de tweede link verandert de afbeelding van het plaatje zoals hieronder te zien is:

Het gaat dus om de rechter afbeelding.
Bij de eigenschappen bij de rechter krijg ik 'niet beschikbaar'.

edit:
Maar als ik het online ipv localhost zou zetten en ik verwijs naar /images/favo/jpg dan zou ie het moeten doen toch?
pi_108192025
Waarom maak je je paden niet gewoon absoluut t.o.v. je webroot?
zcflevo.nl
pi_108193076
quote:
5s.gif Op maandag 20 februari 2012 16:55 schreef KomtTijd... het volgende:
Waarom maak je je paden niet gewoon absoluut t.o.v. je webroot?
Als je img src="http://localhost/joomla/images/favo.jpg bedoelt; levert ook niks op.
Heb vanalles geprobeerd om de afbeelding zichtbaar te krijgen maar niks lijkt te werken.
  maandag 20 februari 2012 @ 17:22:03 #300
56176 Catch22-
Ben je Blind?!
pi_108193247
Heb je een base href gedefinieerd?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[html, css, js] voor dummies #21
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')