Baggrundsbillede i Html og Css
Hej alle!
Jeg står og er ved at lave en portfolio side. Til designet har jeg lavet et baggrundsbillede i størrelsen 960x2000 px.
Meningen er, at man skal kunne se mere af billedet, hvis der er mere indhold på siden.
Repeat kan altså ikke bruges, da dette vil se ret mærkeligt ud med det valgte design.
Samtidig skal jeg kunne lave en div inde i div'en med baggrundsbilledet, da teksten ellers vil dække mit design, desværre forsvinder billedet hvis jeg gør det. :/
http://webhotel.eamv.dk/mmd270850/test1/ - Baggrundsbilledet skal dække hele browseren, selvom der kun er lidt tekst som her?
http://webhotel.eamv.dk/mmd270850/test2/ - Dette viser formålet, dog skal teksten kun være i det lysegrå felt?
Det er ret svær at forklare, men jeg håber i kan se mit problem.
Kan dette overhovedet lade sig gøre kun ved brug af CSS og Html?
Håber I kan hjælpe mig - er ikke super stærk i koder nemlig!
Jeg står og er ved at lave en portfolio side. Til designet har jeg lavet et baggrundsbillede i størrelsen 960x2000 px.
Meningen er, at man skal kunne se mere af billedet, hvis der er mere indhold på siden.
Repeat kan altså ikke bruges, da dette vil se ret mærkeligt ud med det valgte design.
Samtidig skal jeg kunne lave en div inde i div'en med baggrundsbilledet, da teksten ellers vil dække mit design, desværre forsvinder billedet hvis jeg gør det. :/
http://webhotel.eamv.dk/mmd270850/test1/ - Baggrundsbilledet skal dække hele browseren, selvom der kun er lidt tekst som her?
http://webhotel.eamv.dk/mmd270850/test2/ - Dette viser formålet, dog skal teksten kun være i det lysegrå felt?
Det er ret svær at forklare, men jeg håber i kan se mit problem.
Kan dette overhovedet lade sig gøre kun ved brug af CSS og Html?
Håber I kan hjælpe mig - er ikke super stærk i koder nemlig!
Re: Baggrundsbillede i Html og Css
prøv det her:
Kode: Vælg alt
#container {
height:auto;
width: 960px;
margin: 0 auto;
background-image: url(../images/design/banner.png);
background-repeat: no-repeat;
padding-left: 200px;
}
Kode: Vælg alt
#tekst {
height:auto;
width: 760px;
background-image: url(../images/design/ditandetbillede.png);
background-repeat: no-repeat;
}
Kode: Vælg alt
<div id="container">
<div id="tekst">
tekst tekst tekst
</div>
</div>
Re: Baggrundsbillede i Html og Css
Super! Nu begynder det at ligne noget.
Nu skal jeg bare have billedet til at fylde 100% af skærmen, ligegyldig opløsning (i tilfælde af sider med mindre indhold - f.eks. forside)
- foreløbig ser siden sådan ud: http://webhotel.eamv.dk/mmd270850/test3/
Nu skal jeg bare have billedet til at fylde 100% af skærmen, ligegyldig opløsning (i tilfælde af sider med mindre indhold - f.eks. forside)
- foreløbig ser siden sådan ud: http://webhotel.eamv.dk/mmd270850/test3/
Re: Baggrundsbillede i Html og Css
Bare sæt højden på din container div til 2000px på den måde vil den altid holde en fast størrelse...
Re: Baggrundsbillede i Html og Css
Hej, Jeg har det fantastisk med det her. Men jeg har dog et problem, ja problemet er, når jeg laver en baggrund billed og gemmer og åbner det i browser, så er der intet baggrund billed. Håber i kan hjælpe mig.
Re: Baggrundsbillede i Html og Css
Hvis du kunne vise os koden, ville det hjælpe meget for at finde dit problemMahdi skrev:Hej, Jeg har det fantastisk med det her. Men jeg har dog et problem, ja problemet er, når jeg laver en baggrund billed og gemmer og åbner det i browser, så er der intet baggrund billed. Håber i kan hjælpe mig.
-
- Begynder
- Indlæg:15
- Tilmeldt:16. jan 2013, 17:48
Re: Baggrundsbillede i Html og Css
Jeg står også med et problem omkring baggrundsbillede.
Jeg har sat et baggrundsbillede ind, men det vises ikke når jeg uploader.
Jeg vil gerne have at mit baggrundsbillede fylder hele browseren og derudover har jeg nogle div'er i en anden farve. Div'erne virker, borstset fra den driller lidt med at vise bredden på hoved div'en.
Koden ser således ud:
Er helt ny i det her og alt er lavet ud fra de fantastiske tutorials her på siden.
Jeg har sat et baggrundsbillede ind, men det vises ikke når jeg uploader.
Jeg vil gerne have at mit baggrundsbillede fylder hele browseren og derudover har jeg nogle div'er i en anden farve. Div'erne virker, borstset fra den driller lidt med at vise bredden på hoved div'en.
Koden ser således ud:
Kode: Vælg alt
#body{
background-image: url(baggrund.jpg);
}
#hoved {
width: 1500px;
height: 700px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thick;
border-color: black;
background-color: #66CCCC;
}
#logo {
width: 300px;
height: 250px;
margin-left: auto;
margin-right: auto;
border-style: none;
text-align: left;
float: left;
background-color: #66CCCC;
}
#top {
width: 400px;
height: 250px;
margin-left: auto;
margin-right: auto;
border-style: none;
text-align: left;
float: right;
background-color: #66CCCC;
font-family: Bradley Hand itc;
font-size: 90px;
}
#top2 {
width: 700px;
height: 100px;
margin-left: auto;
margin-right: auto;
border-style: none;
text-align: center;
background-color: #66CCCC;
}
#menu {
width: 100px;
height: 600px;
margin-left: auto;
border-style: none;
float: left;
background-color: #66CCCC;
}
#indhold {
width: 600px;
height: 600px;
margin-right: auto;
border-style: none;
float: right;
background-color: #66CCCC;
font-family: Bradley Hand itc;
font-size: 16px;
}
- scootergrisen
- Moderator
- Indlæg:709
- Tilmeldt:21. jun 2012, 23:40
- Kontakt:
-
- Begynder
- Indlæg:15
- Tilmeldt:16. jan 2013, 17:48
Re: Baggrundsbillede i Html og Css
Tak for det, selv om jeg ikke kan få det til at virke.
Den viser slet ikke noget baggrundsbillede..
Ved ikke helt hvad der skulle være galt med koden.
Den viser slet ikke noget baggrundsbillede..
Ved ikke helt hvad der skulle være galt med koden.
- scootergrisen
- Moderator
- Indlæg:709
- Tilmeldt:21. jun 2012, 23:40
- Kontakt:
Re: Baggrundsbillede i Html og Css
Læg det på nettet og kom med linket.
-
- Begynder
- Indlæg:15
- Tilmeldt:16. jan 2013, 17:48
- scootergrisen
- Moderator
- Indlæg:709
- Tilmeldt:21. jun 2012, 23:40
- Kontakt:
Re: Baggrundsbillede i Html og Css
Fordi #body ikke findes.
Skriv body så gælder den for <body>
#body gælder for <x id="body">
Skriv body så gælder den for <body>
#body gælder for <x id="body">
-
- Begynder
- Indlæg:3
- Tilmeldt:17. jan 2013, 12:58
Re: Baggrundsbillede i Html og Css
Du har der defineret din CSS id.
For at få det ind, skal du bruge div tags. Du laver så <div id="body"> </div>
For at få det ind, skal du bruge div tags. Du laver så <div id="body"> </div>
-
- Begynder
- Indlæg:15
- Tilmeldt:16. jan 2013, 17:48
Re: Baggrundsbillede i Html og Css
Selvfølgelig... Nu virker det.
Mange tak
Mange tak