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

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Korrekt position af billeder (Skallerbart ~
Fra : Kasper


Dato : 12-05-07 20:35

Hej html.dk
Jeg er igang med at designe denne side fra bunden og søger lidt
hjælp kodningen af mit design.
http://www.wow-soul.com/soul/banner.htm

Jeg har delt mit banner ud i 3 stykker, og designet det til
mindste opløsning 800x600.

Min plan var at på begge siden af "banner_middle.jpg" skal der
indføres plads i takt med opløsningen stiger.
Jeg havde tænkt mig at placere et layer under billederne i sort
og da jeg designede banneret gjorde jeg sådan at banneret kunne
udvides vandret med sort på begge sider af "banner_center.jpg".

Hvad jeg søger nu er hjælp til hvordan disse billeder skal
allignes sådan at der indføres plads imellem siderne og midten.


Håber jeg har gjort mit spørgsmål klart nok da det er ret svært
at forklare, men takker på forhånd for hjælp og evt. løsninger!

Kasper N.

--
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

 
 
Erik Ginnerskov (12-05-2007)
Kommentar
Fra : Erik Ginnerskov


Dato : 12-05-07 22:54

Kasper wrote:
> Hej html.dk
> Jeg er igang med at designe denne side fra bunden og søger lidt
> hjælp kodningen af mit design.
> http://www.wow-soul.com/soul/banner.htm
>
> Jeg har delt mit banner ud i 3 stykker, og designet det til
> mindste opløsning 800x600.

Lav først dette i css:

#banner {
color: #fff;
background: #000;
}
..left {
float: left;
}
..right {
float: right;
}
..midt {
margin: auto;
}

Lav derefter dette i html:

<div id="banner>
<img class="right" src="banner_right.jpg" width="335" height="190" alt="a"
/><img class="left" src="banner_leftl.gif" width="188" height="190" alt="a"
/><img class="midt" src="banner_center.jpg" width="277" height="190" alt="a"
/>
</div>

Så mangler du kun at sørge for, at de tre billeder tilsammen ikke har større
bredde end ca. 770px - og tilsvarende rette breddedefinitionerne i html.

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



Birger Sørensen (13-05-2007)
Kommentar
Fra : Birger Sørensen


Dato : 13-05-07 10:12

Kasper wrote in dk.edb.internet.webdesign.html:
> Hej html.dk
> Jeg er igang med at designe denne side fra bunden og søger lidt
> hjælp kodningen af mit design.
> http://www.wow-soul.com/soul/banner.htm
>
> Jeg har delt mit banner ud i 3 stykker, og designet det til
> mindste opløsning 800x600.
>
> Min plan var at på begge siden af "banner_middle.jpg" skal der
> indføres plads i takt med opløsningen stiger.
> Jeg havde tænkt mig at placere et layer under billederne i sort
> og da jeg designede banneret gjorde jeg sådan at banneret kunne
> udvides vandret med sort på begge sider af "banner_center.jpg".
>
> Hvad jeg søger nu er hjælp til hvordan disse billeder skal
> allignes sådan at der indføres plads imellem siderne og midten.
>
>
> Håber jeg har gjort mit spørgsmål klart nok da det er ret svært
> at forklare, men takker på forhånd for hjælp og evt. løsninger!
>
> Kasper N.
>
> --
> 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

Er der en fidus ved at dele banneret i 3, når du vil have det
vist som eet?

Eriks løsning skulle nok fungere.
Du kan også gøre som du har gjort, men sætte det hele i en div,
som du giver sort baggrund, og text-align : center..

css:
#top {
left : 0px;
width : 100%;
text-align : center;
background-color : #000000;
}

html:
<div id="top"><img src="venstre.." .. /><img src="midten.." ..
/><img src="højre.." .. /></div>

Det burde så vidt jeg kan se placere banneret i midten uanset
opløsning - så længe opløsningen er stor nok til at vise det
hele..

Birger

--
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

Erik Ginnerskov (13-05-2007)
Kommentar
Fra : Erik Ginnerskov


Dato : 13-05-07 20:45

Birger Sørensen wrote:

> Er der en fidus ved at dele banneret i 3, når du vil have det
> vist som eet?

Fidusen er nok, at venstre og højre anbringes helt ude i siderne uanset
browserbredde og skriften altid er centreret. Jeg opfattede det som at det
var det, Kasper ønskede, siden han har tredelt det.

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



Kasper (16-05-2007)
Kommentar
Fra : Kasper


Dato : 16-05-07 17:32

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Birger Sørensen wrote:
>
> > Er der en fidus ved at dele banneret i 3, når du vil have det
> > vist som eet?
>
> Fidusen er nok, at venstre og højre anbringes helt ude i siderne uanset
> browserbredde og skriften altid er centreret. Jeg opfattede det som at det
> var det, Kasper ønskede, siden han har tredelt det.
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
> http://html-faq.dk
>
>

Det er korrekt antaget, og det virker strålende takker for hjælpen!


--
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

Erik Ginnerskov (16-05-2007)
Kommentar
Fra : Erik Ginnerskov


Dato : 16-05-07 21:39

Kasper wrote:
> og det virker strålende takker for hjælpen!

Det vil jeg ikke give dig ret i.

Uanset hvilken browser står midterteksten under (længere nede)
end de to sidebilleder, hvis browseren kun er 800px bred.

I Firefox og i IE 7 er der en vandret scrollbar, selv om browser-
vinduet er 1024 px bredt.

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



Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408926
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste