[TikiWiki / CSS] krijg de site niet gecentreerd * - Softwareontwikkeling

woensdag 22 april 2009 15:58

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Hoi,

Ik ben bezig met een Tikiwiki intranetsite, en wil deze graag gecentreert op het scherm weergeven.

heb geprobeert:
Via de stylesheet, werkt niet..
Met uitleg van http://twbasics.keycontent.org/tiki-index.php (alleen in het spaans!?)
Op google opgezocht..
en natuurlijk http://doc.tikiwiki.org/tiki-index.php?page=Tutorials doorgespit...

Ben pas met dit CMS begonnen voor een Intranet maar kan erg weinig tutorials vinden
Mocht je tips hebben...graag

woensdag 22 april 2009 15:59

Acties:

0 Henk 'm!

BtM909

Watch out Guys...

En staat er iets online wat toegankelijk is om te checken?

Daarnaast mis ik nou precies wat je hebt geprobeerd.

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

woensdag 22 april 2009 16:03

Acties:

0 Henk 'm!

BlackHawkDesign

Beste Melissa,

Offtopic: Je had misschien beter dit topic in het subforum programming kunnen gooien. Dit is meer om te filosoferen om bepaalde zaken op te lossen.

Ontopic: Als ik iets snel en makkelijk wil doen, zet ik soms de hele handel tussen <center> tags. Dus

code:

1
2
3

<center>
heel veel code
</center>

Dit is natuurlijk niet helemaal netjes, maar aangezien ik niet echt kan zien wat voor code er achter zit e.d

Zover ik begrijp is dat TikiWiki een soort cms systeem?
Die guide die je gaf is gewoon in het engels?

Succes!

woensdag 22 april 2009 16:05

Acties:

0 Henk 'm!

Wiethoofd

Broadcast TOM

misschien je body een 'auto' margin-left en een margin-right meegeven?

Cascading Stylesheet:

body {
margin-left: auto;
margin-right: auto;
}

[ Voor 33% gewijzigd door Wiethoofd op 22-04-2009 16:06 ]

Volg me op Twitter/X & Bluesky

woensdag 22 april 2009 16:28

Acties:

0 Henk 'm!

Creepy

Tactical Espionage Splatterer

Puur een CSS probleem dus? Daar is SEA niet de juiste plek voor (en PRG ook niet overigens BlackHawkDesign

)
Move Software Engineering & Architecture -. Webdesign, Markup & Clientside Scripting.

Meldingen als "werkt niet" kunnen we vrij weinig mee. Als je kan aangeven wast je dan hebt geprobeert wat niet werkte dan weten we al een stuk meer.

"I had a problem, I solved it with regular expressions. Now I have two problems". That's shows a lack of appreciation for regular expressions: "I know have _star_ problems" --Kevlin Henney

woensdag 22 april 2009 16:56

Acties:

0 Henk 'm!

Bosmonster

*zucht*

HTML:

<style type="text/css">
div#centersite {
   width: 900px; /* of wat je wilt */
   margin: 0 auto;
   position: relative;
}
</style>

[...]
<body>
   <div id="centersite">
     [... hier de rest van de site ...]
   </div>
</body>

Zou niks mogen breken op deze manier, maar je weet maar nooit met de html die sommige CMS'en uitspugen

[ Voor 30% gewijzigd door Bosmonster op 22-04-2009 16:58 ]

woensdag 22 april 2009 20:31

Acties:

0 Henk 'm!

Gersomvg

Bosmonster schreef op woensdag 22 april 2009 @ 16:56:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<style type="text/css">
div#centersite {
   width: 900px; /* of wat je wilt */
   margin: 0 auto;
   position: relative;
}
</style>

[...]
<body>
   <div id="centersite">
     [... hier de rest van de site ...]
   </div>
</body>
Zou niks mogen breken op deze manier, maar je weet maar nooit met de html die sommige CMS'en uitspugen

Ik meen te weten dat je voor IE6 dan ook nog even de body een text-align center moet meegeven (en dan evt. de container weer een text-align left natuurlijk)

woensdag 22 april 2009 20:37

Acties:

0 Henk 'm!

TERW_DAN

Met een hamer past alles.

gersompie schreef op woensdag 22 april 2009 @ 20:31:
[...]

Ik meen te weten dat je voor IE6 dan ook nog even de body een text-align center moet meegeven (en dan evt. de container weer een text-align left natuurlijk)

Hoeft niet per se. Ik heb het op die manier in IE6 wel aan de praat gehad zonder problemen

woensdag 22 april 2009 20:43

Acties:

0 Henk 'm!

Gersomvg

TERW_DAN schreef op woensdag 22 april 2009 @ 20:37:
[...]

Hoeft niet per se. Ik heb het op die manier in IE6 wel aan de praat gehad zonder problemen

Correctie: Oh nee.. dat is bij IE 5.5

Maar die is een beetje uit de tijd xD
Ach ja.. het is maar 2 regeltjes meer css

offtopic:
Ideaal trouwens IETester

[ Voor 5% gewijzigd door Gersomvg op 22-04-2009 20:43 ]

woensdag 22 april 2009 21:02

Acties:

0 Henk 'm!

TERW_DAN

Met een hamer past alles.

Klopt, IE5.5 doet daar idd wat lastig mee. Maar goed, een browser uit de vorige eeuw moet je niet meer mee werken.

woensdag 22 april 2009 22:27

Acties:

0 Henk 'm!

Bosmonster

*zucht*

5.5 houden we natuurlijk geen rekening mee, 6.0 is al in fase 'graceful fallback', maar die pakt dit prima.

donderdag 23 april 2009 13:01

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

ok, dank jullie wel voor alle antwoorden
ga het gewoon allemaal proberen

Sorry moderator BTM909, ik kan niets online zetten omdat het hier een Intranet betreft..
de <center></center> had ik al geprobeert, margin left: 150px werkt wel, maar ziet er natuurlijk niet uit bij het verkleinen van het scherm....ook heb ik geprobeert de CSS met dreamweaver te bewerken...dat was een mindere actie want toen lag ineens alles plat en heeft onze IT medewerker alles opnieuw erop gezet. Tiki werkt met een eigen code en ctrl_c/v werkt niet echt.

verder heb ik op Google gezocht natuurlijk...maar dat levert niets op. Er is weinig documentatie ( of ik zoek verkeerd) en welke ik gevonden heb geeft me niet het antwoord op mijn problemen (jep, het zijn er inmiddels meer...)

en Tactical, ik zal de volgende keer uitkijken waar ik post

Thanks $_/-\o_$

donderdag 23 april 2009 13:11

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Yess..
het werkt...

width: 900px;
margin-top: 0px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;

in de hoofdstylesheet en voila...
nogmaals thanks

donderdag 23 april 2009 13:28

Acties:

0 Henk 'm!

Gersomvg

Verwijderd schreef op donderdag 23 april 2009 @ 13:11:
Yess..
het werkt...

width: 900px;
margin-top: 0px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;

in de hoofdstylesheet en voila...
nogmaals thanks

Shorthand scheelt weer code

Cascading Stylesheet:

1
2
3

iets{
margin:0px auto;
}

Wat je trouwens ook al uit de reactie van Bosmonster had kunnen halen zie ik nu

[ Voor 9% gewijzigd door Gersomvg op 23-04-2009 13:29 ]

Pagina: 1

Reageer