Forum Mjukvara Programmering och digitalt skapande Tråd

html css dubbla logo bilder ?

1
Skriv svar
Permalänk
Medlem
●

html css dubbla logo bilder ?

Det som händer är att jag får en logo längst uppe i vänsta hörnet, men det andra logo hamnar där jag anger att den ska hamna i external css.
Varför får jag dubbla logo och varför inte bara den jag anger vart den ska vara ?

skapar en external css

css

.logo
{
background-image:url(bilder/page_logo.jpg);
background-position: 50% 50% ;
background-size: 50% 50%;
background-repeat:no-repeat;

}
Html

<html>
<link rel="stylesheet" type="text/css" href="logo.css" >

<!-- Banner at Top of Page ***********************************-->
<img class="logo" src="bilder/page_logo.jpg" />

<body>

</body>
</html>

Visa signatur

K4 Jägare är härliga människor. Varför får inte rika människor bli rikare. Ja till EMU
We live for the one, we die for the one'
(Loggar man inte ut får man en extra rad i sin signatur :-) /VaCUm)

Redigera
Citera flera Citera
Permalänk
Medlem
●

Du berättar för din css att bakgrunden skall vara en bild i css filen. Sen lägger du till samma bild igen fast i detta fall i HTML filen. Testa ta bort bakgrundsbilden i CSS så ska du se att det funkar

Visa signatur

Crosshair IV | 1055T @ 3.2 GHz | 4 GB Corsair dominator | Corsair H50 | Fractal Design R3 | 2x PowerColor 6950 2GB | Corsair HX 750W

Redigera
Citera flera Citera
Permalänk
Medlem
●

För att du lägger till logon två gånger, först som bild sen som bakgrundsbild.
Edit: Dalgren var snabbare.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Lady:

Det som händer är att jag får en logo längst uppe i vänsta hörnet, men det andra logo hamnar där jag anger att den ska hamna i external css.
Varför får jag dubbla logo och varför inte bara den jag anger vart den ska vara ?

skapar en external css

css

.logo
{
background-image:url(bilder/page_logo.jpg);
background-position: 50% 50% ;
background-size: 50% 50%;
background-repeat:no-repeat;

}
Html

<html>
<link rel="stylesheet" type="text/css" href="logo.css" >

<!-- Banner at Top of Page ***********************************-->
<img class="logo" src="bilder/page_logo.jpg" />

<body>

</body>
</html>

Gå till inlägget

Som personen innan tror jag att det bästa du kan göra är att skippa att lägga in loggan i cssen.

Visa signatur

Citera för svar :)

Intel 3770k / Msi Mpower / 980 TI / 16gb 1600mhz Corsair Vengeance / H100i / Silverstone Strider 1000w Gold / Samsung 830 128gb / Fractal Design Arc

Redigera
Citera flera Citera
Permalänk
Medlem
●

När jag har tagit bort i css filen, så vägrar logon flyttas till den positionen jag vill.
Tanken är att den ska lägga sig genom css och inte i html delen ???

Visa signatur

K4 Jägare är härliga människor. Varför får inte rika människor bli rikare. Ja till EMU
We live for the one, we die for the one'
(Loggar man inte ut får man en extra rad i sin signatur :-) /VaCUm)

Redigera
Citera flera Citera
Permalänk
Medlem
●

Om jag tar bort i html img class så försvinner båda bilderna ?
Ska jag använda någon annan sorts anrop för class istället för <img class ?

Visa signatur

K4 Jägare är härliga människor. Varför får inte rika människor bli rikare. Ja till EMU
We live for the one, we die for the one'
(Loggar man inte ut får man en extra rad i sin signatur :-) /VaCUm)

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

<div class="logo"></div>
<img> används bara när du länkar in bilder direkt via HTML.

Själv hade jag inte lagt in logon via CSS, då går det ej att klicka på logon för att komma vidare till ev annan sida eller startsida.

Skapa en CSS ruta med <div class="logo"> där du sedan placerar <img> taggen.

<div class="logo">
<img src="länk.jpg" />
</div>

Sen borde din CSS ruta ha en bestämd höjd, baserat på hur stor logon är.
Exempel:

.logo {
width: 100px;
height: 100px;
}
Senast redigerat
Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av FlorrpaN:

Själv hade jag inte lagt in logon via CSS, då går det ej att klicka på logon för att komma vidare till ev annan sida eller startsida.

Gå till inlägget

Går och går, klart det går men det blir fulare (och jag rekomenderar det inte heller)

<div class="logo">
<a href="/"></a>
</div>
.logo {
width: 100px;
height: 100px;
background: url('länk.jpg');
}

.logo a {
width: 100%;
height: 100%;
float: left;
}
Visa signatur

Hur kan syltkakor överleva i det vilda utan ögon?

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av FlorrpaN:

<div class="logo"></div>
<img> används bara när du länkar in bilder direkt via HTML.

Själv hade jag inte lagt in logon via CSS, då går det ej att klicka på logon för att komma vidare till ev annan sida eller startsida.

Skapa en CSS ruta med <div class="logo"> där du sedan placerar <img> taggen.

<div class="logo">
<img src="länk.jpg" />
</div>

Sen borde din CSS ruta ha en bestämd höjd, baserat på hur stor logon är.
Exempel:

.logo {
width: 100px;
height: 100px;
}
Gå till inlägget

Din funkar, men det som inte funkar är att ändra positionen i externa css där jag har angett positionen vart den ska vara.
Och tanken är inte att den ska vara länkbar utan bara en loggo som följer med sidorna. En annan logo ska vara länk bart hade jag tänkt.

Visa signatur

K4 Jägare är härliga människor. Varför får inte rika människor bli rikare. Ja till EMU
We live for the one, we die for the one'
(Loggar man inte ut får man en extra rad i sin signatur :-) /VaCUm)

Redigera
Citera flera Citera
Permalänk
Medlem
●

En img-tag är inte en länk.
Du måste ange vart du vill ha logon positionerad med css, http://lmgtfy.com/?q=css+positioning+tutorial

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Lady:

Din funkar, men det som inte funkar är att ändra positionen i externa css där jag har angett positionen vart den ska vara.
Och tanken är inte att den ska vara länkbar utan bara en loggo som följer med sidorna. En annan logo ska vara länk bart hade jag tänkt.

Gå till inlägget

Hur menar du att du inte kan bestämma positionen?
Du får ta och läsa på om hur man använder CSS, för CSS är det enda verktyget för att strukturera en hemsida.

Får jag fråga varför du har en separat CSS fil för logan? All css struktur brukar läggas i en enda css fil, ofta kallad "style.css"

http://html.net/tutorials/css/
http://html.net/tutorials/css/lesson14.php

Skrivet av Yxskaftet:

En img-tag är inte en länk.
Du måste ange vart du vill ha logon positionerad med css, http://lmgtfy.com/?q=css+positioning+tutorial

Gå till inlägget

Givetvis inte, jag förklarade lite flummigt.
en <img> tag även omslutas av en <a> tag.

Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Medlem
●

Anledningen att jag vill ha den i extern är för att bättre hålla reda på bilden.
Sedan så räcker det med 1 rad i varje html fil för att den ska vara med.

Visa signatur

K4 Jägare är härliga människor. Varför får inte rika människor bli rikare. Ja till EMU
We live for the one, we die for the one'
(Loggar man inte ut får man en extra rad i sin signatur :-) /VaCUm)

Redigera
Citera flera Citera
Permalänk
Medlem
●

Löste problemet som jag vill ha det.
dvs felet var att jag använde background-position:absolute men borde ha använt bara position:absolut. Tack för hjälpen / Alex

i css logo.css

.logo

position:absolute;
top: 20px;
left: 20px;
background-size:50% 50%;
background-repeat:no-repeat;

i html

<img class="logo" src="bilder/page_logo.jpg" />

Senast redigerat
Visa signatur

K4 Jägare är härliga människor. Varför får inte rika människor bli rikare. Ja till EMU
We live for the one, we die for the one'
(Loggar man inte ut får man en extra rad i sin signatur :-) /VaCUm)

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara