Margin plaatje - Softwareontwikkeling

zaterdag 23 maart 2013 18:38

Acties:

Verwijderd

Topicstarter

Hoi ik heb een probleem met mijn afbeelding.

Ik wil 1 afbeelding op een specifieke pagina een margin-right van 200px geven.
Echter als ik dit doe, werkt dit niet. Ik heb het plaatje in een css bestand .imgtest {margin-right: 200px;} gegeven.
Vervolgens heb ik class=imgtest bij het plaatje toegevoegd in het document, alleen werkt dit niet.

Het lukt mij wel als ik het plaatje een margin-right geef in firebug, maar dan krijgen alle plaatjes deze margins

Kan iemand mij adviseren wat ik moet doen? Zodat alleen het ene specifieke plaatje die margin krijgt?

Ik maak de site in wamp, dus ik kan helaas geen link sturen.

zaterdag 23 maart 2013 18:48

Acties:

NMe

Quia Ego Sic Dico.

Daar valt niks over te zeggen zonder te weten wat je daar verder voor floats en gepositioneerde elementen omheen hebt staan.

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.

zaterdag 23 maart 2013 18:50

Acties:

Verwijderd

Topicstarter

zoveel verstand heb ik er niet van, ik kan wel het complete css hier neer zetten? Als je me daarmee verder kan helpen?

zaterdag 23 maart 2013 18:50

Acties:

Cartman!

Alleen de relevante stukken natuurlijk

zaterdag 23 maart 2013 18:52

Acties:

Verwijderd

Topicstarter

element.style {
float: right;
}
.art-article img, img.art-article, .art-block img, .art-footer-text img {
margin: 5px;
}
.art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {
font-family: Tahoma,Arial,Helvetica,Sans-Serif;
font-size: 16px;
line-height: 175%;
}
.art-postcontent, .art-postheadericons, .art-postfootericons, .art-blockcontent, ul.art-vmenu a {
text-align: left;
}
.art-sheet {
cursor: auto;
}
#art-main {
cursor: default;
font-family: 'Droid Serif',Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
}
body {
color: #F2BAD6;

Dit staat in Firebug als CSS: als ik die ".art-article img, img.art-article, .art-block img, .art-footer-text img { margin: 5px;" aanpas naar 200px.... staat het plaatje goed, alleen dan gaan dus alle plaatjes 200px vanuit rechts staan. Ik wil alleen dat ene plaatje. (hoop dat ik het zo een beetje goed uitleg)

[ Voor 14% gewijzigd door Verwijderd op 23-03-2013 18:54 ]

zaterdag 23 maart 2013 18:53

Acties:

Verwijderd

En dan? Ik zie niets relevants over je imgtest class...

zaterdag 23 maart 2013 18:56

Acties:

Verwijderd

Topicstarter

<!DOCTYPE html>
<html class="firefox firefox19 desktop" lang="nl-NL">
<head>
<body class="page page-id-115 page-template-default logged-in admin-bar customize-support">
<div id="art-main">
<div class="art-sheet clearfix">
<nav class="art-nav clearfix desktop-nav">
<header class="clearfix art-header">
<div class="art-layout-wrapper clearfix">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-content clearfix">
<article id="post-115" class="art-post art-article post-115 page type-page status-publish hentry">
<h2 class="art-postheader">Post </h2>
<div class="art-postheadericons art-metadata-icons">
<div class="art-postcontent clearfix">
<h1 style="padding-left: 60px;"></h1>
<p style="padding-left: 60px;">
Kvk:
<br>
Email:
<img class="imgtest" width="532" height="559" src="http://localhost/

Bedoel je dit? Ik werk met Wordpress, ik heb weinig verstand van CSS

[ Voor 3% gewijzigd door Verwijderd op 23-03-2013 18:56 ]

zaterdag 23 maart 2013 19:05

Acties:

Verwijderd

Topicstarter

Ik heb er .test van gemaakt in mijn template's css file. Nu heb op de pagina zelf, de img dus ook als class=test meegegeven. Vervolgens krijg ik nu in firebug dit:

element.style {
float: right;
}
.art-article img, img.art-article, .art-block img, .art-footer-text img {
margin: 5px;
}
.test {
margin-right: 200px;
}

Margin-right:200px; staat dus doorgestreept. Als ik Margin:5px; nu uitschakel in firebug. Dan komt het plaatje goed te staan. Waarom staat Margin-right doorgestreept in firebug?

zaterdag 23 maart 2013 19:06

Acties:

Cartman!

Omdat de meest specifieke selector voorrang krijgt.

zaterdag 23 maart 2013 19:07

Acties:

Verwijderd

Topicstarter

Ok, dat zegt me niet zoveel om eerlijk te zijn. Wat zou ik nu dus moeten doen om het plaatje de meest specifieke selecter te laten krijgen? Of waar zou ik moeten zoeken?

zaterdag 23 maart 2013 19:08

Acties:

Verwijderd

Je moet zorgen dat je weet wat je doet. Niet zo passief doen, ga eens wat lezen en de basics van CSS onder de knie krijgen.

zaterdag 23 maart 2013 19:11

Acties:

BeefHazard

Verwijderd schreef op zaterdag 23 maart 2013 @ 19:08:
Je moet zorgen dat je weet wat je doet. Niet zo passief doen, ga eens wat lezen en de basics van CSS onder de knie krijgen.

www.codecademy.com kan je helpen.

zaterdag 23 maart 2013 19:12

Acties:

Verwijderd

Topicstarter

ok thnx ga ik die proberen.

zaterdag 23 maart 2013 19:16

Acties:

Verwijderd

Topicstarter

ik moet wel zeggen ik snap er niets van, ik heb ook geen idee waar ik zoeken moet.

Gaat me wel enorm tegenstaan zo. Het is vast iets simpels. mja

zaterdag 23 maart 2013 19:23

Acties:

NMe

Quia Ego Sic Dico.

Dan Google je even? Je kan Cartman!'s antwoord in vraagvorm zo aan Google voeren en dan heb je bij de eerste hit al antwoord...
[google=css how to make selector more specific]

Ook handig: Hoe post je code? / Hoe gebruik je de code tag?

[ Voor 18% gewijzigd door NMe op 23-03-2013 19:23 ]

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.

Pagina: 1

Reageer