webForumDet fria alternativet

bild mitt i fönstret

13 svar · 374 visningar · startad av soffan76

soffan76Medlem sedan maj 2001684 inlägg
#1

Hej!

Har varit borta från webbdesignandet ett tag men är nu tillbaka.
Är lite ringrostig dock.
Hur var det man gjorde för att få en bild mitt i på hemsidan, oberoende på vilken upplösning man har. Använder man sig av tabeller på nåt vis?

Tacksam för hjälp

icaaqMedlem sedan okt. 20005 273 inlägg
#2

Hej.
Ska den centreras både vertikalt och horisontellt?

mv icaaq

Mika3lMedlem sedan nov. 20018 492 inlägg
#3

HTML med tabeller:

<table width="100%" height="100%">
 <tr>
  <td align="center" valing="middle">
<img src="bild.jpg">
  </td>
 </tr>
</table>
icaaqMedlem sedan okt. 20005 273 inlägg
#4

Mika3l skrev:

HTML med tabeller:

<table width="100%" height="100%">
 <tr>
  <td align="center" valing="middle">
<img src="bild.jpg">
  </td>
 </tr>
</table>

Tabeller till tabulär data..... ;)

http://member.webforum.nu/1029/center.htm

mv icaaq

tydalMedlem sedan juni 20034 013 inlägg
#5

Snyggt icaaq, men egentligen borde du väl mena:

height: 100%;
margin: 0px;
padding: 0px;

Såvida inte det leder till nån skum bugg i IE som jag inte känner till...

icaaqMedlem sedan okt. 20005 273 inlägg
#6

tydal skrev:

Snyggt icaaq, men egentligen borde du väl mena:

height: 100%;
margin: 0px;
padding: 0px;

Såvida inte det leder till nån skum bugg i IE som jag inte känner till...

Visst ska det vara så...

mv icaaq

CyberPetMedlem sedan dec. 19996 588 inlägg
#7

Flyttar till rätt forum, från Design & Grafik.

bossseMedlem sedan juni 2003772 inlägg
#8

Ang. förslaget ovan.
Är övrigt sidinnehåll bredare eller högre så sidan måste scrollas, så måste detta läggas in i css-delen.

background-attachment: fixed

Blir konstig effekt annars.

soffan76Medlem sedan maj 2001684 inlägg
#9

Tack för era svar!
Men varför får jag detta felmeddelande?

15 The tag: "table" doesn't have an attribute: "height" in currently active versions.
15 The tag: "table" doesn't have an attribute: "padding" in currently active versions.
15 The tag: "table" doesn't have an attribute: "margin" in currently active versions.

icaaqMedlem sedan okt. 20005 273 inlägg
#10

Hur ser din kod ut då ?

mv icaaq

soffan76Medlem sedan maj 2001684 inlägg
#11

Oj, snabbt svar! Tack för det! Min kod ser ut så här:

<table width="100%" height="100%" padding="0px" margin="0px">
<tr>
<td align="center" valign="middle">
<a href="info.html"><img src="logo.gif" width="140" height="125" alt="" border="0"></a>
</td>
</tr>
</table>

icaaqMedlem sedan okt. 20005 273 inlägg
#12
[red]
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
<title></title>
		<style type="text/css" media="screen,print">
		<!--
		body
		{
			padding: 0;
			margin: 0;
			text-align: center;
			vertcal-align: middle;
			background-image: url("logo.gif");
			background-position: 50% 50%;
			background-repeat: no-repeat;
                        background-attachment: fixed
			height: 100%
		}
		html
		{
			padding: 0;
			margin: 0;
			height: 100%;
		}
		-->
		</style>
</head>
<body>
&nbsp;
</body>
</html>
[/red]

mv icaaq

Web-TorMedlem sedan nov. 200013 890 inlägg
#13

soffan76 skrev:

Tack för era svar!
Men varför får jag detta felmeddelande?

15 The tag: "table" doesn't have an attribute: "height" in currently active versions.
15 The tag: "table" doesn't have an attribute: "padding" in currently active versions.
15 The tag: "table" doesn't have an attribute: "margin" in currently active versions.

Du får använda CSS istället:

<table style="height:100%;padding:0;margin:0;">

/r Tvåa :r

soffan76Medlem sedan maj 2001684 inlägg
#14

Tack så mycket! :)

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