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

Media Queries - Bildbyte

Rekommendera Poster

Jompan

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

 

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Monshi

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.

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...