Kunnen jullie even kijken hoe de lay-out bij jullie is...?

[amon]

Ik ben bezig met een nieuw ontwerp (tja, niets te doen).
Het gaat om de links rechtsonder, die moeten schuin onder elkaar langs de E-snaar lopen. Er moet echter wel een 'spatie' tussen link en snaar zitten.
Bij mij klopt het in mn browser, maar ben benieuwd of dit bij jullie (andere resolutie, opera, internet explorer, etc) ook zo is.

Ik heb die spaties namelijk nogal omslachtig gedaan:
Ik heb gewoon tich veel keer & gebruikt. Hier heb ik de border van de tabel op 1 staan en kun je zien wat ik bedoel:
http://home.planet.nl/~serra063/probeersel1.html


Hier dan het resultaat zonder border:
http://home.planet.nl/~serra063/probeersel.html

Dus, kunnen jullie zeggen of de links netjes staan en of er misschien een andere manier is om die 'spaties' van de border naar rechts te maken, ipv 200x & te gebruiken...?
(<ul> heb ik geprobeerd, maar dan kan ik het niet precies regelen)

[strattie]

Ziet er goed uit.

firefox 1024 x nog wat

[Static-M]

Ziet er goed uit, mozilla 1280*1024.
De andere tekst staat niet op dezelfde plaats als eerst zeg maar, maar de links staan goed.

[dmv10000]

(...) en of er misschien een andere manier is om die 'spaties' van de border naar rechts te maken, ipv 200x & te gebruiken...?
(<ul> heb ik geprobeerd, maar dan kan ik het niet precies regelen)

Je hebt al css gebruikt in je bron zie ik, daarmee kan je alles ook op de pixel nauwkeurig plaatsen.

[Mr Freeze]

Mooi gedaan alleen vind ik die achtergrond niet mooi dat hij hem dubbelt zeg maar.

[amon]

Mooi gedaan alleen vind ik die achtergrond niet mooi dat hij hem dubbelt zeg maar.

Bedoel je dat hij de achtergrond herhaalt?

Das niet de bedoeling :) Zal ik even veranderen.

@Static-M: :???: (je moet niet letten op de overige tekst, dat is gewoon voor mezelf wat makkelijker)

[amon]

Hey, die css, die waren gewoon rechtstreeks van internet geplukt. Ben me er nou eens in aan het verdiepen, maar daar zitten verdomd handige dingetjes tussen!!!

[ReinoutV]

Bij mij, Windows XP, IE 6.0, 1024x768, lopen de links rechts wel door de E-snaar heen en zijn dus niet zo goed leesbaar.

[amon]

Kijk, daar was ik al bang voor...


Maar, ik heb vanmiddag een cursus css doorgelezen, was even wennen, maar ik heb het nu wel door. Zie hier het resultaat:

http://home.planet.nl/~serra063/stylesheet2.html


Als het goed is lopen ze nou niet meer door de E-snaar en wordt de achtergrond niet meer herhaald.

[strattie]

klopt, maar de tekst loopt niet meer precies gelijk aan de snaar...

[strattie]

klopt, maar de tekst loopt niet meer precies gelijk aan de snaar...

[dmv10000]

Bij mij loopt de tekst nu juist wel goed en de achtergrond wordt idd niet meer herhaald. Ik ben benieuwd naar het eindresultaat...

[amon]

Ja, bij Firefox wordt de afstand van tekst en snaar steeds iets groter. Bij Internet Explorer lopen ze goed.
Ik heb het maar even met Internet Explorer als voorbeeld gemaakt, aangezien ik toch denk dat meerendeel dit gebruikt en het resultaat in beide browsers zo zo goed mogelijk is. Als ik het had ingesteld naar Firefox-browser, dan liepen ze in Internet Explorer steeds dichter naar de snaar toe en uiteindelijk (de laatste paar links) liepen ze door de snaar heen.

Maargoed, als er nog mensen zijn met Opera of andere varianten, ik hoor het graag of het nu oké is. Dan kan ik met een gerust hart verder...

edit: En bij Firefox moet je nu maar gewoon bedenken dat de denkbeeldige lijn die je kunt trekken door de eerste letters van de links mee gaat met de diepte... :wink: :D

[ReinoutV]

Ziet er nu (IE6) goed uit ja. Als je je scherm niet gemaximaliseerd hebt gaat de tekst een beetje raar doen, maar ik weet niet of daar iets aan te doen is.

[amon]

Ohja, ik zie het, naja, ik zal kijken of ik wat kan doen, anders boeit me dat toch niet zo heel erg veel...

Edit: Weer iets bijgewerkt. Als je dat css door hebt, kun je ook die dingetjes van internet rippen en gemakkelijk aanpassen! Kijk maar eens wat er nu bij staat: geript, maar naar eigen hand helemaal omgebouwd, alleen het JAVA-gedeelte is nog hetzelfde.... :)

[rvorkink]

Ik zou het helemaal niet op deze manier doen, maar met een map, dus een jpeg van de gitaar en daar de teksten inzetten, of een gif, en dan met de map en area commando's gaan werken.

Rene

[harrie-beton]

ben het de vorige spreker eens, of macromedia flash gebruiken.

[amon]

Macromedia Flash heb ik gedownload, maar zo goed als ik het snapte een paar jaar terug, zo snap ik er nu geen snars meer van... Dus was toch maar weer met HTML begonnen.

Wat rvorkink bedoelt snap ik niet goed. Bedoel je dat ik op het plaatje van die gitaar de link-teksten al typ en dan in dmv css een box boven die tekst plaatsen, zodat die box als het ware de link vormt?

[dmv10000]

Ik denk dat ze zoiets bedoelen. Gewoon de tekst idd in het plaatje zetten en de links dan klikbaar maken door zo'n map. (Ik hoop dat de code hieronder een beetje klopt, ik heb al een tijd geen map gebruikt...)


<img src="image.gif" width="500" height="300" border="0" usemap="#image">
<map name="image">
<area shape="rect" coords="367,140,489,209" href="link1.html" alt="link1">
<area shape="rect" coords="7,137,119,207" href="link2.html" alt="link2">
</map>

In dit geval voor de links ook een handige manier, maar aangezien ik toch altijd css gebruik voor andere dingen gaat mijn voorkeur daar naar uit.

[rvorkink]

Dit bedoelde ik dus:

<p align="center"><img src="../pics/menubar.gif" width="709" height="32" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="8,7,68,24" href="indextnt.htm" target="_parent" alt="is where the heart is">
<area shape="rect" coords="69,7,131,24" href="../index.htm" target="_parent" alt="nog een keer afspelen">
<area shape="rect" coords="132,7,257,24" href="blackmagic.htm" target="mainFrame" alt="speelde acid rock en west coast rock">
<area shape="rect" coords="258,7,359,24" href="hangover.htm" target="mainFrame" alt="speelde rock en symphonische rock">
<area shape="rect" coords="360,7,403,24" href="tnt.htm" target="mainFrame" alt="speelde stevige rock">
<area shape="rect" coords="404,7,447,24" href="mp3.htm" target="mainFrame" alt="tjes van TnT">
<area shape="rect" coords="448,7,514,24" href="../FOTO/bandkubus/cube3d.htm" target="mainFrame" alt="van de 3 bands">
<area shape="rect" coords="515,7,634,24" href="http://www.t-n-t.nl/cgi-bin/gastenboek/guestbook.cgi" target="mainFrame" alt="om een bericht achter te laten">
<area shape="rect" coords="635,7,703,24" href="mailto:info@t-n-t.nl?subject=Info Algemeen" alt="voor al je vragen en opmerkingen over de inhoud">
</map>

[harrie-beton]

macromedia flash is volledig resizeable en je kunt mooiere dingen doen met de knoppen