Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

problem med webbsida

1
Skriv svar
Permalänk
Medlem
●

problem med webbsida

Tja!
jag och en kompis har lite problem med vår webbsida, som varken vi kan lösa.
problemet är att han har mindre skärmupplösning än vad jag har och när han skriver för webbsidan så blir allting vänster-skjutet för mig.
Jag har då 1920*1080, och min kompis har 1024*1280.
any ideas?

Tack på förhand

Visa signatur

Jag tyckte att denna text räckte fint

Redigera
Citera flera Citera
Permalänk
Medlem
●

vad använder ni för komandon för att få allt dit ni vill?

Redigera
Citera flera Citera
Permalänk
Medlem
●

css och java, samt lite php

Visa signatur

Jag tyckte att denna text räckte fint

Redigera
Citera flera Citera
Permalänk
Medlem
●

ok, de objekterna ni har problem med, är dom styrda av class eller ID?

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av rickythemaniac:

css och java, samt lite php

Gå till inlägget

Vad har java och php med att placera ut saker på en hemsida??

Html och css är det som gäller.

Visa signatur

EPoX 8RDA+, XP2500+, 2x256Mb PC3200 (DualCh), Club3D 9800PRO, Seagate 7200.7 160Gb 8Mb Limited edition

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Nordis:

Vad har java och php med att placera ut saker på en hemsida??

Html och css är det som gäller.

Gå till inlägget

Sant, men de e ju lite svårt att lösa detta utan att se deras kod/hemsidan upplaggd

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av vpklotar:

ok, de objekterna ni har problem med, är dom styrda av class eller ID?

Gå till inlägget

Det spelar väl ingen som helst roll?

TS: Sluta använda absolut positionering. Det finns mycket bättre sätt att centrera innehåll (och allmänt bättre sätt när det gäller placering av element). Vill ni centrera något, sätt margin-left och margin-right till auto. Se t.ex. Appendix: Lösningar till vanliga problem | Webboken för mer info.

Visa signatur

Blogg. Webboken. Pinboard, Last.fm, Facebook, Kongregate. W3fools.
Validera din HTML, men skryt inte om att du gör det.
Använd HTML5 och kom ihåg semantiken!

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Som sagts tidigare, det är svårt att hjälpa er utan att ni postar koden alternativt länken till webbsidan om den är tillgänglig på internet. Det kan finnas en mängd olika problem och orsaker, och utan att veta vilka metoder ni har valt så kan vi inte heller veta vad felet är.

Med metoder och kommandon är frågan inte heller CSS eller HTML, utan om ni t.ex. har <center>-taggar, margin: auto; text-align: center eller dylikt.

Redigera
Citera flera Citera
Permalänk
Medlem
●

www.zip
där har ni index.html och mycss.css, mer utav koderna är tyvärr hemliga tills vidare.

Bara så ni vet, jag är den som kodar (php, java lite html och m.m), medans min kompis är den som skrivit mest av webbsidan och som programmerar nästan all html för den.

(jag tänkte att ta ner länken ikväll)

Visa signatur

Jag tyckte att denna text räckte fint

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

vi gjorde som så i skolan att allt vi gör är inne i en stor div som är som sagt tidigare margin-left/right till auto och då är den alltid centrerad.
sen om de är "right way to do it" är en annan fråga, de va allafall vad våran lärare sa att vi alltid ska göra xD

Visa signatur

Maximus X Hero - 8700k @5.1GHz - H115i - 32GB LPX@3466MHz - MSI 980Ti Gaming - EVGA SuperNova 750 G2 - Asus vg248qe - FD R5

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Tazavoo:

Som sagts tidigare, det är svårt att hjälpa er utan att ni postar koden alternativt länken till webbsidan om den är tillgänglig på internet. Det kan finnas en mängd olika problem och orsaker, och utan att veta vilka metoder ni har valt så kan vi inte heller veta vad felet är.

Med metoder och kommandon är frågan inte heller CSS eller HTML, utan om ni t.ex. har <center>-taggar, margin: auto; text-align: center eller dylikt.

Gå till inlägget

Du menar <center>-element, som för övrigt är deprecated och dåliga att använda.

Visa signatur

Blogg. Webboken. Pinboard, Last.fm, Facebook, Kongregate. W3fools.
Validera din HTML, men skryt inte om att du gör det.
Använd HTML5 och kom ihåg semantiken!

Redigera
Citera flera Citera
Permalänk
Medlem
●

En liten snabbis, vet inte riktigt hur det ska se ut eftersom det va en sån röra, ni får la lägga till det som ska läggas till, anyways!

HTML

<!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">
<head>
<title></title>
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="mycss.css" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
</head>
<body>
	<div id="frame">
		<div id="header">
			<div class="banner">
				
			</div>
			<div class="citatbox">
					<script type="text/javascript">
					Onload=displayrandom()
					</script>
				</div>
			<div class="clear"></div>
		</div>
		<ul class="top-menu">
			<li><a href="#">Hem</a></li>
			<li><a href="#">Chat</a></li>
			<li><a href="#">Information</a></li>
		</ul>
		<div id="sidebar-left">
		<h3>Länkar!</h3>
		<ul class="menu">
			<li><a href="http://google">Use it!</a></li>
			<li><a href="http://www.w3schools.com/">Useful shiet!</a></li>
		</ul>
		</div>
		
		<div id="content">
			<p>Kanske händer något spännande här!......någon gång...</p>
		</div>
		
		<div id="sidebar-right">
		<h3>Jobbar på det!</h3>
		<ul class="menu">
			<li><a href="http://aftonbladet.se">Aftonbladet</a></li>
			<li><a href="http://dn.se">Dagens Nyheter</a></li>
		</ul>
		</div>
	</div>
</body>
</html>

CSS

* {
	margin:0;
	padding:0;
	text-decoration:none;
}
body {
	background:#59BDDE;
	color:#000;
	font-size:12px;
	font-family:arial;
}
.clear {
	clear:both;
}
p{
	padding:10px;
	line-height:145%;
}
h1{
	font-size:20px;
}
h2, h3{
	font-size:18px;
}
#frame {
	margin:0 auto;
	width:1000px;
}
#header {
	float:left;
	width:1000px;
	border-bottom:#0099FF solid 4px;
	margin:20px 0 0 0;
}
.banner {
	float:left;
	width:400px;
	height:100px;
	margin:0 0 10px 30px;
	background-image:url(bilder/fattar ej);
	background-color:#a6dff2;
	border:2px solid #0099FF;
}
.citatbox {
	float:right;
	background-color:#a6dff2;
	width:110px;
	height:120px;
	border:2px solid #0099FF;
	margin:0 30px 10px 0;
}
ul.top-menu {
	float:left;
	width:1000px;
	list-style:none;
	margin:10px 0 10px 0;
}
ul.top-menu li {
	float:left;
	margin:0 20px 0 0;
}
ul.top-menu li a {
	float:left;
	font-size:16px;
	padding:15px;
	border:#0099FF solid 2px;
	background-color:#A6DFF2;
}
ul.top-menu li a:hover {
	background-color:#6dcded;
}
#sidebar-left {
	float:left;
	width:210px;
	border:#0099FF solid 4px;
	background-color:#A6DFF2;
	padding:0 0 20px 0;
}
#sidebar-left h3 , #sidebar-right h3 {
	text-align:center;
	font-size:18px;
	line-height:40px;
}
#sidebar-right {
	float:right;
	width:210px;
	border:#0099FF solid 4px;
	background-color:#A6DFF2;
	padding:0 0 20px 0;
}
#content {
	float:left;
	width:500px;
	border:#0099FF solid 4px;
	background-color:#A6DFF2;
	margin:0 0 0 25px;
}
ul.menu {
	float:left;
	width:170px;
	margin:0 0 0 30px;
	font-size:16px;
	line-height:26px;
}
Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av You:

Du menar <center>-element, som för övrigt är deprecated och dåliga att använda.

Gå till inlägget

Nej det gör jag inte, jag menar center-taggar, precis som jag skrev. Och jag är mycket väl medveten om att de är föråldrade, men på trådskaparens tidigare inlägg fick jag den uppfattningen att han inte är expert inom området, och då är det mycket vanligt att dessa fortfarande används. Ett par klasskamrater i min skola använder ännu det ibland, och då är det tredje året på datanomlinjen med 4 studieveckor hemsida det handlar om.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Tazavoo:

...att han inte är expert inom området, och då är det mycket vanligt att dessa fortfarande används. Ett par klasskamrater i min skola använder ännu det ibland...

Gå till inlägget

Det är väl inget argument? Ska man lära sig något är det bättre att lära sig göra rätt från början.

Visa signatur

Blogg. Webboken. Pinboard, Last.fm, Facebook, Kongregate. W3fools.
Validera din HTML, men skryt inte om att du gör det.
Använd HTML5 och kom ihåg semantiken!

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av You:

Det är väl inget argument? Ska man lära sig något är det bättre att lära sig göra rätt från början.

Gå till inlägget

Det har du fullständigt rätt i och jag har aldrig hävdat annat. I och med min uppfattning om hans kunskap ansåg jag att han möjligtvis hade använt den taggen, och därför räknade jag upp den som exempel på möjlig centreringsmetod så att han skulle förstå att det var den jag var ute efter. Skulle han då sagt att han använder centreringstaggarna skulle jag självfallet råda honom att använda margin: auto; eller dylik metod.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Använd %

Ett tips är att du använder dig av % då kommer det inte spela någon roll vilken skärmupplösning du har

Visa signatur

http://delad.netii.net/ "Ett nytt sätt att kommunicera"

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av wertyads:

Ett tips är att du använder dig av % då kommer det inte spela någon roll vilken skärmupplösning du har

Gå till inlägget

Procent fungerar dåligt om man vill placera element eller ha en fast bredd på sin sida..

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jo

Skrivet av Teknocide:

Procent fungerar dåligt om man vill placera element eller ha en fast bredd på sin sida..

Gå till inlägget

Det har du rätt i.

Visa signatur

http://delad.netii.net/ "Ett nytt sätt att kommunicera"

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara