Gå til innhold

[Løst]For stor oppløsning

Danielbn

Anbefalte innlegg

Danielbn

Danielbn

Skrevet
Skrevet

Hei. jeg driver nå og lager en side i dreamweaver, og fikk et forhåpentlig vis lite problem. Sida er på sånn ca 1400 piksler i breden, og er egnet før folk som har oppløsninga på sjermen 1440 x 900 piksler. Men når folk med mindre oppløsning prøver å gå inn på sida så får de sidescroll. Går det annt å gjøre at sida minnimerer seg til brukerns oppløsning eller lignene?

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
bzzlink

bzzlink

Skrevet
Skrevet

Ja, test å gjør om størrelsen på vinduet på denne

http://willanger.org

 

Dette ordnes med css. Her kan du laste ned templates

http://www.dynamicdrive.com/style/layouts/category/C13/

 

Men dette er ikke den enkleste måten å lage en nettside på. Mye som skal taes hensyn til for at ikke layouten skal sprekke. Til syvende og sist må du bestemme deg for hva som er viktigst. Enkel å sette opp og legge inn innhold på, eller tøft liquid utseende

Lenke til kommentar
Danielbn

Danielbn

Skrevet
  • Forfatter
Skrevet
Har du noe kode vi kan tygge på?

Helst at du laster opp siden din en plass.

 

Om ikke har dynamicdrive, som bzzlink lenket til, det du er på jakt etter.

Nja. fått et lite annet problem nå. Jeg har gjordt hele greia om til 1024 i bredden, og plasert bakgrunnen(som er hele sida uten tekst) i en table så bakgrunnen blir plasert i midten uansett hvordan oppløsning brukeren har. nå er probleme at jeg ikke kan plasere en table over den andre så jeg kan legge inn tekst. for teksten og det må også være i midten så det passer til bakgrunnen. sorry for den dårlige forklaringa, men alt i alt så trenger jeg å vite om det går ant å plasere en table over en annen. :S

Lenke til kommentar
Danielbn

Danielbn

Skrevet
  • Forfatter
Skrevet

Ok. her er noen bilder. Som dere ser så har jeg bakgrunnen i en table som gjør at den blir plasert midt i bilde uansett oppløsning på bilde, men når jeg skal legge inn andre bilder og sånn og prøver å bruke apdiv osv så får jeg dem ikke plasert midt i bilde. noen forslag om hvordan jeg kan fikse det?

 

post-154806-1237033943_thumb.jpg

 

post-154806-1237034027_thumb.jpg

Lenke til kommentar
Danielbn

Danielbn

Skrevet
  • Forfatter
Skrevet

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<style type="text/css">

<!--

 

body,td,th {

font-family: Verdana, Geneva, sans-serif;

font-size: 14px;

color: #000;

}

body {

background-color: #000;

}

a:link {

text-decoration: none;

}

a:visited {

text-decoration: none;

}

a:hover {

text-decoration: none;

}

a:active {

text-decoration: none;

}

#apDiv1 {

position:absolute;

width:1188px;

height:658px;

z-index:4;

left: 0;

top: 0;

visibility: visible;

}

#apDiv2 {

position:absolute;

visibility:visible;

width:200px;

height:115px;

z-index:2;

left: 130px;

top: 101px;

}

#apDiv3 {

position:absolute;

visibility:visible;

width:200px;

height:115px;

z-index:1;

left: 177px;

top: 227px;

}

#apDiv4 {

position:absolute;

width:406px;

height:350px;

z-index:2;

left: 448px;

top: 227px;

visibility: hidden;

}

.Boldoverskrift {

font-weight: bold;

}

.Boldoverskrift {

font-size: 24px;

}

#apDiv5 {

position:absolute;

visibility:hidden;

width:200px;

height:115px;

z-index:3;

left: -415px;

top: 24px;

}

#apDiv6 {

position:absolute;

visibility:visible;

width:1162px;

height:115px;

z-index:3;

left: 2px;

top: 139px;

}

#apDiv7 {

position:absolute;

visibility:visible;

width:1160px;

height:450px;

z-index:3;

}

#apDiv8 {

position:absolute;

visibility:hidden;

width:200px;

height:115px;

z-index:3;

left: 5px;

top: 298px;

}

#apDiv9 {

position:absolute;

visibility:visible;

width:360px;

height:350px;

z-index:3;

left: 177px;

top: 227px;

}

#apDiv10 {

position:absolute;

visibility:visible;

width:372px;

height:325px;

z-index:3;

left: 177px;

top: 227px;

}

#apDiv11 {

position:absolute;

visibility:visible;

width:200px;

height:115px;

z-index:3;

left: 177px;

top: 227px;

}

-->

</style>

<script type="text/javascript">

<!--

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}

}

//-->

</script>

</head>

 

<body leftmargin="0" topmargin="0" rightmargin="”0”" bottommargin="”0”" marginwidth="0" marginheight="0">

<div align="center" valign="top" id="apDiv4">

<p class="Boldoverskrift"> Info om Bunny Production </p>

<p>Dette er bare en test skrift

som du ikke skal lese dette er bare en test skrift

som du ikke skal lese dette er bare en test skrift

som du ikke skal lese dette er bare en test skrift

som du ikke skal lese dette er bare en test skrift

som du ikke skal lese dette er bare en test skrift

som du ikke </p>

<p>skal lese dette er bare en test skrift

som du ikke skal lese dette er bare en test skrift

som du ikke skal lese dette er bare en test skrift

som du ikke skal lese dette er bare en test skrift

som du ikke skal lese <br />

<br />

dette er bare en test skrift

som du ikke skal lese dette er bare en test skrift

som du ikke skal lese dette er bare en test skrift

som du ikke skal lese dette er bare en test skrift

som du ikke skal lese dette er bare en test skrift

som du ikke skal lese<br />

</p>

</div>

<div id="apDiv11"><img src="../Jpgfiler/Nyheter og andre ting/Infobilde.jpg" width="370" height="337" /></div>

<div>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="center" valign="top"><img src="../Jpgfiler/Info.jpg" alt="Info" width="1024" height="625" border="0" usemap="#Map" />

<map name="Map" id="Map">

<area shape="rect" coords="78,133,212,180" href="Film.html" />

<area shape="rect" coords="226,134,451,179" href="Nyheter.html" />

<area shape="rect" coords="626,133,841,179" href="Galleri.html" />

<area shape="rect" coords="862,133,968,179" href="Meg.html" />

</map></td>

</tr>

</table>

</div>

</body>

</html>

Lenke til kommentar
Danielbn

Danielbn

Skrevet
  • Forfatter
Skrevet
Er det "Infobilde.jpg", du har problemer med å plassere? Hvis ikke har du markere koden du sliter med?

Det jeg sliter med er at jeg har laga en table med bakgrunnsbilde(/Jpgfiler/Info.jpg) som er plasert sånn at det bilde blir plasert på midten når du går på en web browser. probleme er at jeg ikke kan legge en ny table over den andre så jeg kan ha tekst/bilder som kan være plasert i midten også. vanskelig å forklare :S

Men hvis noen vet om det går ant å legge en Table over en annen Table så hadde det løst alt.

Lenke til kommentar
Danielbn

Danielbn

Skrevet
  • Forfatter
Skrevet
Men hvorfor bruker du <table>, når du tilsynelatende har kodet siden i CSS og brukt #div? Da trenger du ikke å bruke tabeller. Du ordner dette i CSS filen for dokumentet.

 

Bruk float:auto; eller margin:auto;

 

Eller har jeg missforstått dette?

Er ikke sikker sjøl. Jeg vil bare ha alle elementene(bilder, tekst bakgrunn osv) i midten av sida. Forstår du ?

Lenke til kommentar
Danielbn

Danielbn

Skrevet
  • Forfatter
Skrevet (endret)

Noen som ser hvorfor ikke alle tingene blir plasert i midten?

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<style type="text/css">

<!--

 

body,td,th {

font-family: Verdana, Geneva, sans-serif;

font-size: 14px;

color: #000;

float: auto;

position: relative;

}

body {

background-color: #000;

}

#apDiv1 {

position:absolute;

visibility:visible;

width:200px;

height:115px;

z-index:1;

}

-->

</style></head>

 

<body leftmargin="0" rightmargin=”0” topmargin="0" bottommargin=”0” marginwidth="0" marginheight="0">

<div id="apDiv1"><img src="../Jpgfiler/Film.jpg" alt="films" width="1024" height="625" align="middle" /></div>

</body>

</html>

Endret av Danielbn
Lenke til kommentar
Danielbn

Danielbn

Skrevet
  • Forfatter
Skrevet

Fant ut av det. fikk hjelp på et annet forum. Her ble den ferdige cssen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<style type="text/css">

<!--

 

body,td,th {

font-family: Verdana, Geneva, sans-serif;

font-size: 14px;

color: #000;

float:auto;

}

body {

background-color: #000;

margin: 0 auto;

}

#apDiv1 {

position:relative;/*absolute;*/

visibility:visible;

width:1024px;/*200px;*/

height:625px;/*115px;*/

z-index:1;

margin: 0 auto;

left: 0;

top: 0;

}

-->

</style></head>

 

<body>

<div id="apDiv1"><img src="../Jpgfiler/Film.jpg" width="1024" height="625" /></div>

</body>

</html>

 

Takk til alle som prøvde å hjelpe <3

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...