Just nu i M3-nätverket
Gå till innehåll

Media Queries - Bildbyte


Jompan
 Share

Rekommendera Poster

Jag har klarat av att koda om min webbplats med Media Quires för att passa i mobilen mm, men har fastnat på hur jag ska koda för att byta logga. Huvudsidans logga är bred och jag har därför gjort en ny mer kompakt bild, som jag tycker passar bättre för en smal skärm.

Men nu vet jag inte hur jag ska få CSS-filen att möta HTML-filen, dvs hur ska skriva i CSS-filen och hur kodas motsvarande block i html-koden (index.html)?

 

// Agneta

 

 

Länk till kommentar
Dela på andra webbplatser

Två sätt som jag kommer på utan att vara expert på css/html

1: Lägga in bilderna via CSS, bakgrundsbild,  och inte via HTML-taggar. Då kan du byta bakgrundsbild vid viss storlek på vyn bara genom att CSS uppdateras.

2: Mindre bra att lägga in två HTML-taggar som laddar resp bild men om små inget problem att då via CSS ta fram/ta bort resp element vid behov.

 

Bästa lösningen är nog en kombination av 1 och att via CSS skala om bilden till en viss grad utan att ladda om den. När det blir för litet för det kanske byta ut den.

  • Gilla 1
Länk till kommentar
Dela på andra webbplatser

 Share

×
×
  • Skapa nytt...