Två logo i vardera hörn?

PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Lägg ett bokmärke på hela tråden
Skapa nytt inlägg   Svara på inlägget
Visa föregående ämne :: Visa nästa ämne  
Startad av: Meddelande
wizz



Medlem i: 2482 dagar

Status: Offline



#740695
Inlägg Skrivet: 2016-04-27 13:29      Ämne: Två logo i vardera hörn? Citera

Försöker få till possitioner för två logo en i höger och en i vänster hörn av min sida.

Har lyckats få båda centrerade men vill ha dom i var sitt övre hörne på sidan.

Har använt mig av följande css.

KOD:
1:
img.logo
2:
{
3:
display:inline-block;
4:
margin-left:auto;
5:
margin-right:auto;
6:
width:248px;
7:
height:80px;
8:
}


Och sedan denna kod.

KOD:
1:
<div id="twoimages">
2:
 
3:
<img class="logo" src="test1.jpg">
4:
<img class="logo" src="test2.jpg">


Men behöver mer hjälp för att få dom i var sitt övre hörn på sidan.

Säkert enkelt för den som vet men jag har ingen susning så hoppas någon kan hjälpa mig.
 
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
metalboy



Medlem i: 5577 dagar
Från: Upplands Väsby
Status: Offline



#740696
Inlägg Skrivet: 2016-04-27 14:33      Ämne: Citera

Skapa två klasser; left och right. På dessa klasser sätter du float: left respektive float: right. Ta bort margin-left och margin-right från klassen logo.

KOD: CSS
1:
img.logo
2:
{
3:
display:inline-block;
4:
width:248px;
5:
height:80px;
6:
}
7:
 
8:
.left { float: left; }
9:
.right { float: right; }


KOD: HTML
1:
<img class="logo left" src="test1.jpg">
2:
<img class="logo right" src="test2.jpg">
 

_________________
Vad händer om man stör en utvecklare i hans arbete? - Han blir utvecklingsstörd
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
wizz



Medlem i: 2482 dagar

Status: Offline



#740697
Inlägg Skrivet: 2016-04-27 14:46      Ämne: Citera

Tack skall testa.
 
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
Tomas59



Medlem i: 1031 dagar

Status: Offline



#741168
Inlägg Skrivet: 2016-11-03 19:32      Ämne: Citera

[code]
img.logo{
display:inline-block;
width:248px;
height:80px;
background-image: url(bild.jpg);
background-repeat: no-repeat;
background-position: left top;
}
[/code]

och en till för
background-position: right top;
 
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
Visa tidigare inlägg:   
Skapa nytt inlägg   Svara på inlägget
PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Hoppa till:  
Du kan inte skapa nya inlägg i det här forumet
Du kan inte svara på inlägg i det här forumet
Du kan inte ändra dina inlägg i det här forumet
Du kan inte ta bort dina inlägg i det här forumet
Du kan inte rösta i det här forumet
Du kan inte bifoga filer i detta forum
Du kan inte ladda ner filer från detta forum
Kontakta oss på adressen: info@phpportalen.net
Webbplatsen bygger i grunden på phpBB © 2001, 2002 phpBB Group

Modifieringar har senare gjorts i systemet av PHPportalen
Sid och logotypdesign skapad av Daren Jularic