CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

Blackface Nybegynder

02. juni 2011 - 23:13 Der er 8 kommentarer

Et par html css problem

Hej jeg har følgende spørgsmål.

Jeg har lige kodet en hjemmeside på min bærbar ser den helt fint ud men på en 22 tommer skærm ser siden helt galt ud.,! hvad kan jeg gøre så min hjemmeside kan ses ens på alle skærme?? jeg har centeret noget billed midt på min hjemmeside den ser fint ud på min bærbar men når det er andet skærm tisser den fuldstændig af.. hvilket skærmløsning vil i anbefale jeg bruger til hjemmesider ... jeg er ved at blive tosset alt fungere godt undtaget at hjemmesiden ser vildt skævt ud på andre skærme jeg bruger html/css

Synes godt om

The_Buzz Novice

02. juni 2011 - 23:17 #1

Du har sandsynligvis position absolute dine images - og det gør man ikke...

<div style="position:relative;">
<div style="position:absolute; top:30px; left:40px">
indhold
</div>
</div>

Men sådan kan du gøre det - først positioned relative ifht stedet det er - og dernæst absolute inde i din første div.

Synes godt om

The_Buzz Novice

02. juni 2011 - 23:21 #2

Problemet er at hvis man bruger absolute positioning...
Sætter den position ifht pixel 0 - 0 som er i øverste venstre hjørne af skærmen...

Men er skærmens billede anderledes størrelse end den du har programmeret på - vil dine billeder f.eks skulle puttes i en anden X / Y position end den på din skærm.

Synes godt om

Blackface Nybegynder

02. juni 2011 - 23:25 #3

lige nu ser den således ud i css

#login
{
background-image:url('images/log.jpg');
width:298px;
position:relative;
top: 100px;
left: 200px;

}

så jeg bruger altid relative?????

Synes godt om

Blackface Nybegynder

02. juni 2011 - 23:29 #4

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" %>

<!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 runat="server">
<title></title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />

</head>
<body>
<div id="wrapper">
<form id="form" runat="server">

<div id="Header">
</div>
<div id="top"></div>

<div id="indhold">
<div id="login">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Log in" onclick="Button1_Click" />
</div>

</div>

<div id="footer"></div>
<div id="copy"></div>

</div>
</form>
</body>
</html>

Synes godt om

Blackface Nybegynder

02. juni 2011 - 23:29 #5

body {
b
background-repeat:no-repeat;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
line-height:14px;
ackground-color:#5B638A;
}

#wrapper

{
width:800px;
height:600px;
}

#indhold
{

width:500px;
height:400px;
position:relative;
}

#login
{
background-image:url('images/log.jpg');
width:298px;
position:relative;
top: 100px;
left: 200px;

}

#TextBox1

{
margin-top:100px;
height:15px;
width:175px;
margin-left:15px;
border:none;
position:relative;

}

#TextBox2

{
margin-top:21px;
height:15px;
width:175px;
margin-left:15px;
border:none;
position:relative;

}

#Button1

{
background-repeat:no-repeat;
margin-top:44px;
height:30px;
width:100px;
margin-left:55px;
position:relative;

}

Synes godt om

Blackface Nybegynder

02. juni 2011 - 23:30 #6

og her min css

body {
background-color:#5B638A;
background-repeat:no-repeat;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
line-height:14px;

}

#wrapper

{
width:800px;
height:600px;
}

#indhold
{

width:500px;
height:400px;
position:relative;
}

#login
{
background-image:url('images/log.jpg');
width:298px;
position:relative;
top: 100px;
left: 200px;

}

#TextBox1

{
margin-top:100px;
height:15px;
width:175px;
margin-left:15px;
border:none;
position:relative;

}

#TextBox2

{
margin-top:21px;
height:15px;
width:175px;
margin-left:15px;
border:none;
position:relative;

}

#Button1

{
background-repeat:no-repeat;
margin-top:44px;
height:30px;
width:100px;
margin-left:55px;
position:relative;

}

Synes godt om

Blackface Nybegynder

02. juni 2011 - 23:31 #7

jeg er rimelig ny så håber lige i kigger koderne igennem

Synes godt om

The_Buzz Novice

02. juni 2011 - 23:39 #8

Druknede lige i alle dine koder....

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra Webdesign kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Online beregnings-formular til wordpress (Excel?) Af k_skriver i Webdesign	1	13/09/202410:22	31/12/202407:06
Wordpress side, sider indekseres ikke på Google pga omdirigering Af J. Nielsen i Webdesign	1	22/08/202400:31	04/10/202409:52
Konverteringsoptimering Af SaaSprofil i Webdesign	4	22/07/202411:32	18/08/202421:45
Implementering af 3. parts bannere på Wix-website Af Per i Webdesign	3	10/06/202420:05	17/06/202420:56
Virker vores webshop troværdig? Noget der skal ændres? Af jonaslo98 i Webdesign	11	08/05/202413:47	02/01/202520:26

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS