---

På en hjemmeside med fast centreret bredde, lad os
sige 900px ønskes et klikbart banner lagt uden for
hjemmesiden i venstre side.
120px bredt og 500px højt, altså et aflangt
klikbart banner a la dem fra google.

Hvordan ville i lave det.
Jeg foreslog at lægge banneret ind som
baggrundsbillede, men fik at vide at det kan man
ikke hvis det skal være klikbart.

Nu er jeg nysgerrig på hvordan og hvor mange
løsninger der kan bruges.

Jeg lavede en løsning i ren CSS og i må se den når
i har givet jeres bidrag.

--
Mvh John
www.wordpresstema.dk
www.wordpress.dk/forum

---

On 29-09-2011 09:56, John wrote:
> På en hjemmeside med fast centreret bredde, lad os sige 900px ønskes et
> klikbart banner lagt uden for hjemmesiden i venstre side.
> 120px bredt og 500px højt, altså et aflangt klikbart banner a la dem fra
> google.
>
> Hvordan ville i lave det.
> Jeg foreslog at lægge banneret ind som baggrundsbillede, men fik at vide
> at det kan man ikke hvis det skal være klikbart.
>
> Nu er jeg nysgerrig på hvordan og hvor mange løsninger der kan bruges.
>
> Jeg lavede en løsning i ren CSS og i må se den når i har givet jeres
> bidrag.
>

body img {
   float: left;
}

Men du bruger jo så 1020 px på skærmen.

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen wrote:

> Men du bruger jo så 1020 px på skærmen.

Hvis det skal være centreret, skal han også bruge 120 px i højre side.

--
Med venlig hilsen
Stig Johansen

---

On 29-09-2011 13:05, Stig Johansen wrote:
> Karl Erik Christensen wrote:
>
>> Men du bruger jo så 1020 px på skærmen.
>
> Hvis det skal være centreret, skal han også bruge 120 px i højre side.
>

Det kan vi vist "tværes" om

På skærme med opløsninger _over_ 1140px er alt som det skal være.

Under 1140px. har vi et problem

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen forklarede den 29-09-2011:

> Under 1140px. har vi et problem
>
jeps men banneret SKAL gemmes ved mindre
opløsninger.

--
Mvh John
www.wordpresstema.dk
www.wordpress.dk/forum

---

On 29-09-2011 17:06, John wrote:
> Karl Erik Christensen forklarede den 29-09-2011:
>
>> Under 1140px. har vi et problem
>>
> jeps men banneret SKAL gemmes ved mindre opløsninger.
>

<link rel="stylesheet" media="screen and (min-device-width: 1139px)"
href="1139.css" />



Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

On 29-09-2011 17:19, Karl Erik Christensen wrote:
> On 29-09-2011 17:06, John wrote:
>> Karl Erik Christensen forklarede den 29-09-2011:
>>
>>> Under 1140px. har vi et problem
>>>
>> jeps men banneret SKAL gemmes ved mindre opløsninger.
>>
>
> <link rel="stylesheet" media="screen and (min-device-width: 1139px)"
> href="1139.css" />
>
>
>
> Karl Erik.
>

Kan for øvrigt også laves med noget java-halløj, der detekterer viewport.
Men så får du inline styling (hidden-visible), og det er validatoren
ikke begejstret for

Men jeg mener alt kan laves med css og php

Bliver gevinsten tilsendt, eller skal jeg afhente?

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen forklarede:
>
> Men jeg mener alt kan laves med css og php

Jeps men foretrækker en ren CSS løsning


>
> Bliver gevinsten tilsendt, eller skal jeg
> afhente?

Du kommer bare forbi når vi igen skal til at købe
vores dagligvarer i Tyskerland, grundet den nye
regerings afgifter lol

--
Mvh John
www.wordpresstema.dk
www.wordpress.dk/forum

---

On 29-09-2011 18:15, John wrote:

> Du kommer bare forbi når vi igen skal til at købe vores dagligvarer i
> Tyskerland, grundet den nye regerings afgifter lol
>

Jeg har ikke hørt nyhederne i dag, men hvornår er _3_ kvinder nogensinde
blevet enige?

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen formulerede torsdag:
> On 29-09-2011 09:56, John wrote:
>> På en hjemmeside med fast centreret bredde, lad
>> os sige 900px ønskes et
>> klikbart banner lagt uden for hjemmesiden i
>> venstre side.
>> 120px bredt og 500px højt, altså et aflangt
>> klikbart banner a la dem fra
>> google.
>>
>> Hvordan ville i lave det.
>> Jeg foreslog at lægge banneret ind som
>> baggrundsbillede, men fik at vide
>> at det kan man ikke hvis det skal være
>> klikbart.
>>
>> Nu er jeg nysgerrig på hvordan og hvor mange
>> løsninger der kan bruges.
>>
>> Jeg lavede en løsning i ren CSS og i må se den
>> når i har givet jeres
>> bidrag.
>>
>
> body img {
>    float: left;
> }
>
> Men du bruger jo så 1020 px på skærmen.
>
Men banneret skal faktisk forsvinde ved mindre
opløsninger

--
Mvh John
www.wordpresstema.dk
www.wordpress.dk/forum

---

Karl Erik Christensen har bragt dette til verden:
> On 29-09-2011 09:56, John wrote:
>> På en hjemmeside med fast centreret bredde, lad
>> os sige 900px ønskes et
>> klikbart banner lagt uden for hjemmesiden i
>> venstre side.
>> 120px bredt og 500px højt, altså et aflangt
>> klikbart banner a la dem fra
>> google.
>>
>> Hvordan ville i lave det.
>> Jeg foreslog at lægge banneret ind som
>> baggrundsbillede, men fik at vide
>> at det kan man ikke hvis det skal være
>> klikbart.
>>
>> Nu er jeg nysgerrig på hvordan og hvor mange

>
> body img {
>    float: left;
> }

Ja det er så en måde.
Jeg prøvede med denne:
http://www.wp-theme.dk/test2.html

Størrelserne ikke lige hvad jeg opgav i mit indlæg.

Men det smarteste er måske blot at smide et billede
i en div og positionere

--
Mvh John
www.wordpresstema.dk
www.wordpress.dk/forum

---

John skrev:

> På en hjemmeside med fast centreret bredde,
> lad os sige 900px ønskes et klikbart banner lagt
> uden for hjemmesiden i venstre side.

Jeg prøvede i eftermiddag dette på mandens
side:

<div id="banner">
<a href="http://stedet.dk">
<img src="banner.png" alt="" />
</a>
</div>

#banner{
position:absolute;
top:0;
left:0;
z-index:-1;
}

.... men så snart den fik z-index, var det ikke længere
klikbart. Det røg fint ind under det øvrige indhold,
men der skal altså noget andet til.

--
Allan Vebel
http://vebel.dk

---

Allan Vebel frembragte:


> klikbart. Det røg fint ind under det øvrige
> indhold,
> men der skal altså noget andet til.

Sikker på at du hoster op med en løsning B-)

--
Mvh John
www.wordpresstema.dk
www.wordpress.dk/forum

---

John skrev:

> Sikker på at du hoster op med en løsning B-)

Nu fungerer det faktisk uden z-index, men kun
fordi jeg har sat <div id="indhold"> til:

position:relative;

Klik lige, og se efter

--
Allan Vebel
http://vebel.dk

---

Allan Vebel skrev:

>
> Nu fungerer det faktisk uden z-index, men kun
> fordi jeg har sat <div id="indhold"> til:
>
> position:relative;
>
> Klik lige, og se efter

Jeps skal så bare ligge i venstre side

--
Mvh John
www.wordpresstema.dk
www.wordpress.dk/forum

---

John skrev:

> Jeps skal så bare ligge i venstre side

Cache-problemer kan drille - jeg har tjekket i
alle browsere, også de virtuelle på nettet, det
ser fornuftigt ud alle steder.

Jamen, John - det er et link til din side, og det
bliver liggende lidt endnu

--
Allan Vebel
http://vebel.dk

---

Den 01-10-2011, skrev Allan Vebel:

>
> Jamen, John - det er et link til din side, og det
> bliver liggende lidt endnu

Har jeg bemærket trafikken er steget voldsomt
de sidste dage

Fin løsning så må vi se om han kan inkludere det

--
Mvh John
www.wordpresstema.dk
www.wordpress.dk/forum