Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Centrera samtliga sidor

Skapad av JimSan, 2011-12-08 19:37 i Webbutveckling & Programmering

16 604
22 inlägg
0 poäng
JimSan
Visningsbild
P 32 Hjälte 27 inlägg
2011-12-08 19:37
0
Har skapat en hemsida i publisher, dock lyckas jag bara centrera första sidan genom att:

</head><table border="0" cellpadding="0" cellspacing="2"
width="760"align="center"><tr><td>

i slutet av head-taggen. Resten av sidorna håller sig till vänster som standard, hur löser jag detta?



Koden som den ser ut nu,
Visa spoiler
Ett stycke html-kod:

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"


<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<link rel=File-List href="index_files/filelist.xml">
<!--[if !mso]>
<style>
v:* {behavior:url(#default#VML);}
o:* {behavior:url(#default#VML);}
b:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<title>Vår Kampanj</title>
<style>
<!--
 /* Font Definitions */
font-face
 {font-family:Verdana;
 panose-1:2 11 6 4 3 5 4 4 2 4;}
font-face
 {font-family:Georgia;
 panose-1:2 4 5 2 5 4 5 2 3 3;}
 /* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
 {margin-right:0pt;
 text-indent:0pt;
 margin-top:0pt;
 margin-bottom:6.0pt;
 line-height:119%;
 text-align:left;
 font-family:Georgia;
 font-size:20.3349pt;
 color:black;}
ol
 {margin-top:0in;
 margin-bottom:0in;
 margin-left:-2197in;}
ul
 {margin-top:0in;
 margin-bottom:0in;
 margin-left:-2197in;}
page
 {size:8.-2019in 11.2232in;}
-->
</style>
<!--[if gte mso 9]><xml>
 <o:shapedefaults v:ext="edit" spidmax="5122" fill="f" fillcolor="white [7]"
  strokecolor="black [0]">
  <v:fill color="white [7]" color2="white [7]" 
  <v:stroke color="black [0]" color2="white [7]">
   <o:left v:ext="view" color="black [0]" color2="white [7]"/>
   <o:top v:ext="view" color="black [0]" color2="white [7]"/>
   <o:right v:ext="view" color="black [0]" color2="white [7]"/>
   <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
   <o:column v:ext="view" color="black [0]" color2="white [7]"/>
  </v:stroke>
  <v:shadow color="#ccc [4]"/>
  <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
  <o:colormru v:ext="edit" colors="green,#ddd,#333,#292929,#33f,#8585ff,#f30,#f90"/>
  <o:colormenu v:ext="edit" strokecolor="none"/>
 </o:shapedefaults><o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1"/>
  <o:regrouptable v:ext="edit">
   <o:entry new="1" old="0"/>
  </o:regrouptable>
 </o:shapelayout></xml><![endif]-->
</head>

<body link="#0066FF" vlink="#6633CC" 

<div 
<!--[if gte vml 1]><v:rect id="_x0000_s1025" 
 top:0;width:570pt;height:532.5pt;z-index:1;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' fillcolor="#ddd" stroked="f" strokecolor="black [0]"
 o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
 <v:textbox  inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:rect><![endif]--><![if !vml]><span 
left:0px;top:0px;width:760px;height:710px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=760 height=710 bgcolor="#DDDDDD" 
  background:#DDDDDD'><![endif]>
  <div v:shape="_x0000_s1025"  2.88pt 2.88pt 2.88pt'
  class=shape></div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:line id="_x0000_s1112" 
 z-index:8;visibility:visible;mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' from="30.2pt,98.82pt" to="536.32pt,98.82pt"
 strokecolor="green" strokeweight="1.5pt" o:cliptowrap="t">
 <v:stroke>
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
</v:line><![endif]--><![if !vml]><span 
left:39px;top:130px;width:678px;height:3px'><img 
src="index_files/image3019.png"shapes="_x0000_s1112"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1114" 
 height:41.5pt;z-index:9;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt'
 o:preferrelative="t" filled="f" fillcolor="white [7]" stroked="f"
 strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_files/image268.png" o:title="Textbox"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span 
left:570px;top:39px;width:150px;height:55px'><img 
src="index_files/image2681.png"shapes="_x0000_s1114"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1120" 
 height:14.97pt;z-index:10;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_files/image2830.png" o:title="facebook-2561"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span 
left:618px;top:46px;width:20px;height:20px'><img 
src="index_files/image28301.png"shapes="_x0000_s1120"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1121" 
 height:15.19pt;z-index:11;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_files/image1591.png" o:title="220px-Mail-closed"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span 
left:647px;top:46px;width:27px;height:20px'><img 
src="index_files/image15911.png"shapes="_x0000_s1121"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1122" 
 height:18.97pt;z-index:12;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_files/image1510.png" o:title="print"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span 
left:684px;top:45px;width:25px;height:25px'><img 
src="index_files/image15101.png"shapes="_x0000_s1122"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1123" 
 height:20.54pt;z-index:13;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_files/image305.png" o:title="twitter"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span 
left:582px;top:43px;width:27px;height:28px'><img 
src="index_files/image3051.png"shapes="_x0000_s1123"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1213" 
 height:48.75pt;z-index:14;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_files/image473.png" o:title="Nya-logga"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span 
left:27px;top:14px;width:519px;height:65px'><img 
src="index_files/image473.png"shapes="_x0000_s1213"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1214" 
 height:49.19pt;z-index:15;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_files/image467.png" o:title="knappbar"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span 
left:39px;top:60px;width:684px;height:66px'><img 
src="index_files/image4671.png"shapes="_x0000_s1214"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1246" 
 height:120pt;z-index:27;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt'
 o:preferrelative="t" filled="f" fillcolor="white [7]" stroked="f"
 strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_files/image329.png" o:title="transparent-body"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span 
left:27px;top:432px;width:696px;height:160px'><img 
src="index_files/image3291.png"shapes="_x0000_s1246"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1247" 
 height:107.65pt;z-index:28;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_files/image336.jpg" o:title="1030037_520_292"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span 
left:65px;top:156px;width:255px;height:144px'><img 
src="index_files/image3361.jpg"shapes="_x0000_s1247"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1249" 
 height:33.75pt;z-index:29;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_files/image307.png" o:title="Citat1"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span 
left:31px;top:452px;width:503px;height:45px'><img 
src="index_files/image307.png"shapes="_x0000_s1249"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1250" 
 height:176.5pt;z-index:30;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_files/image322.jpg" o:title="20090305154358_SYSTEMBOLAGET"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span 
left:325px;top:156px;width:212px;height:235px'><img 
src="index_files/image3221.jpg"shapes="_x0000_s1250"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1251" 
 height:64.22pt;z-index:31;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_files/image299.jpg" o:title="schnille_systembolaget_1"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span 
left:65px;top:306px;width:255px;height:85px'><img 
src="index_files/image2991.jpg"shapes="_x0000_s1251"></span><![endif]><!--[if gte vml 1]><v:line
 id="_x0000_s1252" 
 mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' from="26.26pt,311.67pt"
 to="532.38pt,311.67pt" strokecolor="green" strokeweight="1.5pt" o:cliptowrap="t">
 <v:stroke dashstyle="1 1">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
</v:line><![endif]--><![if !vml]><span 
left:34px;top:414px;width:677px;height:3px'><img 
src="index_files/image3251.png"shapes="_x0000_s1252"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1254" 
 height:36.75pt;z-index:33;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_files/image368.png" o:title="Citat2"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span 
left:110px;top:524px;width:605px;height:49px'><img 
src="index_files/image368.png"shapes="_x0000_s1254"></span><![endif]><!--[if gte vml 1]><v:line
 id="_x0000_s1259" 
 mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' from="25.29pt,468.16pt"
 to="531.41pt,468.16pt" strokecolor="green" strokeweight="1.5pt" o:cliptowrap="t">
 <v:stroke>
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
</v:line><![endif]--><![if !vml]><span 
left:32px;top:623px;width:678px;height:3px'><img 
src="index_files/image382.png"shapes="_x0000_s1259"></span><![endif]><!--[if gte vml 1]><v:shapetype
 id="_x0000_t202" coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe">
 <v:stroke joinstyle="miter"/>
 <v:path gradientshapeok="t" o:connecttype="rect"/>
</v:shapetype><v:shape id="_x0000_s1261" type="#_x0000_t202" 
 left:37.01pt;top:468.16pt;width:482.48pt;height:17.84pt;z-index:35;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
 <v:textbox  inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:shape><![endif]--><![if !vml]><span 
left:49px;top:624px;width:644px;height:24px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=644 height=24 
  <div v:shape="_x0000_s1261"  2.88pt 2.88pt 2.88pt'
  class=shape>
  <p class=MsoNormal  lang=sv
   2011</span></p>
  </div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:rect id="_x0000_s1263" 
 left:406.97pt;top:117.01pt;width:116.36pt;height:96.97pt;z-index:36;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt'
 o:preferrelative="t" filled="f" fillcolor="white [7]" stroked="f"
 strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_files/image383.jpg" o:title="systembolaget3kund(2)"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span 
left:543px;top:156px;width:155px;height:129px'><img 
src="index_files/image3831.jpg"shapes="_x0000_s1263"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1264" 
 height:75.66pt;z-index:37;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_files/image347.jpg" o:title="sYSTEM704_449637a"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span 
left:543px;top:290px;width:155px;height:101px'><img 
src="index_files/image3471.jpg"shapes="_x0000_s1264"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1351" href="index.htm" 
 width:89.8pt;height:30.87pt;z-index:70;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' filled="f" fillcolor="white [7]" stroked="f"
 strokecolor="blue" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
 <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:rect><![endif]--><![if !vml]><span 
left:40px;top:76px;width:120px;height:41px'><a href="index.htm"><img  src="index_files/image409.png"shapes="_x0000_s1351"></a></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1352" href="index_files/Page419.htm" 
 left:121.94pt;top:56.05pt;width:89.79pt;height:30.86pt;z-index:71;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" stroked="f" strokecolor="blue" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
 <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:rect><![endif]--><![if !vml]><span 
left:163px;top:75px;width:119px;height:41px'><a href="index_files/Page419.htm"><img
 src="index_files/image410.png"shapes="_x0000_s1352"></a></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1353" href="index_files/Page451.htm" 
 left:212.71pt;top:55.28pt;width:106.26pt;height:30.86pt;z-index:72;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" stroked="f" strokecolor="blue" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
 <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:rect><![endif]--><![if !vml]><span 
left:284px;top:74px;width:141px;height:41px'><a href="index_files/Page451.htm"><img
 src="index_files/image406.png"shapes="_x0000_s1353"></a></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1354" href="index_files/Page439.htm" 
 left:318.97pt;top:55.28pt;width:115.26pt;height:30.86pt;z-index:73;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" stroked="f" strokecolor="blue" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
 <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:rect><![endif]--><![if !vml]><span 
left:425px;top:74px;width:154px;height:41px'><a href="index_files/Page439.htm"><img
 src="index_files/image407.png"shapes="_x0000_s1354"></a></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1355" href="index_files/Page393.htm" 
 left:434.23pt;top:56.05pt;width:102.09pt;height:30.86pt;z-index:74;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" stroked="f" strokecolor="blue" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
 <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:rect><![endif]--><![if !vml]><span 
left:579px;top:75px;width:136px;height:41px'><a href="index_files/Page393.htm"><img
 src="index_files/image408.png"shapes="_x0000_s1355"></a></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1381" href=" http://www.systembolaget.se/" 
 left:29.03pt;top:10.83pt;width:60.97pt;height:37.19pt;z-index:100;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" stroked="f" strokecolor="blue" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
 <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:rect><![endif]--><![if !vml]><span 
left:39px;top:14px;width:81px;height:50px'><a
href=" http://www.systembolaget.se/"><img 
src="index_files/image396.png"shapes="_x0000_s1381"></a></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1389" href=" http://www.hotmail.com/" 
 left:485.19pt;top:34.07pt;width:20.62pt;height:15.54pt;z-index:108;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" stroked="f" strokecolor="blue" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
 <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:rect><![endif]--><![if !vml]><span 
left:647px;top:45px;width:27px;height:21px'><a href=" http://www.hotmail.com/"><img
 src="index_files/image530.png"shapes="_x0000_s1389"></a></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1398" href=" http://www.twitter.com/" 
 left:436.12pt;top:32.48pt;width:20.62pt;height:19.9pt;z-index:116;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" stroked="f" strokecolor="blue" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
 <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:rect><![endif]--><![if !vml]><span 
left:581px;top:43px;width:28px;height:27px'><a href=" http://www.twitter.com/"><img
 src="index_files/image386.png"shapes="_x0000_s1398"></a></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1399" href=" http://www.systembolaget.se/" 
 left:48.64pt;top:117.01pt;width:474.69pt;height:176.5pt;z-index:117;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" stroked="f" strokecolor="blue" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
 <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:rect><![endif]--><![if !vml]><span 
left:65px;top:156px;width:633px;height:235px'><a
href=" http://www.systembolaget.se/"><img 
src="index_files/image385.png"shapes="_x0000_s1399"></a></span><![endif]>
</div>

</body>

</html>



Tillägg av Kae 2011-12-20 00:01

Fixade spoilertagg.

Direktlänk Svara på inlägg Gästbok
Skicka

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Tvillingen
Visningsbild
P 31 Hjälte 3 117 inlägg
2011-12-08 20:24
0
Lägg upp koden på pastebin eller liknande sida, så att koden blir läslig.
Annars ska inte tabeller endast använda till tabulärdata och inte för att positionera element. Koden blir mindre plottrig om man hoppar över tabellerna när det gäller att strukturera upp sidan. Använder du dig av div:ar är det enkelt att centrera sidan.

HTML
Ett stycke html-kod:
<div id="wrapper">
 <div id="header"></div>
 <div id="content"></div>
 <div id="footer"></div>
</div>


CSS
Ett stycke css-kod:
#wrapper
{
 width: 600px;
 margin: 0 auto;
}

Jag är ond!

Direktlänk Svara på inlägg Gästbok
Skicka
Johan1321
Visningsbild
P 30 Hjälte 349 inlägg
2011-12-08 20:50
0
Som tidigare nämnt, gör ett CSS-stylesheet innuti din head-tagg
<style type="text/css">
.wrapper { width: 1000px; margin-left: auto; margin-right: auto; }
</style>

sedan är det bara att lägga en div-tagg runt innehållet på sidan:
<div id="wrapper">
sidans innehåll här
</div>

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
hazardous
Visningsbild
P 93 Skövde Hjälte 775 inlägg
2011-12-16 20:18
0
Ville ta upp liknande ämne. Hur gör jag att wrapper blir centrerad med hjälp av CSS? Det går inte att använda align eller float. Och då ska sidan bli centrerad oavsett webbläsare. Om man använder width, height, margin eller padding så kan sidan placera sig olika ut från webbläsare till webbläsare.

Och så trycker vi spara.

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-12-16 20:25
0

Svar till hazardous [Gå till post]:
Använd reset.css ( http://meyerweb.com/eric/tools/css/reset/).
Sedan kan du använda margin: auto; för att centrera.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
hazardous
Visningsbild
P 93 Skövde Hjälte 775 inlägg
2011-12-16 22:59
0
Svar till Syndafloden [Gå till post]:

Tackar! Tror att jag är på rätt väg nu :D
Men det enda som jag behövde var just margin: auto;, resten var överflödig kod.



Och så trycker vi spara.

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-12-16 23:08
0

Svar till hazardous [Gå till post]:
Fast du bör ha reset.css oavsett, om du inte når samma effekt i din egen css :)

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
hazardous
Visningsbild
P 93 Skövde Hjälte 775 inlägg
2011-12-16 23:57
0
Svar till Syndafloden [Gå till post]:

Så här skrev jag i CSS-filen:

Ett stycke html-kod:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin:auto;
}


Jag behöll alltså bara margin:auto; eftersom min CSS-kod såg mer annorlunda ut än den kod på sidan du länkade till. Och det funkade.


Och så trycker vi spara.

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-12-17 00:15
0

Svar till hazardous [Gå till post]:
Annars gör du bara så att du lägger till den som ett externt stylesheet innan ditt eget stylesheet.

Alltså
<link href=" http://meyerweb.com/eric/tools/css/reset/reset.css" type="text/css" rel="stylesheet">
<link href="link/to/your/stylesheet.css" rel="stylesheet" type="text/css">

Så får du det bra med reset, men kan overridea det med din egen mall.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
hazardous
Visningsbild
P 93 Skövde Hjälte 775 inlägg
2011-12-17 09:54
0
Svar till Syndafloden [Gå till post]:

Så får du det bra med reset, men kan overridea det med din egen mall.



Hur menar du?

Och så trycker vi spara.

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-12-17 12:35
0

Svar till hazardous [Gå till post]:
CSS läser in stilregler kronologiskt, så om jag skriver

body { background: red; }

Så kommer bakgrunden att bli röd.

om jag istället deklarerar

body {background: red;}
body {background: blue}

så kommer webbläsaren gå igenom mina stilregler och tänka "Hm, en blå färg deklarerar senare än den röda. Då kör vi på blå!".

så om du först <link>ar reset så kommer du få en bra utgångspunkt för designer.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
hazardous
Visningsbild
P 93 Skövde Hjälte 775 inlägg
2011-12-17 19:58
0
Svar till Syndafloden [Gå till post]:

Men då är det onödigt att skriva med body {background: red;} för att den tar plats i filen. Lägger man till flera sådana rader i filen så blir den onödigt tung och sidan kan ta längre tid att ladda, speciellt om man har stora hemsidor.



Och så trycker vi spara.

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-12-18 00:56
0
Svar till hazardous [Gå till post]:
Fast raderna är i reset är inte så många att de ska påverka sidladdningen så våldsamt mycket.

Alltså, du får ha in koden hur du vill, poängen är att d´koden i reset.css är bra att ha med för det gör så att man mer eller mindre kan använda samma stilregler oavsett webbläsare.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
hazardous
Visningsbild
P 93 Skövde Hjälte 775 inlägg
2011-12-18 17:09
0
Svar till Syndafloden [Gå till post]:

Huvudsaken är att det löste sig, vilket det gjorde.



Nu har jag fått ett annat problem. Jag vill att en bild sätter sig i mitten av en div med hjälp av css. Så här har jag skrivit i html:

Ett stycke html-kod:

<div id="bild" title="En bild"></div>


Och i css-filen:

Ett stycke css-kod:
#bild
{
width:650px;
height:180px;
background-image:url(bild.jpg);
background-repeat:no-repeat;
}



Bildstorleken är 240x180 cm. Bilden ska täcka hela diven och inte en tredjedel, som den gör nu. Jag har använt koden position (med bl a absolute, fixed, inherite, relative och static) men det hjälper inte.

Och så trycker vi spara.

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-12-18 18:00
0

Svar till hazardous [Gå till post]:
Du skall icke använda position.
text-align: center borde fungera.
Du vet att bilden är jävligt stor om du har angett den med korrekt mått?


HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
hazardous
Visningsbild
P 93 Skövde Hjälte 775 inlägg
2011-12-18 20:05
0
Svar till Syndafloden [Gå till post]:

Bilden sätts inte i mitten med text-align: center;

Hur gör man att bilden, trots sin storlek, täcker hela diven? Jag kommer att använda background-repeat:no-repeat; för att den inte ska repetera sig, men hela bildens bredd ska täcka divens bredd (och längd, men det gör den redan).

Både divens och bildens storlek är rätt angivna.



Och så trycker vi spara.

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-12-18 20:34
0

Svar till hazardous [Gå till post]:
Du kan inte sätta bakgrundsstorlek med CSS

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
hazardous
Visningsbild
P 93 Skövde Hjälte 775 inlägg
2011-12-19 23:10
0
Svar till Syndafloden [Gå till post]:

Hur/vad kan man då göra för att en bild ska täcka hela diven utan att repetera sig?


Och så trycker vi spara.

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-12-19 23:58
0

Svar till hazardous [Gå till post]:
Gör en större bild :)
Annars vet jag itne, rent teoretiskt kanske det går att köra JS och detecta screensize och utifrån det ladda in olika bilder. Det kan nog gå.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
hazardous
Visningsbild
P 93 Skövde Hjälte 775 inlägg
2011-12-20 12:35
0
Svar till Syndafloden [Gå till post]:

Blir nog lite svårare att använda js, jag få se vad jag kommer fram till och vad resultatet blir.



Och så trycker vi spara.

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-12-20 14:27
0

Svar till hazardous [Gå till post]:
Nä, inte direkt.

blir typ
[removed]
if ( window.width > 800 ) {
document.getElementByTagName("head").innerHtml("<link href="ettstylesheet.css/>");
} else if ( window.width > 1200 ) {
ET CETERA
}
[removed]

Något sådant, ajg kan typ ingen JS.
Men vad är det du behöver bilden till, vad är det för bild?

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
hazardous
Visningsbild
P 93 Skövde Hjälte 775 inlägg
2011-12-27 20:41
0
Svar till Syndafloden [Gå till post]:

Jag löste uppgiften. Jag skaffade en bild med bildstorleken 1024x683. Sitter hur bra som helst i boxen, som är 800x150.


Och så trycker vi spara.

Direktlänk Svara på inlägg Gästbok
Skicka

Forum » Datorer & IT » Webbutveckling & Programmering » Centrera samtliga sidor

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Rubrik

Inlägg

Fet Kursiv Spoiler Bild Film Kod Undersökning

Förhandsgranska Spara

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons