nog 1 vraag [Archief] - FlashFocus.nl

Volledige versie bekijken : nog 1 vraag

Dark Angel

%Europe/Berlin %718 %2006, 17:14

Hallo,
Ik ben bezig met mijn nieuwe website alleen ik heb een probleem. Het probleem is dat ik een margin rond mijn site hou en tussen de plaatjes hou ik een witrand? Wie kan mij helpen?
voorbeeld is te zien op ***

html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta http-equiv="description" content="">
<meta http-equiv="keywords" content="">
<meta http-equiv="imagetoolbar" content="no">
<title>Welkom bij mesign.nl</title>
</head>

<body>
<table width="100%" height="100%" border="0">
<tr>
<td align="left" valign="top"><table width="628" height="271" border="0">
<tr>
<td class="bg-home1"></td>
<td class="bg-home3"><p class="tekst-home">Tekst bla bla bladie bladie
bla </p></td>
<td class="bg-home2"></td>
</tr>

</table></td>
</tr>
</table>
</body>
</html>

css:
body{
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
border:none;
}

a:active, a:link, a:visited, a:focus{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
text-decoration:none;
}

a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
text-decoration:underline;
}

.bg-home1{
background:url(../img/home_links.jpg) top right no-repeat;
height:248px;
width:254px;
}

.bg-home2{
background:url(../img/home_rechts.jpg) top left no-repeat;
height:248px;
width:94px;
}

.bg-home3{
background:url(../img/bg_home_lijnen.jpg) top left repeat-x;
height:248px;
}

.tekst-home{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
line-height:17px;
padding-left:20px;
}
volgens mij is het een hele stomme fout of ben ik gewoon iets vergeten, maar kom er echt niet uit :( . Alvast bedankt voor de hulp.

theFlashWizard

%Europe/Berlin %729 %2006, 17:30

in de table zal je ook alle margins en paddings op 0 moeten zetten.

margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
is trouwens gelijk aan:
margin: 0;

Dark Angel

%Europe/Berlin %736 %2006, 17:40

in de table zal je ook alle margins en paddings op 0 moeten zetten.
Beide had ik al gedaan, maar werkte niet.
Heb het nu terug verandert.

margin: 0;
padding: 0;
border: none;
Heb het ook weer online staan, maar werk nog steeds niet?

Dark Angel

%Europe/Berlin %741 %2006, 17:47

in de table zal je ook alle margins en paddings op 0 moeten zetten.
sry verkeerd vegrepen, heb nu cellpadding="0" cellspacing="0" erbij gezet.
stom dat ik dat over het hoofd zag :(

tnx voor je hulp! (kan je geen reputatie geven, want moet eerst andere wat geven voordat ik jou weer wat mag geven :))

theFlashWizard

%Europe/Berlin %743 %2006, 17:50

tja.. en toch zal je dat moeten doen.. mischien heb je toch toen iets fout gedaan. kun je laten zien hoe je dat toen probeerde?
(alle margins en paddings van alla onderdelen in de tabel op 0 zetten)

Dark Angel

%Europe/Berlin %807 %2006, 19:23

Is het mogenlijk om een tabel in het midden van het scherm te laten komen in (HTML 4.01 Transitional). want als ik nu test doet hij het wel in IE maar niet in FF? :S

zie ***

WurmQ

%Europe/Berlin %814 %2006, 19:33

theFlashWizard

%Europe/Berlin %815 %2006, 19:34

gebruik anders gewoon eens div's en css:
Actionscript Tutorials -> flashmovie centreren (http://www.flashfocus.nl/forum/showthread.php?t=6338#flashmovie centreren)

als je dit perse niet wilt gebruiken maak je 1 grote tabel alles width en height 100% en dan zet je de uitleining van de td op middle en center

Dark Angel

%Europe/Berlin %854 %2006, 20:31

gebruik anders gewoon eens div's en css:
Actionscript Tutorials -> flashmovie centreren

als je dit perse niet wilt gebruiken maak je 1 grote tabel alles width en height 100% en dan zet je de uitleining van de td op middle en center
met div wil ik me nog niet even mee bezig houden. en ik weet dat het met tabellen moet lukken.

Ik heb jou voorbeeld nu gebruikt en dat werkt wel in IE maar niet in FF :S :(
zie mesign.nl

ook heb ik gebrobeert met een tabel verdeelt in 5 tabellen (top h50%, left w50%, rightw50%, bottom h50% en middle cell(vaste h en w) maar dat werkt ook niet.
Dit moet kunnen want ik heb het eerder gezien, maar weet niet meer waar.
Bedankt voor het geageren flashwizard!

WurmQ

%Europe/Berlin %864 %2006, 20:44

Mijn optie al geprobeerd? Ondanks dat je geen divs wilt gebruiken.

Dark Angel

%Europe/Berlin %629 %2006, 15:06

Mijn optie al geprobeerd? Ondanks dat je geen divs wilt gebruiken.
nee, werkt helaas ook niet?
:( ik kijk wel even verder of ik nog iets kan vinden, en anders moet het maar met div :)

Dark Angel

%Europe/Berlin %632 %2006, 15:10

Mijn optie al geprobeerd? Ondanks dat je geen divs wilt gebruiken.

ja, heb ik geprobeert, maar werkt ook niet.
Ik zoek/probeer wel even verder. i.i.g bedankt
als er niets ander op zit, moet ik me maar even verdiepen in div. :)

WurmQ

%Europe/Berlin %659 %2006, 15:49

Plaats je tabel in een div en maak deze in je .css op met
div#container{
position: absolute;
width: 710px; // lengte container
margin-left: -355px; // helft van die lengte
height: 510px; // hoogte van de div
margin-top: -255px; // helft van die hoogte
top: 50%;
left: 50%;
}

<div id="container"> het hele gebeuren met de tabel(len)</div>

Als het goed is moet dit werken.

Grtz WurmQ

Ow srry ik zie nu dat er naast de container div ook nog een body div opgemaakt moet worden waarin het tabellen gebeuren moet komen. De CSS wordt dan naast wat hierboven staat(in combinatie met de afmetingen hierboven):
div#body {
width:710px;
height:510px;
}

Je HTML wordt dan:
<div id="container">

<div id="body">het hele gebeuren met de tabel(len)</div>

</div>

Als dit niet lukt zul je denk ik idd alles met divs op moeten maken, maar dit valt best mee hoor ;) Suc6