Html, CSS Div-Tag Vraagje

[bbr]

Linkje: http://blackrune.atspace.com/

1: in sommige browsers is het midden van de page, off-center.
2: De "ogen" op de dragons verplaatsen als je het browser window, groter of kleiner maakt.


om 1 te fixxe, zou ik, hopelijk de table kunne splitten.
om 2 te fixxe, kan ik een Div tag binnen een Cell plaatsen, om de positie relatief aan die cell te zetten?


Alle antwoorden, en verdere suggesties zijn welkom

--

momenteel staan de divs als:

<div style="position: absolute; left: 104px; top: 88px; width: 10px; height: 9px;">
<table width="73" height="9" border="0" cellpadding="0" cellspacing="0"><tbody><tr valign="top">
<td>[img]"pics/eyeleft.gif"[/img]</td>
</tr></tbody></table>
</div>

<div style="position: absolute; left: 890px; top: 88px; width: 10px; height: 9px;">
<table width="73" height="9" border="0" cellpadding="0" cellspacing="0"><tbody><tr valign="top">
<td>[img]"pics/eyeright.gif"[/img]</td>
</tr></tbody></table>
</div>


--

maar ik denk dus dat op de een of andere manier elke Div in de topleft, end topright Cell zou moeten kunnen?

[SchizoDuckie]

lees nog ff terug... wat is je vraag nou eigenlijk

owja en probeer ff je code tussen [html] te zetten en alle CSS in een apart .css bestand te plaatsen. Dan kan je je hele layout later nog eens veranderen zonder je HTML open te hoeven slopen.

[Geert.H]

huh?
Ok, na een aantal keer je post over te hebben gelezen denk ik te weten wat je bedoelt...

met puntje nmmr 1 bedoel je dat je het midden van de pagina wilt hebben? En hoe je die moet vinden?
Dat kan met de volgende code

Cascading Stylesheet:

#box {
width:200px;
left:50%
margin-left:-100px;
}

en als je wilt da #box tegen het midden aan ligt dan verander je de margin-left:100px; naar 200 px; of 0px;

Wat je nou wil met die ogen weet ik niet. Ik zie ze doro het scherm vliegen als ik mijn browser goter of kleiner maak, maar wat moet er nou mee gebeuren? Moet ze stil staan, zoja waar?
En volgens mij kan je dat dan ook oplossen met hetzelfde stukje code dat ik je hierboven heb gegeven.

Voor de rest moet je in het vervolg eerst de search even gebruiken voordat je dit soort dingen vraagt.

[Kayshin]

Waarom moeten die ogen eigenlijk loszitten?

[Urk]

Kayshin schreef op vrijdag 11 februari 2005 @ 13:58:
Waarom moeten die ogen eigenlijk loszitten?

Ja dat vroeg ik me ook net af, je kan toch met Photoshop op het achtergrond plaatje die ogen verbeteren?

[bbr]

Urk schreef op vrijdag 11 februari 2005 @ 14:01:
[...]

Ja dat vroeg ik me ook net af, je kan toch met Photoshop op het achtergrond plaatje die ogen verbeteren?

Jpeg kwaliteit.

de grote plaat is compressed om em klein te houde.
de ogen waren dan meer bruin, dus heb ik die er apart op geknalt.
also.: dan kan ik de ogen later nog eens animated Gif maken.


ik had search al geused.
jah, ogen wil ik exact houden waar ze horen, binnen de topleft, en topright Cell, en dan over de meer bruinere ogen heen, zodat als je je browser resized, ze toch goed op die positie blijven zitte.

'k wil de banner + table centered van de html page hebben.
en de ogen relatief aan de positie van die table mee laten bewegen, of vastzetten binnen die tabel.

[ Voor 34% gewijzigd door bbr op 11-02-2005 14:13 ]

[Geert.H]

heb je nou al zelf iets geprobeerd?
Verwacht niet dat wij ier je hele code in elkaar flansen.
Met wat in mijn post staat kan je die ogen positioneren waar ze moeten. Namelijk met dat stukje code plaats je je object vanaf het midden. Misschien niet erg netjes, maar het werkt wel.

[crisp]

dit is netter om te centreren:

Cascading Stylesheet:

body {
    position: relative;
    text-align: center;
}
body #box {
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

Overigens is absolute positioning altijd relatief vanaf een gepositioneerd (relative of absolute) parent-element. Doe daar je voordeel mee

[bbr]

problem fixed: http://blackrune.atspace.com

low tech solution
transparent background. for the Cell