Iemand verstand van CSS?

Moderators: Polly, Muiz, NadjaNadja, Telpeva, Essie73, ynskek, Ladybird

Toevoegen aan eigen berichten
 
 
Eline

Berichten: 72937
Geregistreerd: 07-10-03
Woonplaats: Delft

Iemand verstand van CSS?

Link naar dit bericht Geplaatst door de TopicStarter : 02-11-05 12:41

Ik ben bezig om met behulp van css een website te maken. Er lukt een hoop maar sommige dingen ook niet. Ik probeer op dit moment tekst in een paragraaf zover te krijgen dat ie van de rand van een divisie wegblijft. Ik heb een paragraaf gedefinieerd:

Code
.pmenu {
  margin-top: 20 px;
  margin-left: 20 px;
  line-height: 10 px;
}


Maar als ik deze p gebruik wordt de tekst niet zo neergezet als ik wil. Hij gebruikt alleen margin-top, margin-left en line-height lijken straal genegeerd te worden. Doe ik iets fout?

Ik zet de tekst die ik uitgelijnd wil hebben tussen:

Code
<P class="pmenu"> en </p>

Shadow0

Berichten: 44636
Geregistreerd: 04-06-04
Woonplaats: Utrecht

Re:

Link naar dit bericht Geplaatst: 02-11-05 21:11

De spaties tussen de cijfers en px moeten weg, dan zou het moeten werken.

Code
.pmenu {
  margin-top: 20px;
  margin-left: 20px;
  line-height: 10px;
}


Tip van de week: met name voor zaken die te maken hebben met lettergrootte (zoals de line-height) kan het handig zijn om "em" te gebruiken ipv "px". De hoogte wordt dan geschaald naar de lettergrootte, en ook mensen die grotere letters gebruiken krijgen het dan goed te zien. (Als je jouw voorbeeld zonder extra aanpassingen gebruikt, vallen bij mij de letters over elkaar)

Eline

Berichten: 72937
Geregistreerd: 07-10-03
Woonplaats: Delft

Re:

Link naar dit bericht Geplaatst door de TopicStarter : 02-11-05 23:43

Dank voor de reactie

Ik heb ook zonder spaties geprobeerd en ook dan vertikt ie het. En in CM/in/pt ook trouwens. Heb het nu een aantal keer geprobeerd en wat voor paragraaf ik ook definieer of gebruik margin-top werkt, margin-left weigert. Snap er geen fluit van.

Bedankt voor de EM tip, ik ga eens kijken hoe dat uitpakt bij de dingen die ie wel doet.

Shadow0

Berichten: 44636
Geregistreerd: 04-06-04
Woonplaats: Utrecht

Re:

Link naar dit bericht Geplaatst: 02-11-05 23:53

Heb je een voorbeeld online staan? Ik heb je code geprobeerd en hier lijkt het prima te werken. Welke browser gebruik je?

Eline

Berichten: 72937
Geregistreerd: 07-10-03
Woonplaats: Delft

Re:

Link naar dit bericht Geplaatst door de TopicStarter : 03-11-05 16:14

IE 5.0 en ff (ja ik weet het, die eerste is antiek)

Ik stuur je de site even per pb,

NotNice

Berichten: 1231
Geregistreerd: 10-06-04
Woonplaats: Rotterdam e.o.

Re: Iemand verstand van CSS?

Link naar dit bericht Geplaatst: 04-11-05 12:26

spaties maken geen verschil en px is beter dan em, omdat alle browsers px accepteren als pixel en em niet voor alle browsers even groot is (relatieve maat) (W3C accepteerd zowiezo alleen maten in px in goede css)

wat ik kan verzinnen is dat margin-.... niet goed gaat
je kan ook spacing-.... proberen, of padding-.... en kijken hoe dat uitpakt. FF en IE reageren allebei anders op diverse commando's dus het is een beetje aanmodderen.

line-height kun je trouwens vervangen door font-size:12px

Menno

Berichten: 1595
Geregistreerd: 16-12-03

Re: Iemand verstand van CSS?

Link naar dit bericht Geplaatst: 04-11-05 13:35

NotNice schreef:
line-height kun je trouwens vervangen door font-size:12px

line-height is heel iets anders dan font-size

Het zit hem denk ik in de style van de div, maar eerlijk gezegt kan het met deze minimale hoeveelheid aan code eigenlijk wel van alles zijn...

Kun je misschien wat meer code plaatsen?