[CSS] voor dummies - deel 12

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_67860979
Hmm oke. Maar snap even niet hoe je de a's dan niet-conflicterend kan maken.
pi_67861932
Laat de relevante CSS eens zien
pi_67864680
Haha, ik heb het gefixed. Vraag me niet hoe, maar het werkt. En geeft geen fouten.
pi_68266008
edit; is inmiddels al gelukt..

[ Bericht 83% gewijzigd door Nashje op 22-04-2009 12:24:01 ]
  vrijdag 24 april 2009 @ 16:59:47 #80
198417 Lastpost
Rotterdammert!
pi_68342130
Hier ook even een vraagje op css-noob gebied.

Ik was heerlijk aan het kloten met wat divs om de layout te krijgen die ik graag wilde en ik ben een eind gekomen qua indeling, enkel wil het rechtse 'tekst' divje (geen breedte opgegeven) binnen m'n hoofd-div niet náast m'n linker div-je blijven staan die wel een vaste breedte heeft.

Dus qua indeling is het zo:

div pagina (100% breedte)
div zijmenu (links gefloat, vaste breedte)
div blok (tekstmenu, geen vaste breedte, moet gewoon de overgebleven ruimte invullen aan de rechterzijde)

Iemand enig idee hoe je dit voor elkaar krijgt, nu pakt ie dus gewoon automatisch (rechtermenu blok) de 100% breedte omdat er niets is opgegeven en zodoende gooit ie 'm onder het zijmenu op de volledige breedte van de div pagina.
Procenten aangeven zorgt er wel voor dat ie daar past, enkel veranderd dan de afstand bij verschillende resoluties en dat wil ik dus niet.
https://topbabe.nl
pi_68342667
De makkelijkste manier is om het menu te floaten en het content blok een linker-margin mee te geven die een waarde heeft die gelijk is aan (of iets breder is dan) de breedte van het menu.
  vrijdag 24 april 2009 @ 20:49:37 #82
39952 Hukkie
Wanna bang heads with me
pi_68348910
Ik ben een absolute noob op css gebied en daarom loop ik tegen een probleempje aan. Ik ben bezig om een nieuwe site te bouwen en daarvoor wil ik css gebruiken, ben me dus aan het inlezen en aan het oefenen met css. Maar mijn probleem is dat ik een interne stylesheet wil omzetten naar een externe. Dit omdat ik achteraf nog wat pagina's wil toevoegen aan mn site en dat niet per pagina wil doen.

Het gaat om Deze.

Kan het uiteindelijk ook wel zelf uitvissen, maar dat duurt momenteel te lang want ik wil graag nu verder met mn site, en op WW3Schools ea wordt ik niet veel wijzer.

Is er iemand die een snelle link heeft om dit te doen?
Mijn dank is groot.
There are no Saviours, there are no Kings, the Power lies in your head
DeviantArt
  vrijdag 24 april 2009 @ 21:03:24 #83
198417 Lastpost
Rotterdammert!
pi_68349464
Je hebt geen header bestand of iets in die trend?
Gewoon je gehele style opslaan in een bestandje (willekeurigenaam.css) en deze includen in je header en/of het head-gedeelte van de pagina's zelf indien je geen header hebt.

<link rel="stylesheet" type="text/css" href="linknaarstylesheet/stylesheet.css" />
Bovenstaand toevoegen in het head-gedeelte en dan kun je de gekozen elementen uit je stylesheet ook gewoon aanroepen zonder probleem.
Als dat niet is wat je bedoelde hoor ik het natuurlijk graag.
Hiermee kun je de boel natuurlijk ook extern benaderen/gebruiken, gewoon met het complete http://www.linkje.nl/stylesheet.css erin.
https://topbabe.nl
  vrijdag 24 april 2009 @ 21:15:02 #84
39952 Hukkie
Wanna bang heads with me
pi_68349915
Probleem is dus dat ik (nog) niet weet welke elementen ik mee moet nemen in de externe stylesheet. Met als gevolg dat als ik de stylesheet aanroep, er biezonder weinig gebeurt.
There are no Saviours, there are no Kings, the Power lies in your head
DeviantArt
pi_68356489
quote:
Op vrijdag 24 april 2009 21:15 schreef Hukkie het volgende:
Probleem is dus dat ik (nog) niet weet welke elementen ik mee moet nemen in de externe stylesheet. Met als gevolg dat als ik de stylesheet aanroep, er biezonder weinig gebeurt.
Dus? Je kunt je stylesheet later gewoon aanpassen, waarna de aanpassingen op iedere pagina zichtbaar zijn (waar je de stylesheet include).
pi_68374077
Welke lettertypes mag je allemaal gebruiken? Ik gebruik vaak de verdana family, maar welke mag je nog meer gebruiken.
  zaterdag 25 april 2009 @ 20:07:59 #87
198417 Lastpost
Rotterdammert!
pi_68374225
quote:
Op zaterdag 25 april 2009 20:03 schreef Flaccid het volgende:
Welke lettertypes mag je allemaal gebruiken? Ik gebruik vaak de verdana family, maar welke mag je nog meer gebruiken.
http://www.w3.org/Style/Examples/007/fonts
Overigens gebruik ik zelf een optie om via een php-bestandje de tekst om te zetten naar het lettertype dat ik zelf mooi vind.
Font opslaan op je server, daarheen verwijzen en de kleur (enz.) bepalen in het php bestandje en dan de boel aanroepen.
Logischerwijs enkel voor bepaalde locaties, gaat anders nogal ten kosten van de snelheid van je website.
https://topbabe.nl
pi_68375234
quote:
Op zaterdag 25 april 2009 20:03 schreef Flaccid het volgende:
Welke lettertypes mag je allemaal gebruiken? Ik gebruik vaak de verdana family, maar welke mag je nog meer gebruiken.
http://en.wikipedia.org/wiki/Web-safe_fonts
pi_68375261
quote:
Op zaterdag 25 april 2009 20:07 schreef Lastpost het volgende:

Overigens gebruik ik zelf een optie om via een php-bestandje de tekst om te zetten naar het lettertype dat ik zelf mooi vind.
Font opslaan op je server, daarheen verwijzen en de kleur (enz.) bepalen in het php bestandje en dan de boel aanroepen.
Logischerwijs enkel voor bepaalde locaties, gaat anders nogal ten kosten van de snelheid van je website.
Tip van de dag: doe het client side met typeface.js of cufón.
pi_68456798
Vraag:

Ik heb een list-item menu. Werkt in Mozilla perfec.t Ziet er strak uit, maar in IE duwt ie het eerste lijstje naar het 2e menu kopje. Hoe kan ik dit fixen?

1
2
3
4
5
6
7
8
9
10		<ul id="nav">
<li>Menu

<ul>
<li>Item1</li>
<li>Item2</li>
</ul>

</li>
</ul>


CSS:
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
38
39		#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav li {
float: left;
width: auto;
}

#nav ul {
position: absolute;
width: 175px;
left: -1000px;
background: #fff;
margin-top: 27px;
opacity: 0.80;
filter: alpha(opacity=80);
-moz-opacity: 0.80; 

font: 12px Verdana, Geneva, sans-serif;
color: #006699;
line-height: 17px;
padding: 10px;
}

#nav ul a, a:active, a:visited {
color: #006699;
text-decoration: none;
}

#nav ul a:hover {
text-decoration: underline;
}

#nav li:hover ul {
left: auto;
} 
pi_68460895
URL?
pi_68465160
Hmm is op de een of andere manier gelukt.

Roy heb jij verstand van maskerdivs?
  dinsdag 28 april 2009 @ 18:11:23 #93
87680 Mirel
Mirel wil een bongophone.
pi_68468350
edit: in het php topic geplaatst

[ Bericht 83% gewijzigd door Mirel op 28-04-2009 18:35:08 ]
When all else fails, you always have delusion.
pi_68469848
quote:
Op dinsdag 28 april 2009 16:45 schreef Nashje het volgende:

Roy heb jij verstand van maskerdivs?
Van wat Ik loop al aardig wat jaren mee in dit wereldje, maar wat is dat in hemelsnaam?
  dinsdag 28 april 2009 @ 19:01:27 #95
87680 Mirel
Mirel wil een bongophone.
pi_68470083
divs met een masker
When all else fails, you always have delusion.
pi_68471985
Goh, echt?
  dinsdag 28 april 2009 @ 19:52:43 #97
198417 Lastpost
Rotterdammert!
pi_68472078
quote:
Op dinsdag 28 april 2009 18:54 schreef Roy_T het volgende:

[..]

Van wat Ik loop al aardig wat jaren mee in dit wereldje, maar wat is dat in hemelsnaam?
Hehe.
Ik heb ook geen idee wat hiermee bedoeld wordt, gebruik zelf weleens div's om zodoende zaken te maskeren (bijvoorbeeld het youtube logo in embedded filmpjes)
https://topbabe.nl
pi_68487275
Oke .

Een maskerdiv is toch een div die je over een andere div kan zetten? Stel ik heb een vierkant plaatje en die verander ik vaak, maar de hoeken moeten wel steeds afgerond zijn en ik heb geen zin om dat elke keer te moeten fixen. Dan gebruik ik een maskerdiv zodat die hoek bij wat voor plaatje dan ook afgerond is. Dat terwijl er dus eigenlijk een vierkant plaatje staat.
pi_68490219
quote:
Op dinsdag 28 april 2009 14:50 schreef Roy_T het volgende:
URL?
Hmm werkt toch weer niet . Kak.

Kun jij je PM inbox aanzetten? Kan ik je ff een linkje passen.
pi_68497358
quote:
Op woensdag 29 april 2009 08:58 schreef Nashje het volgende:

Een maskerdiv is toch een div die je over een andere div kan zetten?
Geen idee, het is geen industrieterm iig

Maar ja, ik heb uiteraard ervaring met het principe (maar dan niet per definitie met div's, soms heb je andere elementen beschikbaar).
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies - deel 12
Index

» digital corner

» development

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