Søg
Avatar billede lonebiker Nybegynder
08. december 2006 - 17:41 Der er 13 kommentarer og
2 løsninger

Spændetrøje til min side

Jeg er lidt træt af min side breder sig over hele breden ved høje opløsninger. Ser ret skod ud!  Hvordan laver jeg så den har en fast bredde uanset opløsning?? Jeg kan se de fleste prof sider ikke bredder sig som min.

Help please :-)

www.lonebiker.dk
Avatar billede foxmulder58 Praktikant
08. december 2006 - 17:54 #1
Så skal du skalere dit design i % og ikke i pixels.

mvh
mads
Avatar billede foxmulder58 Praktikant
08. december 2006 - 17:58 #2
Jeg vil dog foretrække at lave et design i Pixel.

Jeg synes personligt det er god idé at designe til 800 x 600 således det ser godt ud i de fleste skærmopløsninger.

mvh
mads
Avatar billede lonebiker Nybegynder
08. december 2006 - 20:05 #3
Tak foxmulder58

Jeg forestiller mig det er noget med frames skal stilles til en max bredde?

Det jeg søger er ligesom denne side på eksperten, hvor der er luft på begge sider af rammen (det med blåt) Hvordan laver jeg det?
Avatar billede zappa Nybegynder
08. december 2006 - 21:55 #4
Du kan f.eks. bruge margin.
Se mere på http://www.w3schools.com/css/css_margin.asp
Avatar billede foxmulder58 Praktikant
08. december 2006 - 22:18 #5
Hej Lonebiker,

Der er flere måder at gøre dette på men jeg vile foreslå at du anvender CSS sammen med <div> & <table> til at strukturere og placere de forskellige elementer idit webside design.

Jeg ved en del brugere af eksperten.dk hader denne webside men jeg synes du skal kigge på CSS & HTML da de kan hjælpe dig virkelig meget når det kommer til at lave gode sider (websider der kan vises i flere browsere end IE).


Ellers spørg bare løs herinde der virkelig god hjælp at hente fra flere brugere.


Men jeg synes du skal starte med at kigge på CSS.

mhv
Mads
Avatar billede lonebiker Nybegynder
09. december 2006 - 04:17 #6
Tak Zappa og foxmulder58

Det der css er aldrig rigtig slået an ved mig, men ser faktisk ret spændende ud!

Jeg tror dog ikke jeg har forklaret mig ordentlig.


Jeg ønsker at min side skal fylde hele bredden ved 1024x768, men ved større opløsninger skal den ikke da det hele så bliver strukket ud. hvis i ser på denne side på eksperten fylder den hele siden ved 800x600 men ikke ved større opløsninge.

Derfor duer det vel ikke med en fast margin, da der jo ikke skal være nogen margin ved 1024x768

Jeg vil tro det kan laves i min index kode på en eller anden vis.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<!-- Minus AutoDato -->
    <title>Cykelture, Canada, Australien, m.m. af Erik Straarup</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<META name="description" content="Se dagbøgerne, Australien rundt,Østersøen rundt, Tværs over Canada, Nordkapp-Gibraltar, England-Wales.">
<META NAME="Keywords" CONTENT="><cykelture, Australien rundt på cykel, rekordforsøg, Nordkap-Gibraltar, Danmark, rejser, cykel, cykling, lange cykelture, langturscyklist, Rejsebeskrivelse, dagbog, pakkeliste, kort, dagbøger,lonebiker, cykelferie, Lonebiker-Web, Østersøen rundt, Tværs over Canada, United Kingdom,">

<frameset frameborder="0" framespacing="0"  cols="20%,*" rows="100%">
    <frame src="venstre.htm" name="venstre"  scrolling="no" />
    <frameset rows="17%,*">
        <frame src="head.htm" name="head" scrolling="auto" />
        <frame src="forside.htm" frameborder="yes"  name="body" scrolling="auto" />
    </frameset>
<noframes>
            <body>
            </body>
        </noframes>
</frameset>






<META HTTP-EQUIV="Page-Enter" CONTENT="blendTrans(duration=0.5)">
<META HTTP-EQUIV="Page-Exit" CONTENT="blendTrans(duration=0.5)">
</HEAD>
</HTML>

eller er jeg helt afsporet :-(
Avatar billede zappa Nybegynder
09. december 2006 - 11:58 #7
Jeg synes også du skal kigge på div, table og css.

Hvad med iframe?

<!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" lang="da">
<head>
  <title></title>
</head>

<body>

<center>
<div style="width:900px; height: 600px;">

    <IFRAME style="float: left;" src="foo.html" width="200px" height="600px" frameborder="1">
    </IFRAME>

    <IFRAME style="vertical-align: top;" src="foo.html" width="700px" height="100px" frameborder="1">
    </IFRAME>

    <IFRAME src="foo.html" width="700px" height="500px" frameborder="1">
    </IFRAME>
</div>
</center>

</body>
</html>
Avatar billede lonebiker Nybegynder
09. december 2006 - 16:08 #8
SUPER!! det var det jeg savnede, har ikke så meget forstand på det.

Nu har jeg lavet det så det er låst fast i størrelse 1024.

Jeg har dog 2 små problemer jeg gerne vil have løst inden jeg smider det på ettet.

Jeg kan ikke få afstanden på ca 1 pixel immellem iframes væk, selvom jeg sætter

frameborder="0"

Jeg har lavet en tabel udenom det hele for at få en border på der, men den laver en dobbelt strej istedet for kun 1, hvordan fixer jeg det?

Zappa, gider du lægge et svar, så deler jeg points mellem dig og foxmulder58


<!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" lang="da">
<head>
  <title></title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
</head>

<body topmargin="10" background="bagfor.jpg"bgproperties="fixed">

<CENTER><TABLE  BORDER="1" BORDERCOLOR="#000000">
<TR>
    <TD><center>
<div style="width:1024px; height: 800px;">

    <IFRAME style="float: left;" src="venstre.htm" width="220px" height="800px" frameborder="0">
    </IFRAME>

    <IFRAME style="vertical-align: top;" src="head.htm" width="800px" height="110px" frameborder="0">
    </IFRAME>

    <IFRAME name="body"  src="forside.htm" width="800px" height="690px" frameborder="0">
    </IFRAME>
</div>
</center></TD>
</TR>
</TABLE>
</CENTER>

</body>
</html>
Avatar billede lonebiker Nybegynder
09. december 2006 - 16:39 #9
Har smidt det på nettet alligevel, så kan i se hvad jeg mener der :-)

www.lonebiker.dk
Avatar billede zappa Nybegynder
10. december 2006 - 11:17 #10
Svar.

1) Indsæt "frameborder: 0;" i dine styles også.
f.eks. style="vertical-align: top; frameborder: 0;"

Jeg har også problemer med borders og genopfriskning af IE.
Nogle gange forsvinder borders først når jeg har genopfrisket to gange...?
Avatar billede zappa Nybegynder
10. december 2006 - 11:40 #11
svar
Avatar billede lonebiker Nybegynder
10. december 2006 - 18:05 #12
Det virker så ikke, er der andre bud på hvordan man undgår mellemrum?

Men jeg har sat border på midlertidig, intil jeg måske får fjernet mellemrum.
Avatar billede lonebiker Nybegynder
11. december 2006 - 04:08 #13
DVS, det virker på venstre og topframe, men bodyframen forsvinder ned i bunden.
Derfra kan jeg ikke få den op, selvom jeg ændrer på width både den ene og den anden vel.

http://www.lonebiker.dk/frame.JPG

Her er koden:


<CENTER><TABLE  BORDER="1" BORDERCOLOR="#000000">
<TR>
    <TD><center>
<div style="width:965px; height: 750px;">

    <IFRAME style="float: frameborder="no" left;" src="venstre.htm" width="200px" height="750px" frameborder="0">
    </IFRAME>

    <IFRAME style="vertical-align: top;"src="head.htm" width="762px" height="110px" frameborder="0">
    </IFRAME>

    <IFRAME  name="body" frameborder="yes" src="forside.htm" width="762px" height="640px" frameborder="0">
    </IFRAME>



</div>
</center></TD>
</TR>
</TABLE>
</CENTER>
Avatar billede zappa Nybegynder
11. december 2006 - 12:48 #14
Hov, se først iframe "float: frameborder..." prøv at rette fejlen.
Avatar billede zappa Nybegynder
11. december 2006 - 12:49 #15
Der er også to frameborders i sidste iframe.
Avatar billede 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.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 13:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
23/0715:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
22/0720:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
White papers
Flere white papers »