abonnement Unibet Coolblue Bitvavo
pi_94596309
quote:
15s.gif Op vrijdag 25 maart 2011 13:17 schreef RenRen- het volgende:
Nu mijn footer groter moet, gaat hij zelfs over text heen. En je kunt dan niet naar beneden scrollen zodat je alsnog de text ziet.
Echt niemand die een oplossing weet? :')
De tekst een margin-bottom geven even groot als je footer.
pi_94596425
quote:
1s.gif Op vrijdag 25 maart 2011 12:37 schreef minibeer het volgende:
met margin: auto; of op een andere manier?
Dat is de enige goeie manier ja. De rest geeft allemaal rare glitches of op zijn minst onnodig veel code
quote:
beetje jammer van dat horizontaal centreren vind ik, jammer dat top:-50% opeens niet werkt :N
Ja, is het ook.
pi_94623745
het is me uiteindelijk gelukt, in combinatie met javascript en op een idioot onnodig ingewikkelde manier, maar meh, het werkt. Bedankt voor de hulp :).
Finally, someone let me out of my cage
  zaterdag 26 maart 2011 @ 01:40:41 #94
230788 n8n
Pragmatisch
pi_94628102
1
2
3
4
5
6
7
8
9
10
11
12
13
ul li {
textalign: center;
line-height: 400px;
vertical-align: middle;
width: 200px;
height: 200px;
display: inline-block;
}

ul li img {
max-width: 200px;
max-height: 200px;
}

Werkt niet? zou ook kunnen dat de line-height en vertical-align op de img moeten
Specialization is for insects”.—Robert Heinlein
  vrijdag 1 april 2011 @ 16:00:38 #95
63192 ursel
"Het Is Hier Fantastisch!
pi_94905757
Ik moet her en der (en achteraf) nog bij bepaalde teksten het registered trademark plaatsen.
Op zich geen probleem, maar dat ding moet een beetje vliegen.

Heb hem al een tag sup meegegeven en deze gestyled. Alleen kom ik op sommige plaatsen tegen dat dan het betreffende tekst naar beneden zakt, omdat de tekst vertikaal gecentreerd is. :{

Iemand enig idee hoe ik snel en simpel dat trademarkje kan plaatsen, zodat die wel hoog staat?
Had al met position absolute geprobeerd, dat werke wel, maar als ik dan de pagina scroll blijft hij mooi staan. :')

Zie screen:
  vrijdag 1 april 2011 @ 16:06:41 #96
230788 n8n
Pragmatisch
pi_94906000
quote:
1s.gif Op vrijdag 1 april 2011 16:00 schreef ursel het volgende:
Ik moet her en der (en achteraf) nog bij bepaalde teksten het registered trademark plaatsen.
Op zich geen probleem, maar dat ding moet een beetje vliegen.

Heb hem al een tag sup meegegeven en deze gestyled. Alleen kom ik op sommige plaatsen tegen dat dan het betreffende tekst naar beneden zakt, omdat de tekst vertikaal gecentreerd is. :{

Iemand enig idee hoe ik snel en simpel dat trademarkje kan plaatsen, zodat die wel hoog staat?
Had al met position absolute geprobeerd, dat werke wel, maar als ik dan de pagina scroll blijft hij mooi staan. :')

Zie screen:
[ afbeelding ]
De tekst niet verticaal centreren maar met line-height of een padding werken
Specialization is for insects”.—Robert Heinlein
pi_94906743
Sowieso zijn <sup> en <sub> volgens mij deprecated? Hoewel in HTML5 weer alles zowat mag :')
Nee.
  vrijdag 1 april 2011 @ 16:38:23 #98
230788 n8n
Pragmatisch
pi_94907312
quote:
1s.gif Op vrijdag 1 april 2011 16:23 schreef PimD het volgende:
Sowieso zijn <sup> en <sub> volgens mij deprecated? Hoewel in HTML5 weer alles zowat mag :')
Zie geen reden waarom, met name voor formules. In het geval van ursel is de sub desalniettemin optisch en hoeft niet als afwijkend geïnterpreteerd te worden, ik vind het dan ook niet semantisch correct om hier een <sup>-element in te zetten. Zou zelf denk ik voor een span.registered gaan. (is daar geen TM voor trouwens?)
Specialization is for insects”.—Robert Heinlein
  vrijdag 1 april 2011 @ 16:49:33 #99
63192 ursel
"Het Is Hier Fantastisch!
pi_94907716
Mja, geloof dat de naam van sup of span nu even niet de issue is. :')
Snap dat het logischer kan, maar staat nu even zo. CSS herkent het alleen moet die nu dus nog netjes meebewegen en idd zoals die TM hoog staan.

En moet dus wel het (r) worden.
  zaterdag 16 april 2011 @ 16:52:17 #100
305146 heloef
20, Een omgekeerde Saab
pi_95584969
Ik loop nu al een tijd tegen hetzelfde probleem aan in Dreamweaver. Ik heb een site opgebouwd uit verschillende divs, een container met daarin divs voor de banner en menu enz. Nu heb ik ook zo'n div voor mijn teksten maar ik loop tegen twee grote problemen aan.

Ten eerste loopt de tekst gewoon door, dus de div uit in plaats van dat ie naar een volgende regel gaat en ten tweede krijg ik belachelijk grote spaties tussen de zinnen. Wat valt hier aan te doen?
C'est la vie
Verliefdheid is voor de dommen
A lion does not lose sleep over the opinion of sheep
Hier sprak Tchock Heloefs lul is zo ondergewaardeerd.
pi_95585080
Post eerst maar eens een voorbeeld :)
Nee.
  zaterdag 16 april 2011 @ 16:59:35 #102
305146 heloef
20, Een omgekeerde Saab
pi_95585225
quote:
1s.gif Op zaterdag 16 april 2011 16:55 schreef PimD het volgende:
Post eerst maar eens een voorbeeld :)
Gewoon een screenshot?
C'est la vie
Verliefdheid is voor de dommen
A lion does not lose sleep over the opinion of sheep
Hier sprak Tchock Heloefs lul is zo ondergewaardeerd.
pi_95585401
Nee gewoon een HTML/CSS pagina ergens. Lappen code hier of een plaatje kan ik persoonlijk vrij weinig mee.
Nee.
pi_95585617
De meesten van ons hebben geen kristallen bol waarin we kunnen zien hoe jij je website opgebouwd hebt. Dus ja, kom eens over de brug met wat je gemaakt hebt.
  zaterdag 16 april 2011 @ 17:54:57 #105
305146 heloef
20, Een omgekeerde Saab
pi_95586982
quote:
14s.gif Op zaterdag 16 april 2011 17:11 schreef KomtTijd... het volgende:
De meesten van ons hebben geen kristallen bol waarin we kunnen zien hoe jij je website opgebouwd hebt. Dus ja, kom eens over de brug met wat je gemaakt hebt.
Sorry ik ben nogal een nitwit dus daarom dat ik vroeg wat jullie willen zien. Ik zal even het HTML bestandje uploaden.
C'est la vie
Verliefdheid is voor de dommen
A lion does not lose sleep over the opinion of sheep
Hier sprak Tchock Heloefs lul is zo ondergewaardeerd.
  dinsdag 19 april 2011 @ 14:00:14 #106
242879 Onnoman
The On And Only
pi_95712090
Om te garanderen dat alle posities in zowel internet explorer als firefox hetzelfde zijn, moet je dan elk element uitgebreid gaan uitschrijven? waaronder padding, margin, e.d.?
Als je de wereld wilt begrijpen, moet je denken zoals ik.
(Onnoman)
si vi pacem para bellum
himmelhoch jauchzend
pi_95712652
quote:
0s.gif Op dinsdag 19 april 2011 14:00 schreef Onnoman het volgende:
Om te garanderen dat alle posities in zowel internet explorer als firefox hetzelfde zijn, moet je dan elk element uitgebreid gaan uitschrijven? waaronder padding, margin, e.d.?
in principe wel (voor zover ik weet). Volgens mij was daarvoor een css-reset bedacht, wat alles op 0 of een andere acceptabele standaardwaarde zet. Zou je even moeten googelen.
Finally, someone let me out of my cage
  dinsdag 19 april 2011 @ 16:02:28 #108
242879 Onnoman
The On And Only
pi_95717229
standaard submit buttons worden in IE en Firefox altijd anders weergegeven schijnt het!
de font binnen buttons zijn altijd ongelijk.. de enige manier is om de font bold te maken zoals als volgt:

font: bold small Arial, Verdana, Sans-serif;
Als je de wereld wilt begrijpen, moet je denken zoals ik.
(Onnoman)
si vi pacem para bellum
himmelhoch jauchzend
pi_95731820
quote:
0s.gif Op dinsdag 19 april 2011 14:14 schreef minibeer het volgende:

[..]

in principe wel (voor zover ik weet). Volgens mij was daarvoor een css-reset bedacht, wat alles op 0 of een andere acceptabele standaardwaarde zet. Zou je even moeten googelen.
Húúúú nee alsjeblieft, niet van die "resets" ;( Die verneuken het alleen maar verder.

Gewoon defineren wat je nodig hebt en verder niets. De standaard stylesheet is juist hardstikke handig om als fallback te hebben.
pi_95731894
quote:
0s.gif Op dinsdag 19 april 2011 16:02 schreef Onnoman het volgende:
standaard submit buttons worden in IE en Firefox altijd anders weergegeven schijnt het!
de font binnen buttons zijn altijd ongelijk.. de enige manier is om de font bold te maken zoals als volgt:

font: bold small Arial, Verdana, Sans-serif;
Heb ik nog nooit last van gehad?
En: Wat maakt het uit? Standaard formulier-elementen zijn sowieso besturingssysteem en browser afhankelijk en zien er dus nooit het zelfde uit, maar altijd zoals de gebruiker graag wil dat het eruit ziet. Moet je niet aan gaan lopen kloten dus.

-edit-
Zeer informatieve website over ditsoort issues:
http://dowebsitesneedtolookexactlythesameineverybrowser.com/
  dinsdag 19 april 2011 @ 21:51:42 #111
63192 ursel
"Het Is Hier Fantastisch!
pi_95736744
quote:
0s.gif Op dinsdag 19 april 2011 20:41 schreef KomtTijd... het volgende:

[..]

Heb ik nog nooit last van gehad?
En: Wat maakt het uit? Standaard formulier-elementen zijn sowieso besturingssysteem en browser afhankelijk en zien er dus nooit het zelfde uit, maar altijd zoals de gebruiker graag wil dat het eruit ziet. Moet je niet aan gaan lopen kloten dus.

-edit-
Zeer informatieve website over ditsoort issues:
http://dowebsitesneedtolookexactlythesameineverybrowser.com/
Toch jammer dat die er in iig in Opera en FF wel hetzelfde uitziet. :')
pi_95738485
quote:
0s.gif Op dinsdag 19 april 2011 21:51 schreef ursel het volgende:

[..]

Toch jammer dat die er in iig in Opera en FF wel hetzelfde uitziet. :')
Ik weet ook heel zeker dat die in jouw firefox er anders uitzien als in mijn firefox.

En zo niet dan kies ik een ander thema, ziet'ie er weer anders uit.

Het zelfde geldt voor scrollbalken en dergelijke. 9 van de 10 keer zijn die afhankelijk van (het thema van) je OS. Daar moet je als webdeveloper gewoon niet mee kutten, da's alleen maar irritant.
pi_96013449
Ik ben vrij nieuw met CSS dus ben bezig met wat aanklooien lokaal.
Nu werkt alles prima (in Chrome that is, cross-browser ga ik later wel naar kijken).

Ik had hem even door de validator heen gehaald en die begon te miepen over DOCTYPE.
Daar heb ik me dus even in ingelezen op http://www.w3schools.com/tags/tag_doctype.asp

Als ik de 'tolerantste' doctype toepas
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

werkt mijn CSS deels niet meer. Als ik het goed begrijp werkt font: dan niet meer zoals ik hieronder heb?

1
2
3
4
5
6
7
div#wrapper
{
    color: black;
    font: normal 11/12px verdana, helvetica, sans serif;
    width: 900px;
    position: relative;
}
Moet ik dan alles los declaren (font-family, font-size... etc) ?

Alvast bedankt!
  dinsdag 26 april 2011 @ 20:56:41 #114
230788 n8n
Pragmatisch
pi_96013542
Volgens mij gooit 11/12 roet in het eten
Specialization is for insects”.—Robert Heinlein
  dinsdag 26 april 2011 @ 21:00:21 #115
230788 n8n
Pragmatisch
pi_96013761
quote:
11s.gif Op dinsdag 19 april 2011 20:40 schreef KomtTijd... het volgende:

[..]

Húúúú nee alsjeblieft, niet van die "resets" ;( Die verneuken het alleen maar verder.

Gewoon defineren wat je nodig hebt en verder niets. De standaard stylesheet is juist hardstikke handig om als fallback te hebben.
Ik gebruik altijd een reset, werkt prima. De standaarden vallen nog steeds terug op standaard waarden maar dan in elke browser hetzelfde.

Nog een extragratis tip voor wie met em's werkt: zet de font-size van het body-element op 62.5%, een em is nu overal 10px groot
Specialization is for insects”.—Robert Heinlein
pi_96013903
quote:
1s.gif Op dinsdag 26 april 2011 20:56 schreef n8n het volgende:
Volgens mij gooit 11/12 roet in het eten
Dat was m, super!
pi_96014094
quote:
1s.gif Op dinsdag 26 april 2011 21:00 schreef n8n het volgende:

Nog een extragratis tip voor wie met em's werkt: zet de font-size van het body-element op 62.5%, een em is nu overal 10px groot
Zag net op W3C ook dat em's aangeraden worden.
Maar 14px <> 1.4em maar ook niet 0.875em (volgens W3C)
quote:
1em is equal to the current font size. The default text size in browsers is 16px. So, the default size of 1em is 16px.
Wat is het nou dan :{

Edit; lijkt erop dat 14px = 1.3em in Chrome en IE8, maar 11px is wel 0.6875em. Wordt er niet veel duidelijker op.
Edit2; is het aan te raden dat ik ALLE px verander in em?
pi_96014792
quote:
1s.gif Op dinsdag 26 april 2011 21:00 schreef n8n het volgende:

[..]

Ik gebruik altijd een reset, werkt prima. De standaarden vallen nog steeds terug op standaard waarden maar dan in elke browser hetzelfde.
Die waarden zijn misschien wel overal hetzelfde, maar ze zijn over het algemeen niet wat je wilt. Dan moet je dus alsnog vanalles specificeren. Kun je het net zo goed in 1 keer doen, meteen naar de waarden die je wel wilt.
quote:
Nog een extragratis tip voor wie met em's werkt: zet de font-size van het body-element op 62.5%, een em is nu overal 10px groot
Dat geldt alleen als de standaard lettergrootte in de browser op 16px staat. Meestal wel de standaardwaarde, maar er volledig op vertrouwen is misschien wat link. Overigens levert een font-size van 75% op de body dan 12px op.
pi_96015097
quote:
7s.gif Op dinsdag 26 april 2011 21:06 schreef DaFan het volgende:

[..]

Zag net op W3C ook dat em's aangeraden worden.
Maar 14px <> 1.4em maar ook niet 0.875em (volgens W3C)

[..]

Wat is het nou dan :{

Edit; lijkt erop dat 14px = 1.3em in Chrome en IE8, maar 11px is wel 0.6875em. Wordt er niet veel duidelijker op.
Edit2; is het aan te raden dat ik ALLE px verander in em?
1em is 10px als de fontgrootte 10px is, en 12px als de fontgrootte 12px is. Hoe groot het precies is, ligt dus aan de situatie. Als je em's gebruikt voor het instellen van de font-size, wordt als uitgangspunt de font-size van het parent-element genomen. Voor andere dingen (margins bijv.) wordt de font-size van het element zelf als uitgangspunt genomen.
pi_96015234
quote:
0s.gif Op dinsdag 26 april 2011 21:21 schreef Light het volgende:

[..]

1em is 10px als de fontgrootte 10px is, en 12px als de fontgrootte 12px is. Hoe groot het precies is, ligt dus aan de situatie. Als je em's gebruikt voor het instellen van de font-size, wordt als uitgangspunt de font-size van het parent-element genomen. Voor andere dingen (margins bijv.) wordt de font-size van het element zelf als uitgangspunt genomen.
Ok ingewikkeld.
En als ik nou de tip van W3C gebruik
1body {font-size:100%;}
wat is dan mijn font-size? (als mn wrapper op 0.6875em staat, wat nu gelijk staat aan 11px).
16px dus?
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')