/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord? 		Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
1  molokyle 11184
2  Klaudi 5506
3  bentjuul 3377
4  severino 2040
5  smorch 1950
6  strarup 1525
7  natmaden 1396
8  scootergr.. 1320
9  e.c 1150
10  miritdk 1110
Hjælp: Topbanner vil ikke placere sig korr~
Fra : DesrAw

Dato : 06-11-07 15:12
Hejsa
Jeg er lige startet på at lære html (about time). Jeg er derfor ved at
opsætte en lille test side for at lære lidt mere.
Jeg sidder dog allerede fast med mit topbanner.
Jeg vil have den helt op i toppen af siden, men placerer sig et lille stykke
nede og man kan se baggrunden ovenover banneret.
Jeg håber virkelig at nogen lige vil kigge på mine koder... på forhånd tak.
Please lad være med at kigge på design, for det er bare test. :)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body background="../images/Background.jpg">
<table width="830" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td colspan="12" valign="top"><img
src="http://img360.imageshack.us/img360/6351/testbannerjp2.jpg" width="830"
height="199" /></td>
</tr>
</table>
</body>
</html>

Mvh DesrAw



 
 
Peter Vesth (06-11-2007)
Kommentar
Fra : Peter Vesth

Dato : 06-11-07 15:44
DesrAw wrote in dk.edb.internet.webdesign.html:
> Hejsa
> Jeg er lige startet på at lære html (about time). Jeg er derfor ved at
> opsætte en lille test side for at lære lidt mere.
> Jeg sidder dog allerede fast med mit topbanner.
> Jeg vil have den helt op i toppen af siden, men placerer sig et lille stykke
> nede og man kan se baggrunden ovenover banneret.
> Jeg håber virkelig at nogen lige vil kigge på mine koder... på forhånd tak.
> Please lad være med at kigge på design, for det er bare test. :)
>
> <html>
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
> <title>Untitled Document</title>
> </head>
>
> <body background="../images/Background.jpg">
> <table width="830" border="0" align="center" cellpadding="0"
> cellspacing="0">
> <tr>
> <td colspan="12" valign="top"><img
> src="http://img360.imageshack.us/img360/6351/testbannerjp2.jpg" width="830"
> height="199" /></td>
> </tr>
> </table>
> </body>
> </html>
>

Hej DesrAw

Selvom jeg ikke bryder mig om in-linestyle, så giver jeg dig lige nedenstående,
du kan så forsøge dig frem med placering. Det ville være ulige bedre, hvis du
lavede noget CSS styring af stylen.

Du kan rokere rundt med din topbanner ved ændringer i top og left. Placeringen
påvirkes også af margin og padding.

Prøv engang, og god fornøjelse.

<table style="position: absolute; top:0px; left:100px; width:830px; border:0px;
text-align:center; margin:0px; padding:0px;">
<tr>
<td colspan="12" valign="top">
<img src="img360.imageshack.us/img360/6351/testbannerjp2.jpg" width="830"
height="199" />
</td>
</tr>
</table>

Mvh

Peter


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

DesrAw (06-11-2007)
Kommentar
Fra : DesrAw

Dato : 06-11-07 21:06
mange tak jeg tager et kig på det.
Jeg vil også igang med at kigge på css, men en ting af gangen ;)

"Peter Vesth" <peter_vesth@hotmail.com> wrote in message
news:47307d92$0$90271$14726298@news.sunsite.dk...
> DesrAw wrote in dk.edb.internet.webdesign.html:
>> Hejsa
>> Jeg er lige startet på at lære html (about time). Jeg er derfor ved at
>> opsætte en lille test side for at lære lidt mere.
>> Jeg sidder dog allerede fast med mit topbanner.
>> Jeg vil have den helt op i toppen af siden, men placerer sig et lille
>> stykke
>> nede og man kan se baggrunden ovenover banneret.
>> Jeg håber virkelig at nogen lige vil kigge på mine koder... på forhånd
>> tak.
>> Please lad være med at kigge på design, for det er bare test. :)
>>
>> <html>
>> <head>
>> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
>> <title>Untitled Document</title>
>> </head>
>>
>> <body background="../images/Background.jpg">
>> <table width="830" border="0" align="center" cellpadding="0"
>> cellspacing="0">
>> <tr>
>> <td colspan="12" valign="top"><img
>> src="http://img360.imageshack.us/img360/6351/testbannerjp2.jpg"
>> width="830"
>> height="199" /></td>
>> </tr>
>> </table>
>> </body>
>> </html>
>>
>
> Hej DesrAw
>
> Selvom jeg ikke bryder mig om in-linestyle, så giver jeg dig lige
> nedenstående,
> du kan så forsøge dig frem med placering. Det ville være ulige bedre, hvis
> du
> lavede noget CSS styring af stylen.
>
> Du kan rokere rundt med din topbanner ved ændringer i top og left.
> Placeringen
> påvirkes også af margin og padding.
>
> Prøv engang, og god fornøjelse.
>
> <table style="position: absolute; top:0px; left:100px; width:830px;
> border:0px;
> text-align:center; margin:0px; padding:0px;">
> <tr>
> <td colspan="12" valign="top">
> <img src="img360.imageshack.us/img360/6351/testbannerjp2.jpg" width="830"
> height="199" />
> </td>
> </tr>
> </table>
>
> Mvh
>
> Peter
>
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials



Jørgen Farum Jensen (06-11-2007)
Kommentar
Fra : Jørgen Farum Jensen

Dato : 06-11-07 22:43
DesrAw skrev:
> mange tak jeg tager et kig på det.
> Jeg vil også igang med at kigge på css, men en ting af gangen ;)
>

Svar venligst nedenunder det, du citerer.

Løsningen på dit problem er netop en CSS-ting. Lav
et stylesheet i headdelen af din webside med
følgende indhold
<style type="text/css">
html, body {
margin:0;border:0;padding:0;
}
</style>

Hvis du vil lave moderne websider
må du nok indstille dig dig på at
få greb om CSS på samme tid som du
får greb om HTML.

For eksempel er det højst umoderne at bruge
tabeller til at layoute websider, uanset
hvor mange eksempler du ser på det.

Find et layout, der passer dig på
websiden http://webdesign101.dk/layout/,
kopier koden fra dette eksempel og begynd
så at skrue på elementernes CSS-egenskaber.

Ved at starte på denne måde, med en
en moderne konstrueret og validerende
webside, får du også meget lettere og
hurtigere hjælp i disse nyhedsgrupper.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

DesrAw (09-11-2007)
Kommentar
Fra : DesrAw

Dato : 09-11-07 01:22

> Jørgen Farum Jensen skrev:
> Svar venligst nedenunder det, du citerer.
>
> Løsningen på dit problem er netop en CSS-ting. Lav
> et stylesheet i headdelen af din webside med
> følgende indhold
> <style type="text/css">
> html, body {
> margin:0;border:0;padding:0;
> }
> </style>

mange tak. jeg fik det til at virke :)

>
> Hvis du vil lave moderne websider
> må du nok indstille dig dig på at
> få greb om CSS på samme tid som du
> får greb om HTML.

Jeg er begyndt at bruge det og er overraskende nemt (indtil videre) :)

>
> For eksempel er det højst umoderne at bruge
> tabeller til at layoute websider, uanset
> hvor mange eksempler du ser på det.
>
> Find et layout, der passer dig på
> websiden http://webdesign101.dk/layout/,
> kopier koden fra dette eksempel og begynd
> så at skrue på elementernes CSS-egenskaber.
>
> Ved at starte på denne måde, med en
> en moderne konstrueret og validerende
> webside, får du også meget lettere og
> hurtigere hjælp i disse nyhedsgrupper.
>

Så må jeg jo prøve noget nyt med den næste side.
Den side jeg laver nu er også kun for at lære nogle ting og skal ikke ud på
nettet.

Mange tak for hjælp og kommentar.

Mvh DesrAw



John S. Thomsen (06-11-2007)
Kommentar
Fra : John S. Thomsen

Dato : 06-11-07 16:27
DesrAw wrote:
> Jeg sidder dog allerede fast med mit topbanner.
> Jeg vil have den helt op i toppen af siden, men placerer sig et lille stykke
> nede og man kan se baggrunden ovenover banneret.
....
> <body background="../images/Background.jpg">

Tilføj style="margin:0" til body-elementet, så der kommer til at stå:

<body background="../images/Background.jpg" style="margin:0">

Erik Ginnerskov (07-11-2007)
Kommentar
Fra : Erik Ginnerskov

Dato : 07-11-07 20:43
John S. Thomsen wrote:

> Tilføj style="margin:0" til body-elementet, så der kommer til at stå:
>
> <body background="../images/Background.jpg" style="margin:0">

Det er da et lidt ulogisk forslag. Du vil sætte margin med inline-style og
alligevel bibeholder du den dybt forældede kode til indsættelse af baggrund,
i stedet for at gøre det i css også:

<body style="background:url(../images/background.jpg;margin:0">

I øvrigt er det lidt kluntet overhovedet at definere det med inline-style.
Det virker kun på den ene side. Lægges definitionerne i stedet i en ekstern
css-fil, kan den indlæses på flere sider og de kan alle få foretaget
eventuelle ønskede ændringer ved at redigere den ene fil.

I head på alle sider indsættes denne kode:

<link rel="stylesheet" type="text/css" href="style.css">

Og i style.css laves denne definition:

body {
background:url(../images/background.jpg;
margin:0;
}

Læg mærke til, at jeg har ændret stavningen af baggrundsgrafikken til
udelukkende at bestå af små bogstaver. Hvis man konsekvent anvender små
bogstaver hele vejen i både mappe- og filnavne og i henvisninger til disse,
vil det altid fungere som forventet (forudsat at stiangivelsen ikke er
forkert). På nogle servere er der forskel på små og store bogstaver, så hvis
det roder her, vil det fejle.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk



DesrAw (09-11-2007)
Kommentar
Fra : DesrAw

Dato : 09-11-07 01:26

>Erik Ginnerskov skrev:
> I øvrigt er det lidt kluntet overhovedet at definere det med inline-style.
> Det virker kun på den ene side. Lægges definitionerne i stedet i en
> ekstern css-fil, kan den indlæses på flere sider og de kan alle få
> foretaget eventuelle ønskede ændringer ved at redigere den ene fil.
>
> I head på alle sider indsættes denne kode:
>
> <link rel="stylesheet" type="text/css" href="style.css">
>
> Og i style.css laves denne definition:
>
> body {
> background:url(../images/background.jpg;
> margin:0;
> }

Uh god ide :) den vil jeg tage i brug med det samme .)

mange tak for hjælpen

Mvh DesrAw



Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408522
Brugere : 218887
Månedens bedste
Årets bedste
Sidste års bedste
Copyright © 2000-2024 kandu.dk. Alle rettigheder forbeholdes.