Avatar billede php-nybegynderen Nybegynder
23. april 2006 - 20:03 Der er 21 kommentarer og
1 løsning

En hel side i HTML / CSS!

www.mikkel-lauridsen.dk/divinium ligger siden, men efter forgæves forsøg, kan jeg stadig ikke få den til at se rigtig ud, og for en god koder, burde det heller ikke være et problem.

Koden ser således ud:

<html>

<head>
<title>divinium</title>

<style type='text/css'>

body {

    background-image: url('pattern.jpg');
    margin: 0px; }

img {

    margin-top: 0px; }

table.bg {

    height: 100%;
    background-image: url('tablebg.jpg');
    background-repeat: repeat-y; }

p {
    margin-left: 90px; }

</style>
</head>

<body>

<table align='center' class='bg'>
<tr>

<td align='top' valign='left'>
<img src='banner.jpg' usemap='#banner' border='0' width='1033px' height='540px'>
</td>

</tr>
<tr>

<td align='top'>

<p>
Hej
</p>

</td>

</tr>
</table>


<map name='banner'>
<area shape='rect' href='index.php' coords='65,23,91,31'>
<area shape='rect' href='roster.php' coords='170,23,205,31'>
<area shape='rect' href='matches.php' coords='281,23,328,31'>
<area shape='rect' href='events.php' coords='402,23,440,31'>
<area shape='rect' href='partners.php' coords='518,23,569,31'>

</body>

</html>

Koordinaterne er ikke sat endnu, men det har ingen betydning, jeg håber i kan finde ud af hvori problemet opstår.

- Mikkel
Avatar billede mstorgaard Praktikant
23. april 2006 - 20:15 #1
Valign = vertical align = om den skal være i toppen, i midten eller i bunden
Align = om den skal være i venstreside, i midten eller i højreside :)

Jeg tror det er der din fejl ligger..
Avatar billede mstorgaard Praktikant
23. april 2006 - 20:16 #2
Dvs.:
<html>

<head>
<title>divinium</title>

<style type='text/css'>

body {

    background-image: url('pattern.jpg');
    margin: 0px; }

img {

    margin-top: 0px; }

table.bg {

    height: 100%;
    background-image: url('tablebg.jpg');
    background-repeat: repeat-y; }

p {
    margin-left: 90px; }

</style>
</head>

<body>

<table align='center' class='bg'>
<tr>

<td valign='top' align='left'>
<img src='banner.jpg' usemap='#banner' border='0' width='1033px' height='540px'>
</td>

</tr>
<tr>

<td valign='top'>

<p>
Hej
</p>

</td>

</tr>
</table>


<map name='banner'>
<area shape='rect' href='index.php' coords='65,23,91,31'>
<area shape='rect' href='roster.php' coords='170,23,205,31'>
<area shape='rect' href='matches.php' coords='281,23,328,31'>
<area shape='rect' href='events.php' coords='402,23,440,31'>
<area shape='rect' href='partners.php' coords='518,23,569,31'>

</body>

</html>
Avatar billede php-nybegynderen Nybegynder
23. april 2006 - 20:18 #3
Jamen du kan prøve at se.. Resultatet er det samme :(
Avatar billede mstorgaard Praktikant
23. april 2006 - 20:21 #4
<td style="padding: 0px; margin: 0px;" align="left" valign="top">
i stedet for
<td valign='top' align='left'>
hjælper lidt, men jeg prøver lige at se, hvordan man kan gøre.
Avatar billede mstorgaard Praktikant
23. april 2006 - 20:25 #5
<html><head><title>divinium</title>




<style type="text/css">

body {

    background-image: url('pattern.jpg');
    margin: 0px; }

img {

    margin-top: 0px; }

table.bg {

    height: 100%;
    background-image: url('tablebg.jpg');
    background-repeat: repeat-y;
    background-position: center;
}

p {
    margin-left: 90px; }

</style>
</head><body>

<table class="bg" align="center">
<tbody><tr>

<td style="padding: 0px; margin: 0px;" width="1035" align="center" valign="top">
<img src="divinium_files/banner.jpg" usemap="#banner" border="0" height="540" width="1033">
</td>

</tr>
<tr>

<td valign="top">

<p>
Hej
</p>

</td>

</tr>
</tbody></table>


<map name="banner"><area shape="rect" href="http://www.mikkel-lauridsen.dk/divinium/index.php" coords="65,23,91,31"><area shape="rect" href="http://www.mikkel-lauridsen.dk/divinium/roster.php" coords="170,23,205,31"><area shape="rect" href="http://www.mikkel-lauridsen.dk/divinium/matches.php" coords="281,23,328,31"><area shape="rect" href="http://www.mikkel-lauridsen.dk/divinium/events.php" coords="402,23,440,31"><area shape="rect" href="http://www.mikkel-lauridsen.dk/divinium/partners.php" coords="518,23,569,31">






</map></body></html>
Avatar billede mstorgaard Praktikant
23. april 2006 - 20:25 #6
Det fungerer vist, men er vist stadig ikke det mest optimale..
Avatar billede php-nybegynderen Nybegynder
23. april 2006 - 20:25 #7
Det er som om den rykker sig, men det er meget lidt!!
Avatar billede mstorgaard Praktikant
23. april 2006 - 20:28 #8
Prøv lige den sidste løsning jeg skrev (23/04-2006 20:25:22)
Avatar billede php-nybegynderen Nybegynder
23. april 2006 - 20:31 #9
Ja, den virker skam ;)

Hmm .. Egentlig vil jeg gerne lige have en sidste ting på plads :)

Kan du finde ud af at lave opløsningen en LILLE smule mindre :) Bare sådan det ikke ser så stort ud?
Avatar billede mstorgaard Praktikant
23. april 2006 - 20:34 #10
Hvad mener du med opløsningen? Altså at formindske billederne?
Avatar billede php-nybegynderen Nybegynder
23. april 2006 - 20:35 #11
Ja, hele siden..
Avatar billede mstorgaard Praktikant
23. april 2006 - 20:38 #12
Det er lidt svært uden at ødelægge den flotte baggrund. Medmindre jeg får en psd..
Avatar billede mstorgaard Praktikant
23. april 2006 - 20:40 #13
Forresten så er der lige et svar her :o)
Avatar billede php-nybegynderen Nybegynder
23. april 2006 - 20:41 #14
Man kan ikke sætte width og height på baggrunden + billedet så de bevarer udseendet?
Avatar billede mstorgaard Praktikant
23. april 2006 - 20:43 #15
De bliver meget dårlig kvalitet, hvis du begynder at rette på bredde og højde inde i html-dokumentet..
Avatar billede php-nybegynderen Nybegynder
23. april 2006 - 20:47 #16
øv øv øv :(
Avatar billede mstorgaard Praktikant
23. april 2006 - 20:51 #17
Hvem er det der har lavet designet? For du kan vel få den person til at rette det til..
Avatar billede php-nybegynderen Nybegynder
23. april 2006 - 20:53 #18
Tja - Men det kan ikke gøres via jpg filerne, eller så bliver det måske grumset? :(
Avatar billede mstorgaard Praktikant
23. april 2006 - 20:56 #19
Ja, og det er ret svært at rette med den baggrund..

Du kan jo evt. oprette et nyt spørgsmål i Grafiske Opgaver, og se om nogen her på exp kan hjælpe..
Avatar billede php-nybegynderen Nybegynder
23. april 2006 - 20:58 #20
Fair nok.. Jeg ordner det nok ..

Men tak.. Og tillykke med dine point :)
Avatar billede mstorgaard Praktikant
23. april 2006 - 22:43 #21
Tak for point :o)
Avatar billede roenving Novice
24. april 2006 - 00:02 #22
-- og så kan du lave alle properties som css:

<td style="padding: 0px; margin: 0px;width:1035px;text-align:center;vertical-align:top">
<img src="divinium_files/banner.jpg" usemap="#banner" style="border:0;height:540px;width:1033px">
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester