Avatar billede alex15 Nybegynder
30. oktober 2007 - 21:02 Der er 11 kommentarer og
1 løsning

Billede ude for selve hjemmesiden (roskildebank.dk)

Hej

Ville lige høre hvordan bestemmer hvilket mønster der skal være ude for ens hjemmeside. F.eks. hvis jeg vælger og lave en hjemmeside, hvis brede skal være 1000 px. og stiller den centralt på siden. Hvordan kan man så gøre så ens banner nærmest foresætter ud til begge sider, lige som roskildebank har gjort med deres hjemmeside (www.roskildebank.dk)
Avatar billede jakobdo Ekspert
30. oktober 2007 - 21:38 #1
F.eks. kan man lave en DIV i toppen som går fra side til side.
Dog kan du ikke vide hvad brugerens opløsning er, så en banner fra side til side er nok ikke en løsning.
Avatar billede alex15 Nybegynder
31. oktober 2007 - 09:18 #2
Ja okay.. Men hvad tror du at de har gjort på en side på roskildebank? Der må da næsten være en fast metode til at gøre det på?
Avatar billede pidgeot Nybegynder
31. oktober 2007 - 09:22 #3
De bruger et frameset, hvilket du let kan se med Vis kilde *-)
Avatar billede jakobdo Ekspert
31. oktober 2007 - 09:25 #4
Enten kan du jo prøve at kigge i deres source kode eller også må du prøve at tegne og fortælle lidt.
Avatar billede alex15 Nybegynder
31. oktober 2007 - 11:54 #5
Okay, har lige siddet og kigget på deres kilde, og ved ikke rigtig noget om det der frameset? hvad vil det sige?

--

Har på nedenstående billede prøvet og vise hvad det er som jeg gerne vil have lavet:
www.ccclub.dk/eksperten/eksperten9.jpg

-

Kunne man evt. lave et baggrundsbillede som så således ud:
www.ccclub.dk/eksperten/eksperten10.jpg

og så lave det går igen og igen.

Den løsning virker meget optilmal.. Men problemet med den løsning må være at man ikke kan lade billede foresætte der ud af, den må komme et tidspunkt hvor billede nærmest starter forfra. Og det ville jo så grimt ud..!
Avatar billede jakobdo Ekspert
31. oktober 2007 - 13:17 #6
Avatar billede alex15 Nybegynder
31. oktober 2007 - 13:58 #7
Hmm.. Det ser jo ikke helt dumt ud kan man sige..!

din kode ser ud på følgende måde:


<html>
<head>
<style type="text/css">
body, html {
    padding: 0px;
    margin: 0px;
    text-align: center;
}
body {
    background: #A3A3A3 url('803586.gif') repeat-x scroll top left;
    background-color: #A3A3A3;
}
div#container {
    text-align: left;
    margin: 82px auto;
    width: 600px;
    background-color: white;
    height: 600px;
}
</style>
<title>803586</title>
</head>
<body>
    <div id="container">Test</div>
</body>
</html>

--

Tror næsten at jeg forstår den:

    background: #A3A3A3 url('803586.gif') repeat-x scroll top left;
    background-color: #A3A3A3;

#A3A3A3 url('osv.) "det må være der hvor du henter det øverste billede (som består af en farver, mørke grå, og lyse grå) right".

Men hvad betyder: repeat-x scroll top left; (betyder det bare at han skal gentage billede mod højre, men KUN oppe i toppen?

hvad betyder: margin: 82px auto;
Avatar billede jakobdo Ekspert
31. oktober 2007 - 14:33 #8
Læs lidt her: http://w3schools.com/css/css_background.asp
Og denne linie skal fjernes: background-color: #A3A3A3;
Avatar billede alex15 Nybegynder
07. november 2007 - 16:22 #9
Arh ja okay.. (sorry fordi jeg først har skrevet tilbage nu) Men har haft en del ting og se på de sidste par dage..! så..

Men fik i hvert fald det svar som jeg ville have.. Mange tak.. Ps. lav lige et svar..

forresten lige én ting til:

Hvis man nu bare vil linke til en css fil, skriver man så bare følgende:

CSS filen:

#Background {

background-image:
url('bgdesert.jpg');
background-repeat: repeat-x

}

PHP filen:
<head>

<link rel="stylesheet" type="text/css" href="css.css">
<div id="background">
</head>
<body>
</body>

Eller hvordan laver man det?
Avatar billede jakobdo Ekspert
07. november 2007 - 16:50 #10
Du får et svar.

Og din kode ser faktisk rigtig ud ja.
Og ellers kig lidt mere her: http://www.w3schools.com/css/css_howto.asp
Avatar billede jakobdo Ekspert
09. november 2007 - 15:27 #11
Takker for point.
Avatar billede alex15 Nybegynder
09. november 2007 - 15:33 #12
mig som siger tak :o)
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