HTML-hjälp, lägg text på bild

Citera flera Citera

2013-02-14 11:56

Morran

Medlem

Registrerad: Aug 2011

●

Skrivet av light44:

Då är det på detta vis att jag tänkte återuppta lite skapande av en hemsida. Det var längesedan jag skrev HTML så antar att det hänt mycket den senaste tiden? Helst väljer jag att fortsätta skriva i enbart html och skippa css. Eller är CSS mycket nödvändigt idag?

Då till min idé. Jag har skapat en bild på 1000x1000 pixlar som jag tänkte skulle vara grunden för hela sidan. Jag vill sedan ha möjlighet att placera text på bilden. Ska jag använda mig av <img src=””> -taggen och sedan skapa en tabell på denna?

Alternativet jag ser är att lägga denna bild som bakgrund men då ”upprepas min bild” och det kommer flera. Jag önskar endast ha en enda center-placerad.

Skulle nog säga att du bör använda css då det är mycket enklare att fixa bg´s och att ge t.e.x en viss färg på texterna osv

Citera flera Citera

2013-02-14 11:57

Marie96

Medlem

Plats: Västerås
Registrerad: Jun 2011

●

Skrivet av light44:

Då är det på detta vis att jag tänkte återuppta lite skapande av en hemsida. Det var längesedan jag skrev HTML så antar att det hänt mycket den senaste tiden? Helst väljer jag att fortsätta skriva i enbart html och skippa css. Eller är CSS mycket nödvändigt idag?

Då till min idé. Jag har skapat en bild på 1000x1000 pixlar som jag tänkte skulle vara grunden för hela sidan. Jag vill sedan ha möjlighet att placera text på bilden. Ska jag använda mig av <img src=””> -taggen och sedan skapa en tabell på denna?

Alternativet jag ser är att lägga denna bild som bakgrund men då ”upprepas min bild” och det kommer flera. Jag önskar endast ha en enda center-placerad.

Inte för att vara spydig, men vad tror du att du får för svar?
JA, använd CSS.

Visa signatur

muufoto.se

Citera flera Citera

2013-02-14 12:05

John L

Medlem

Registrerad: Dec 2003

●

Skrivet av light44:

Då till min idé. Jag har skapat en bild på 1000x1000 pixlar som jag tänkte skulle vara grunden för hela sidan. Jag vill sedan ha möjlighet att placera text på bilden. Ska jag använda mig av <img src=””> -taggen och sedan skapa en tabell på denna?

Alternativet jag ser är att lägga denna bild som bakgrund men då ”upprepas min bild” och det kommer flera. Jag önskar endast ha en enda center-placerad.

Klart du ska använda css. För att göra det du vill borde följande räcka:

body { background: url(http://www.sweclockers.com/images/logo.png) no-repeat scroll 50% 50%; }

Citera flera Citera

2013-02-14 12:28

Mest

Medlem

Plats: Borås
Registrerad: Aug 2012

●

Som tidigare sagt; gör dig själv en tjänst och lär dig CSS. Tiden du spenderar på att lära dig kommer du snabbt tjäna in igen.

Om du absolut inte vill det så är det minsta du behöver göra för att uppnå effekten du önskar att lägga <style>body { background: url(images/bg.jpg) no-repeat top left; }</style> i din <head>.

Visa signatur

Min webbyrå

Citera flera Citera

2013-02-14 17:30

light44

Medlem

Registrerad: Jan 2010

●

Skrivet av Morran:

Skulle nog säga att du bör använda css då det är mycket enklare att fixa bg´s och att ge t.e.x en viss färg på texterna osv

Skrivet av Marie96:

Inte för att vara spydig, men vad tror du att du får för svar?
JA, använd CSS.

Skrivet av John L:

Klart du ska använda css. För att göra det du vill borde följande räcka:

body { background: url(http://www.sweclockers.com/images/logo.png) no-repeat scroll 50% 50%; }

Skrivet av Mest:

Som tidigare sagt; gör dig själv en tjänst och lär dig CSS. Tiden du spenderar på att lära dig kommer du snabbt tjäna in igen.

Om du absolut inte vill det så är det minsta du behöver göra för att uppnå effekten du önskar att lägga <style>body { background: url(images/bg.jpg) no-repeat top left; }</style> i din <head>.

Jag valde redan efter första inlägget att ge mig på CSS och har nu suttit hela dagen och sidan är färdig. Helt klart har det hänt mycket sen jag senast provade och göra hemsidor.

Det finns bara ett enda problem kvar. När jag testade att visa sidan med lägre upplösning ville inte bakgrunden följa med hela vägen. Jag skulle alltså vilja få tips på nån funktion jag kan lägga till i koden så jag kan scrolla ner hela bakgrundsbilden.

Jag använder mig av raderna:

background-image: url('xxx.jpg');
background-repeat: no-repeat;
background-position: center top;

Edit: Löste problemet på egen hand.

Senast redigerat 2013-02-14 21:03

Visa signatur

Underskatta inte Citera-funktionen