Webdevelopment topic

[Snake-KoRn]

Ik vind die kleuren wel nice, dus zo laten zou ik zeggen

Hoe heb je 't opgelost?

Width: 100%; ?

[BurnedUDown]

Inmiddels gelukt.. alleen vraag ik me af waar die kleur vandaan komt achter de afbeelding!

In- of uitklappen • Afbeelding

Afbeelding?
Verder vermoed ik dat je ergens een achtergrond kleur gegeven hebt aan je div.
Nog een klein vraagje over je code, waarom zet je je font-size in %?

[Mikal]

Inmiddels gelukt.. alleen vraag ik me af waar die kleur vandaan komt achter de afbeelding!

In- of uitklappen • Afbeelding

Afbeelding?
Verder vermoed ik dat je ergens een achtergrond kleur gegeven hebt aan je div.
Nog een klein vraagje over je code, waarom zet je je font-size in %?

Font-size in procenten doe je vooral in responsive templates, dus ik denk daarvoor :p

Ook mijn site heb ik nu grotendeels responsive gemaakt, moet alleen inderdaad nog even de tekst doen denk ik zo.

[BurnedUDown]

Inmiddels gelukt.. alleen vraag ik me af waar die kleur vandaan komt achter de afbeelding!

In- of uitklappen • Afbeelding

Afbeelding?
Verder vermoed ik dat je ergens een achtergrond kleur gegeven hebt aan je div.
Nog een klein vraagje over je code, waarom zet je je font-size in %?

Font-size in procenten doe je vooral in responsive templates, dus ik denk daarvoor :p

Ook mijn site heb ik nu grotendeels responsive gemaakt, moet alleen inderdaad nog even de tekst doen denk ik zo.

Nja ok, maar daar heb je niets aan als je site niet responsive is denk ik dan ;x.

[Mikal]

Mja, klopt opzicht wel. Het is gewoon 110% tegenover de browser-default, maar hoe dat allemaal berekend wordt weet ik ook niet. Heb er niet echt diep in gekeken ;p

[Slyfer]

Momenteel ook bezig met HTML5/CSS3: Http://Layout.MdLPhotography.nl

Verbeter het contrast tussen jouw fontkleur en de achtergrond. Geen gebruiker die zich de moeite zal nemen om dit proberen te lezen. ;/
https://www.dropbox.com/s/cptlu0u8iny4f ... .18.03.png

[Going4Quests]

Het was iets met de display, die het forceerde om in een blokje rond de tekst te tonen. Verder is het inderdaad Responsive design. Ik gebruik als standaard Wordpress met Responsive theme die ik zo uitbouw.

Toegevoegd na 19 seconden:

Dat menu is dus met een lijst in een custom sidebar.

[Snake-KoRn]

Ik ben na lange tijd nog 'ns aan het klungelen met Dreamweaver, en ik wil graag "PlantEco" schrijven met Gimp, (eerste keer dat ik het programma gebruik)

Op de site staat dat ik "Path from Text" optie moet gebruiken, maar dit vind ik nergens!

Waar staat dit?

(Ik wil dus tekst schrijven met een omlijning rond de letters)

[i k0nijn i]

Hoort in grafisch, maar w/e. http://www.gimpology.com/submission/vie ... tline_text

Geweldig omslachtig programma. :")

[Snake-KoRn]

^ Super! Bedankt.

[Mikal]

Momenteel ook bezig met HTML5/CSS3: Http://Layout.MdLPhotography.nl

Verbeter het contrast tussen jouw fontkleur en de achtergrond. Geen gebruiker die zich de moeite zal nemen om dit proberen te lezen. ;/
https://www.dropbox.com/s/cptlu0u8iny4f ... .18.03.png

Geheel mee eens, was sowieso al niet blij met de footer.. Ga er mee bezig vandaag.

[Whisperer]

Inmiddels gelukt.. alleen vraag ik me af waar die kleur vandaan komt achter de afbeelding!

In- of uitklappen • Afbeelding

Is je afbeelding niet gewoon te smal, waardoor die repeat? :')

Beetje lastig te bekijken zonder een live voorbeeld.

En is het niet een idee iets dergelijks op te lossen met CSS3 gradients?

[Snake-KoRn]

Image-repeat:No-repeat;

^ Inderdaad, probeer css3-gradients

[Slyfer]

Inderdaad. Plus, tegenwoordig loont het zelfs te werken met .svg afbeeldingen wanneer mogelijk en échte images te gebruiken als fallback.

Dus, CSS3 > .svg > images.

Vergeet ook geen @2x toe te voegen voor retina schermen wanneer je afbeeldingen gebruikt. Retina.js is daar wel een goeie voor.

[Going4Quests]

Slyfer heb jij leren programmeren op hogeschool, universiteit, cursus, ..?

Verder, weet er iemand zo'n laad afbeelding die je gratis mag gebruiken? (Bv zoals onder runescape login)

[Whisperer]

Je zou FontAwesome kunnen gebruiken om dat voor elkaar te krijgen.

http://fortawesome.github.io/Font-Awesome/examples/

[Going4Quests]

Wel hoe krijg ik dat font icoon dan in de onload van een afbeelding?

Toegevoegd na 16 minuten:

Verder nog iets over .htaccess en Wordpress.. dit is hoe mijn htaccess van Wordpress er nu uitziet:

Code: Selecteer alles

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

Nu wou ik deze code erbijvoegen:

Code: Selecteer alles

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]

(http://dense13.com/blog/2008/02/27/redi ... -htaccess/)

Maar hoe doe ik dit?

[Mikal]

Wel hoe krijg ik dat font icoon dan in de onload van een afbeelding?

Toegevoegd na 16 minuten:

Verder nog iets over .htaccess en Wordpress.. dit is hoe mijn htaccess van Wordpress er nu uitziet:

Code: Selecteer alles

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

Nu wou ik deze code erbijvoegen:

Code: Selecteer alles

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]

(http://dense13.com/blog/2008/02/27/redi ... -htaccess/)

Maar hoe doe ik dit?

Code: Selecteer alles

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
RewriteCond %{HTTP_HOST} !^www\.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]
</IfModule>

[Whisperer]

Wel hoe krijg ik dat font icoon dan in de onload van een afbeelding?

Oh, haha, wist niet dat je hem op die manier ging toepassen. Moet zeggen dat ik niet weet of en hoe dat mogelijk is.

[Going4Quests]

Wel momenteel is de site stuk. Als ik de site laadt wordt ie steeds redirected naar http://www.www. en dat werkt ofc niet. De stukke code is uit de .htaccess (dat ik zelf geprobeerd had) maar nog steeds werkt het niet. Suggesties?

Toegevoegd na 2 minuten:

Hmm is het mogelijk dat dit een fout is van Chrome? Ik test het even in IE en daar werkt het. Kan het zijn dat Chrome in een soort van cache deze fout nog steeds blijft reproduceren bij mij alleen?

Toegevoegd na 4 minuten:

Cache is cleared en werkt weer. Ligt dus aan Chrome en site was blijkbaar direct fixed nadat code weggehaald was. Dat time waste.

Toegevoegd na 5 minuten:

@Mikal: "Deze webpagina bevat een omleidingslus"