webForumDet fria alternativet

Ha en bild i mitten av rutan

HTML & CSSur HTML, XHTML & CSS

18 svar · 1 331 visningar · startad av skate99

Medlem sedan okt. 201020 inlägg
Frågan#1

Hej jag vill få hjälp med hur man får en bild i mitten av hemsidan (sidan), här är koden:

<td width="200">

<table width="570" height="400" border="0" cellpadding="30" cellspacing="3">
<td background="green-blank-blackboard.JPG">

<font face="VTKS ANIMAL 2" size="4" color="#ffffff">

<b>Om mej</b><p>

<br>Hej jag heter Jonathan och bor i Hindås! <p>

Mina intressen är skate, tennis och att laga mat!<p>
<br>
Detta är min hemsida, hoppas du gillar den!

</td></tr>
</table>
<center></center>

</td>
<td width="90"></td>

Tack på förhand!

Medlem sedan juni 2009920 inlägg
#2

Borde funka :)

<div style="text-align:center"><img src="minbild.png"/></div>

EDIT: är inte helt hundra på om text-align bara påverkar text, eller även andra element

Medlem sedan mars 2004485 inlägg
#3

Hej

Med mitten menar du mitten vågrät eller mitten vertikalt eller både och?

Du verkar ha gjort layouten till din sida med tabeller och använder många gammla taggar (font, center är tabu == depricated), det är inget jag rekommenderar.

Du bör använda CSS för att ange hur saker ska se ut och hur de ska placeras. Och helst inte inline som i Gildebrands exemple utan i head eller extern CSS fil.

text-align:center i CSS har används på grund av att gamla IE inte klarade av grejor som det skulle.

Se ett exempelvis där margin: auto används för att centrera här:

http://www.bluerobot.com/web/css/center1.html

Medlem sedan juni 2009920 inlägg
#4

Vill minnas att "margin: auto", inte har fullt stöd i alla webbläsare. Har själv haft rejäla problem med det...

Medlem sedan mars 2004485 inlägg
#5

Gildebrand skrev:

Vill minnas att "margin: auto", inte har fullt stöd i alla webbläsare. Har själv haft rejäla problem med det...

Japps det gäller IE 5 och kanske senare IE. (läste lite kan bli problem om man kör i IE in quirks mode, men det gör aldrig jag typ)

Typ så här skulle jag gjort, med eventuella ändringar efter tester i flera webbläsare.

Html:

<img id="front" src="splash.png" alt="logo text">

CSS:

#front {
margin: auto;
display: block;
}

Edit:
Testat i IE 8 Funkar perfekt. Om jag triggar quirks mode genom att ta bort:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

Överst i min testfil så slutar allt centreras.

Medlem sedan juni 20019 519 inlägg
#6

aron, så håller vi oss till korrekt html ;)

Medlem sedan mars 2004485 inlägg
#7

voigtann1 skrev:

aron, så håller vi oss till korrekt html ;)

Japps, alltid med undantag av när man testar grejor ibland. Nä men jag försöker följa W3C rekommendationerna och inte använda så många webbläsar specifika metoder.

Medlem sedan juni 20019 519 inlägg
#8

Vet inte om du förstå vad jag menar, men </img> har aldrig varit OK i någon doctype eller webbläsare ;)

Medlem sedan mars 2004485 inlägg
#9

voigtann1 skrev:

Vet inte om du förstå vad jag menar, men </img> har aldrig varit OK i någon doctype eller webbläsare ;)

Aww tack, shit hur kom det dit?? Borttrollat nu.

Medlem sedan okt. 201020 inlägg
#10

Kan inte någon skriva vilken html kod jag ska skriva i denna koden: (det är ju ett såkallat "table" som har min bild som bakgrund och jag menar inte hur man ska ha en bild i mitten utan denna "table" eller vad man kallar det ;) )

<td width="200">

<table width="570" height="400" border="0" cellpadding="30" cellspacing="3">
<td background="green-blank-blackboard.JPG">

<font face="VTKS ANIMAL 2" size="4" color="#ffffff">

<b>Om mej</b><p>

<br>Hej jag heter Jonathan och bor i Hindås! <p>

Mina intressen är skate, tennis och att laga mat!<p>
<br>
Detta är min hemsida, hoppas du gillar den!

</td></tr>
</table>
<center></center>

</td>
<td width="90"></td>

PS: CSS är inte mitt område :e

Medlem sedan mars 2004485 inlägg
#11

table = tabell på engelska = nånting som ska användas för tabeller men har används för layout förr i tiden.

Du svarade inte på min fråga, och du har inte med hela sidan i din kod, du har ju inte lagt in bilden nånstans. Eller menar du bakgrunden? då är det en annan sak.

Om du ska göra webb bör du köra CSS! Det är inte svårt att lära sig och fördelarna är ENORMA vilket även nybörjare ser på direkten.

Edit: Post 400! PARTY!!!

Medlem sedan dec. 2009308 inlägg
#12

hej
Här kommer två användbara länkar som du kan lära dig css på en dag. http://www.w3schools.com/css/default.asp allt på engelska. http://www.webdesignskolan.com/ på svenska där du sedan väljer css grunder i höger menyn. Sedan till sist om jag inte mins fel är att tabeller är old school men som används i vissa sammanhang än idag. Hur som helst titta igenom båda så lär du dig allt du behöver.

MVH

Buddaz

Medlem sedan mars 2004485 inlägg
#13

Buddaz skrev:

Sedan till sist om jag inte mins fel är att tabeller är old school men som används i vissa sammanhang än idag. Hur som helst titta igenom båda så lär du dig allt du behöver.

Det är inget fel med tabeller om man använder dem till rätt saker. HTML är för stuktur, CSS för stil och layout. Jag antar att du menade att använda tabeller till layout är ett lite "old scool hack" som är ett mycket sämre alternativ idag när stödet för CSS mycket bättre.

En av fördelen är att man separerar strukturen från layouten/stilen.

Edit:
Alltid bra att ha:
http://htmldog.com/reference/cssproperties/

Medlem sedan okt. 201020 inlägg
#14

Jag menar inte en tabbel utan ett såkallat "table" allså bord på engelska!

Och jag upprepar, säg inte en länk däe man kan lära sig utan säg villken kod jag ska ha!

Medlem sedan dec. 2009308 inlägg
#15

Hej
Det var det jag menade. Sedan om jag skall gå över till frågan som ställdes i början. Jag är inte riktigt med på frågan. Om bilden skall vara inne i en cell i tabellen eller som bakgrund på hela sidan. Lite dåligt förklarat om vad personen är ute efter. Table är det som skapar tabell.

MVH

Buddaz

Medlem sedan mars 2004485 inlägg
#16

skate99 skrev:

Jag menar inte en tabbel utan ett såkallat "table" allså bord på engelska!

Och jag upprepar, säg inte en länk däe man kan lära sig utan säg villken kod jag ska ha!

OMG dude, är du troll? ingen kan på riktigt tro att man gör bord när man gör webbsidor... om du inte försöker ger mig den information jag ber om för att förstå vad du är ute efter så tänker jag inte skriva mera.

Har postat kod för att lägga in bild i HTML och CSS som används för att centrera bilden. Och du postar random "1998 HTML" tror att tabeller är bord och vill ha en bild "i mitten" nånting....

Herre gud :x

Medlem sedan dec. 2009308 inlägg
#17

Hej
Jag förstår dig aron. Vore bra om han kunde förklara lite mer så man förstår vad det han är ute efter. Sedan skriver han ge mig kod, jaha och hur skall man kunna hjälpa honom med kod om det inte framgår exakt vad som skall göras.

MVH

Buddaz

Medlem sedan aug. 20068 090 inlägg
#18

skate99 skrev:

Jag menar inte en tabbel utan ett såkallat "table" allså bord på engelska!

Och jag upprepar, säg inte en länk däe man kan lära sig utan säg villken kod jag ska ha!

Det är INTE en bra idé att snäsa åt folk som försöker hjälpa och tala om för som HUR dom ska svara för att behaga dig. Dessutom: Orkar du inte läsa igenom texter som folk länkar till så verkar du knappast vara motiverad (eller helt enkelt dum och lat). Men åkej, här är svar:

"Table" betyder BÅDE bord och tabell (och mer): http://translate.google.com/#en|sv|table

I det här sammanhanget betyder det "tabell".

För en idiotproof centrering både vertikalt och horisontellt, se här: http://apptools.com/examples/tableheight.php Klicka länken längst ner, kolla källkoden osv. Klarar du att läsa engelska eller ska nån översätta?

Medlem sedan dec. 2009308 inlägg
#19

Hej
Kolla den här länkarna som gäller för tabeller http://www.w3schools.com/css/css_table.asp
http://www.webdesignskolan.com/html/tabeller/tabeller.htm , och sedan är det väl bättre du lär dig själv så du vet till nästa gång. Bara säga kod lär man sig inte. Försöker inte vara elak, säger bara det är roligare om man vet vad man gör.

MVH

Buddaz

133 ms totalt · 3 externa anrop · v20260731065814-full.b746b907
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)