Avatar billede beaviz_ Nybegynder
05. oktober 2003 - 16:54 Der er 13 kommentarer og
1 løsning

Logo i bunden

Hvordan sætter jeg et logo ind i bunden af mine sider?
Jeg har lavet et CSS stylesheet som jeg bruger. Siden kan ses her: http://home13.inet.tele.dk/beaviz/dts1/
Jeg kunne godt tænke mig at der var en tynd streg (ligesom rammen) over logoet, som skal ind forneden. Men jeg har desværre ingen ide om, hvordan jeg laver det.
Avatar billede skovenborg Nybegynder
05. oktober 2003 - 16:56 #1
Sætter logo nederst på siden:
<div style="position:absolute;bottom:0px;"><img src="billed.png" /></div>
Avatar billede skovenborg Nybegynder
05. oktober 2003 - 16:58 #2
ved dog ikke helt hvad du mener med tynd streg. Er det fx:
<div style="position:absolute;bottom:0px;border-top:1px solid #000"><img src="../logo.png" /></div>
du mener?!?
Avatar billede beaviz_ Nybegynder
05. oktober 2003 - 17:08 #3
Takker. Det med logoet er fint nok! :) Men er det ikke muligt at sætte det ind i stylesheetet, så jeg ikke skal skrive det på alle siderne?
Det jeg mente med stregen har jeg lige lavet et hurtigt eksempel på:
http://home13.inet.tele.dk/beaviz/test.jpg
Avatar billede skovenborg Nybegynder
05. oktober 2003 - 17:20 #4
joo, du kan jo i dit eksterne stylesheet lave en class:
.logo
{
position:absolute;
bottom:0px;
border-top:1px solid #000;
width:100%;
}

men du bliver stadig nød til at skrive:
<div class="logo"><img src="logo.png"></div>
et sted på siden.
Avatar billede skovenborg Nybegynder
05. oktober 2003 - 17:22 #5
Evt. kan du gøre sådan at billedet bliver lavet som baggrund på din div:
.logo
{
position:absolute;
bottom:0px;
border-top:1px solid #000;
width:100%;
height:100px; /* HØJDEN PÅ DIT BILLEDE */
background-image:url('../logo.png');
background-repeat:no-repeat;
background-position:left;
}
og så skal du bare skrive:
<div class="logo"></div>

Det kan forresten være du hellere skulle sætte position til relative, hvis din side kommer til at fylde mere end vinduet kan vise.
Avatar billede beaviz_ Nybegynder
05. oktober 2003 - 17:34 #6
Det er sgu bare i orden! :)
Kan godt være at jeg bliver lidt besværlig nu. :)
Men er det muligt at sætte noget skrift ind? Og så kunne jeg også godt tænke mig to billeder, som links (til dansk/engelsk).
Men ellers fortsat TAK for hjælpen!
Avatar billede skovenborg Nybegynder
05. oktober 2003 - 17:41 #7
hvor skal de stå henne - samme sted som logoet eller hvad???

Ligger lige et svar mens jeg er i gang ;-)
Avatar billede skovenborg Nybegynder
05. oktober 2003 - 17:42 #8
sådan her ;-)
Avatar billede beaviz_ Nybegynder
05. oktober 2003 - 18:04 #9
Ja... Samme sted som logoet. Jeg har placeret logoet i venstre side. Jeg kunne godt tænke mig tekst i midten og flagene i højre side, hvis det kan lade sig gøre?
Avatar billede skovenborg Nybegynder
05. oktober 2003 - 18:12 #10
Tjaa, enten skal du gøre det med tabeller, altså lave tre celler med hver deres indhold, eller du kan bruge lidt div's:
<div class="logo">
<img src="../logo.png" align="left">
<div style="text-align:center">Tekst</div>
<div align="right">Flag</div><div>
Avatar billede beaviz_ Nybegynder
05. oktober 2003 - 18:26 #11
Jeg har lavet min class sådan her i stylesheetet:
.logo
    {
position:absolute;
bottom:10px;
border-top:1px solid #000000;
width:100%;
height:35px;
background-image:url('billeder/dts-logo.jpg');
background-repeat:no-repeat;
background-position:left;
    }

Kan man ikke sætte det derind, så teksten står i midten og så der er to billeder i højre side (som links - DK-flag og GB-flag)?
Avatar billede skovenborg Nybegynder
05. oktober 2003 - 18:59 #12
jo, du kan skrive:
.logo
    {
position:absolute;
bottom:10px;
border-top:1px solid #000000;
width:100%;
height:35px;
background-image:url('billeder/dts-logo.jpg');
background-repeat:no-repeat;
background-position:left;
text-align:center;
    }
DIV.logo IMG {position:absolute;right:0px;bottom:10px}
Avatar billede skovenborg Nybegynder
05. oktober 2003 - 19:03 #13
nej vent - det med billederne bliver du nok nød til at gøre sådan her:
DIV.logo SPAN {position:absolute;right:0px;bottom:10px;}

og så skrive: <div class="logo">Tekst<span><img src="../char1.gif">
<img src="../char1.gif"></span></div>
Avatar billede skovenborg Nybegynder
05. oktober 2003 - 19:03 #14
...og char1.gif er bare det billede jeg brugte ;-)
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