Hur får jag in en knapp här?

[jonthee]

Hej!

Som bilden frågar, hur får jag in det som är inringat i den röda cirkeln på temat?



Tack så mycket på förhand!

Mvh
Jonathan

[Sinom]

Hej Jonathan!

Du kan skapa en till div före din wrap för detta.

Öppna overall_header.html och hitta:

Kod: Markera allt

<div id="wrap">

Lägg till ovanför:

Kod: Markera allt

<div class="bild"><a href="../index.php" id="logo"><img src="{T_THEME_PATH}/images/facebook-bild.png" alt="" /></a>

Ändra ../index.php till eran Facebook-sida.

Öppna common.css och hitta:

Kod: Markera allt

#wrap {
	padding: 0 20px;
	min-width: 650px;
	width: 900px;
	margin: 0 auto;
}

Lägg till på en ny rad efter:

Kod: Markera allt

.bild {
	min-width: 900px;
	width: 1100px;
	margin: 0 auto;
}

Ändra width: 1100px; tills bilden passar in så som du vill.

Jag tog en random test-bild för att visa:



Lycka till!

Hugs

[jonthee]

Hej!

Tack så mycket för svar och utförlig beskrivning! Uppskattas!

Men det verkar inte fungera riktigt, bilden syns inte och det som väl syns (i IE) är "ramen" kring bilden som inte finns, men sedan ändras inte positionen när jag ändrar på pixelvärdet Bilden ska alltså "sitta fast" på det "vita" så att säga, ursäkta min dåliga förklaring, men som i bilden och sedan inte ändras om upplösningen är större eller mindre..

Har du några förslag?

Ett bra "live"-exempel är Loopias hemsida, www.loopia.se, där har dom två flaggor som sitter fast i huvudsidan så att säga till vänster en bit ner, samt en iphone till höger på sidan..

Tack så mycket på förhand!

Mvh
Jonathan

[jonthee]

Ps, jag som inte följde dina instruktioner (eller så är jag blind:) ), det fungerade galant, ska leka runt lite med bilden nu

TACK SÅ MYCKET!

Mvh
Jonthan

[jonthee]

Jag bumbar tråden igen..

Allting verkar fungera jättebra i FireFox men i IE så blir det helt galet med pixelinställningen?

Har du någon lösning på detta?

Tack på förhand!

Mvh
Jonathan

[Sinom]

Yes, det är lite annorlunda margin i dessa webbläsare.

Det är inga problem att fixa så att det fungerar fint i båda

I din overall_header.html hitta:

Kod: Markera allt

<div class="bild"><a href="../index.php" id="logo"><img src="{T_THEME_PATH}/images/facebook-bild.png" alt="" /></a>

Ersätt den koden med följande:

Kod: Markera allt

<!--[if IE]>
<div class="bild-IE"><a href="../index.php" id="logo2"><img src="{T_THEME_PATH}/images/facebook-bild.png"/></a>
<!--<![endif]-->

<!--[if !IE]><!-->
<div class="bild"><a href="../index.php" id="logo"><img src="{T_THEME_PATH}/images/facebook-bild.png" alt=""/></a>
<!--<![endif]-->

Vad detta gör är att när din browser är IE, så kommer den att använda den översta koden. Om den är någonting förutom IE, så kommer den att använda den andra koden.

Öppna common.css

Hitta:

Kod: Markera allt

.bild {
   min-width: 900px;
   width: 1100px;
   margin: 0 auto;
}

Lägg till på en ny rad efter:

Kod: Markera allt

.bild-IE {
	min-width: 900px;
	width: 1080px;
	margin: 0 auto;
}

Här justerar du width så att det ser bra ut i IE.

Hitta:

Kod: Markera allt

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

Lägg till på en ny rad efter:

Kod: Markera allt

#logo2 {
	float: left;
	width: auto;
	margin-right: -110px;
}

Du kan ändra -110 så att du får det att fungera med din width. (Med -110 så ska det funka vilket som dock)

När du gjort detta så ska det fungera fint i både FireFox (och alla andra bra webbläsare) samt i Internet Explorer!

Så här blev det för mej i IE:



Lycka till!

Hugs

[jonthee]

Hej!

Tack så hemskt mycket för svar!

Men det verar ändå inte fungera, nu blir det lite konstigt i bådeFirefox samt IE

Kolla gärna på min sida, du hittar adressen i bilden längst upp

Tack så jättemycket på förhand!

Mvh
Jonathan

[Sinom]

Anledningen till att du ser båda bilderna samtidigt just nu är att du inte kopierade koden riktigt.

Du har följande:

Kod: Markera allt

<!--[if IE]><!-->
<div class="sponsorbild-IE"><a href="http://www.hemsideadress.se/sponsorbil.php" id="logo2"><img src="{T_THEME_PATH}/images/sponsorbild.png"/></a>
<!--<![endif]-->

<!--[if !IE]><!-->
<div class="sponsorbild"><a href="http://www.hemsideadress.se/sponsorbil.php" id="logo"><img src="{T_THEME_PATH}/images/sponsorbild.png"/></a>
<!--<![endif]-->

Ersätt detta med:

Kod: Markera allt

<!--[if IE]>
<div class="sponsorbild-IE"><a href="http://www.hemsideadress.se/sponsorbil.php" id="logo2"><img src="{T_THEME_PATH}/images/sponsorbild.png"/></a>
<!--<![endif]-->

<!--[if !IE]><!-->
<div class="sponsorbild"><a href="http://www.hemsideadress.se/sponsorbil.php" id="logo"><img src="{T_THEME_PATH}/images/sponsorbild.png"/></a>
<!--<![endif]-->

Hugs

[jonthee]

Hej igen!

Då slutar hela sidan att fungera

Mvh
Jonathan

[Sinom]

Med slutar fungera, vad menar du då?

Får du ett felmeddelande, eller en blank sida?

Om du har möjlighet att ta en bild så hade det hjälpt.

Det du gjorde med koden var att du tog bort <!--> efter <!--[if IE]>.

Hugs

[jonthee]

Hej igen!

Hela sidan blir 100% på skärmen kan man säga, hela "wrappern" sträcker ut sig över skärmytan

Mvh
Jonathan

[Sinom]

Då förstår jag

Vart någonstans använde du koden för sponsorbild, sponsorbild-IE och logo2?

Jag kunde inte se dem i några av dina .css-filer.

Det vi har gjort är att vi skapat en till synes tom div som placerades före wrappen. I denna har vi lagt en bild som ligger längst ut till vänster.
Eftersom våran nya div ligger ovanför wrappen så kommer bilden placeras bakom om våran nya div är för liten.

Så våran div ska inte påverka den diven som ligger ovanför, om allt står rätt till i .css-filerna

Hugs

[jonthee]

Hej!

De koderna är lagda i commom.css

Lite märkligt fel, det verkade fungera för dig

Mvh
Jonathan

[Holger]

Är detta verkligen rätt?

Kod: Markera allt

<!--<![endif]-->

ska det andra <! vara där?

[jonthee]

Hej!

Jag vill tacka er båda (Sinom och Holger) som hjälpt till, tack så mycket!!

Jag justerade koden till detta:

Kod: Markera allt

<!--[if IE]>
<div class="sponsorbild-IE"><a href="http://www.hemsideadress.com/sponsorbil.php" id="logo2"><img src="{T_THEME_PATH}/images/sponsorbild.png"/></a>
<![endif]-->

<!--[if !IE]><!-->
<div class="sponsorbild"><a href="http://www.hemsideadress.com/sponsorbil.php" id="logo"><img src="{T_THEME_PATH}/images/sponsorbild.png"/></a>
<!--<![endif]-->

<!--[if IE]>
<div class="sponsorbild-IE"><a href="http://www.hemsideadress.com/sponsorbil.php" id="logo2"><img src="{T_THEME_PATH}/images/sponsorbild.png"/></a>
<![endif]-->

Det verkar fungera vad jag kan se, lite "out of line" kanske det är men bra blev det!

Mvh
Jonathan