Lite webbdesigns frågor.

Här diskuteras programmering och utveckling
Användarvisningsbild
Forcevision
Inlägg: 1023
Blev medlem: 21 apr 2008, 21:55
OS: Ubuntu
Utgåva: 23.10 Mantic Minotaur
Kontakt:

Lite webbdesigns frågor.

Inlägg av Forcevision »

Tja !

Vad är skillnaden mellan en relative div och en absolute div ?

/Force
Http://www.jernstedt.me Från otränad till tok tränad och följ mig på facebook http://www.facebook.com/jernstedt.me
Användarvisningsbild
Ulsak
Inlägg: 4808
Blev medlem: 06 aug 2007, 19:04
OS: Ubuntu
Utgåva: 22.04 Jammy Jellyfish LTS
Ort: Göteborg

Re: Lite webbdesigns frågor.

Inlägg av Ulsak »

nu trodde jag att jag hade lite hum om css och html. men nu blir jag riktigt förvirrad. jag trodde inte man kunde ha attributen relative och absolute till div-taggen, däremot element inom div-taggen..
även Ulsak väntar med spänning på ett svar där..
ycc
Inlägg: 1818
Blev medlem: 10 feb 2007, 04:08
OS: Ubuntu
Utgåva: 22.04 Jammy Jellyfish LTS
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av ycc »

Jag trodde inte det var så märkvärdigt. Jag tror absolute och relative fungerar som vanligt. Absolute placerar taggen i ett eget lager positionerad från sidans övre vänstra del (om man anger koordinaterna som top och left). relative skapar en tom ruta (flow-box) och innehållet skjuts med de koordinater man anger.

Hur däremot ev koordinater för komponenter inom en relativt positionerad div-tagg tolkas kan ibland bli lite oväntat vill jag minnas.
Ubuntu/Linux - Grunder: En introduktion till Ubuntu och Linux
Ubuntu/Linux - Basics: An introduction to Ubuntu and Linux (experimental, automated translation)
Användarvisningsbild
Forcevision
Inlägg: 1023
Blev medlem: 21 apr 2008, 21:55
OS: Ubuntu
Utgåva: 23.10 Mantic Minotaur
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av Forcevision »

He he sorry menade så här :

Kod: Markera allt

position: relative; position: absolute;
tänkte helt fel.

Vad är skillnaden på detta ? :)

*edit okej så skall man ha en fast div i alla webbläsare skall man använda sig av absolute då ?
Http://www.jernstedt.me Från otränad till tok tränad och följ mig på facebook http://www.facebook.com/jernstedt.me
ycc
Inlägg: 1818
Blev medlem: 10 feb 2007, 04:08
OS: Ubuntu
Utgåva: 22.04 Jammy Jellyfish LTS
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av ycc »

relative gör att objektet (div eller annat) positioneras i förhållande till där det skulle ha hamnat utan denna css positionering
absolute gär att objektet positioneras i förhållande till sidan som helhet

position: absolute; left: 20px;
lägger objektet 20 px frän sidans vänstermarginal (ibland kan det också referera till föräldraobjektets ram)

position: relative; left: 20px;
skjuter objektet 20 px höger


testa på en enkel sida så får du se
Ubuntu/Linux - Grunder: En introduktion till Ubuntu och Linux
Ubuntu/Linux - Basics: An introduction to Ubuntu and Linux (experimental, automated translation)
Användarvisningsbild
Rag3Rac3r
Inlägg: 594
Blev medlem: 05 jul 2007, 03:06
OS: Windows
Utgåva: Vet inte/ingen utgåva passar
Ort: Uppsala/Stockholm
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av Rag3Rac3r »

ycc skrev:relative gör att objektet (div eller annat) positioneras i förhållande till där det skulle ha hamnat utan denna css positionering
absolute gär att objektet positioneras i förhållande till sidan som helhet

position: absolute; left: 20px;
lägger objektet 20 px frän sidans vänstermarginal (ibland kan det också referera till föräldraobjektets ram)

position: relative; left: 20px;
skjuter objektet 20 px höger


testa på en enkel sida så får du se
Lite mer förklarat ang. exempel 2:
position: relative; left: 20px;
Skjuter diven 20px ifrån föräldraobjektets vänstra kant.

Exempel:
<div>
<div style="position: relative; left: 20px;"></div>
</div>

Förskjuter den andra diven 20px ifrån den första divens vänstra kant.
Natural laws have no pity ~~ Quis custodiet ipsos custodes?
Användarvisningsbild
Forcevision
Inlägg: 1023
Blev medlem: 21 apr 2008, 21:55
OS: Ubuntu
Utgåva: 23.10 Mantic Minotaur
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av Forcevision »

Oki tackar för hjälpen.

Jag tänkte fixa ett formulär

Kod: Markera allt

<form action="" method="get"></form>
när jag fyllt i hela formuläret skulle jag vilja när man trycker på knappen att det jag har fyllt i kommer upp på en annan sida hur fixar jag detta ?

/Force
Http://www.jernstedt.me Från otränad till tok tränad och följ mig på facebook http://www.facebook.com/jernstedt.me
Användarvisningsbild
SlamsornasKung
Inlägg: 886
Blev medlem: 27 jun 2009, 19:23
OS: Ubuntu
Utgåva: 22.04 Jammy Jellyfish LTS
Ort: 08

Re: Lite webbdesigns frågor.

Inlägg av SlamsornasKung »

Forcevision skrev:Oki tackar för hjälpen.

Jag tänkte fixa ett formulär

Kod: Markera allt

<form action="" method="get"></form>
när jag fyllt i hela formuläret skulle jag vilja när man trycker på knappen att det jag har fyllt i kommer upp på en annan sida hur fixar jag detta ?

/Force
Jadu... target="_blank" stöds inte längre i modern webbstandard, men om du inte är så petig med sådant så är det nog det enklaste. Annars får du kanske kolla om du kan komma runt det hela mha javascript - men det är utanför mitt område, tyvärr.
HP NC2400 - Ubuntu 10.04 • Fujitsu Siemens AmiloM7400 - Arch Linux • HP/Compaq Mini 110C - Ubuntu 10.04
CryingFreeman skrev:[…] Ubuntu är och förblir en meritokrati, inget demokratiskt experiment där alla får säga vad som helst till vem som helst, hur som helst.
Alleinsora
Inlägg: 378
Blev medlem: 24 maj 2007, 01:53
OS: Ubuntu
Utgåva: 22.04 Jammy Jellyfish LTS
Ort: Kalmar/Luleå
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av Alleinsora »

Något sånthär borde fungera.

Kod: Markera allt

<form name="form1" method="post" action="results.php" target="NewWin"> 
    <input type="hidden" name="foo" value="bar"> 
    <input type="button" value=' Submit ' onClick='sendme();'> 
</form> 
 
<script> 
function sendme() 
{ 
    window.open("","NewWin"); 
    var a = window.setTimeout("document.form1.submit();",500); 
} 
</script>
Hur jag än gör så slutar det alltid med E17 på netbooken....
Alleinsora
Inlägg: 378
Blev medlem: 24 maj 2007, 01:53
OS: Ubuntu
Utgåva: 22.04 Jammy Jellyfish LTS
Ort: Kalmar/Luleå
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av Alleinsora »

Något sånthär borde fungera.

Kod: Markera allt

<form name="form1" method="post" action="results.php" target="NewWin"> 
    <input type="hidden" name="foo" value="bar"> 
    <input type="button" value=' Submit ' onClick='sendme();'> 
</form> 
 
<script> 
function sendme() 
{ 
    window.open("","NewWin"); 
    var a = window.setTimeout("document.form1.submit();",500); 
} 
</script>
Hur jag än gör så slutar det alltid med E17 på netbooken....
Användarvisningsbild
Forcevision
Inlägg: 1023
Blev medlem: 21 apr 2008, 21:55
OS: Ubuntu
Utgåva: 23.10 Mantic Minotaur
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av Forcevision »

Tackar skall kolla in denna koden direkt.

En fråga till.

Någon som har koll på en php kod som kan random ta fram olika bilder ?

Har en sida där jag skall ha lite sponsorers logga. Skall ha tre bilder men dessa skall skifta till andra bilder när man laddar om sidan. Någon som har en bra php kod för detta ?
Http://www.jernstedt.me Från otränad till tok tränad och följ mig på facebook http://www.facebook.com/jernstedt.me
Användarvisningsbild
Forcevision
Inlägg: 1023
Blev medlem: 21 apr 2008, 21:55
OS: Ubuntu
Utgåva: 23.10 Mantic Minotaur
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av Forcevision »

Jag skulle vilja ha med ip-numret från den person som skickat formulär från min hemsida. Jag vet att denna koden då skriver den ut besökarens ip nummer

Kod: Markera allt

<? echo getenv('REMOTE_ADDR'); ?>
Men jag skulle vilja ha med det i det skickade formuläret med så jag provade detta:

Kod: Markera allt

$ipnumber = getenv('REMOTE_ADDR');
men det verkar inte fungera får inte med det. Hur ser php koden ut för att få med det i formulär mailet ?

/Force
Http://www.jernstedt.me Från otränad till tok tränad och följ mig på facebook http://www.facebook.com/jernstedt.me
ycc
Inlägg: 1818
Blev medlem: 10 feb 2007, 04:08
OS: Ubuntu
Utgåva: 22.04 Jammy Jellyfish LTS
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av ycc »

Man kan använda php för att t.ex. skriva ut ip-numret i formuläret. För att hänga på det förra exemplet:

Kod: Markera allt

<input type="hidden" name="foo2" value="<? echo "$ipnumber"; ?>">
Jag tror det bilr så här i alla fall, men jag sitter inte så jag kan testa. Hittar någon något fel så är jag ju glad att få reda på det förstås :)

Sedan hämtar man värdet på mottagarsidan med

$_post['foo2'];

...

Annars kan man väl hämta ipnumret direkt på mottagarsidan, det lär ju vara samma som på sändarsidan. Jag brukar använda
$_SERVER['REMOTE_ADDR'];
Senast redigerad av 1 ycc, redigerad totalt 26 gånger.
Ubuntu/Linux - Grunder: En introduktion till Ubuntu och Linux
Ubuntu/Linux - Basics: An introduction to Ubuntu and Linux (experimental, automated translation)
Användarvisningsbild
Forcevision
Inlägg: 1023
Blev medlem: 21 apr 2008, 21:55
OS: Ubuntu
Utgåva: 23.10 Mantic Minotaur
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av Forcevision »

Jag provade att använda mig av $_SERVER['REMOTE_ADDR']; och det verkar fungera klockrent. Men nu kommer jag att få besökarens ip adress utskriven då eller ?
Http://www.jernstedt.me Från otränad till tok tränad och följ mig på facebook http://www.facebook.com/jernstedt.me
ycc
Inlägg: 1818
Blev medlem: 10 feb 2007, 04:08
OS: Ubuntu
Utgåva: 22.04 Jammy Jellyfish LTS
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av ycc »

Du får ursäkta om jag inte hinner testa utan bara svarar ur minnet. Det finns ju så många som kan hjlpa till att förtydliga och korrigera.

om
type=hidden
så kommer inget ut på användarens skärm, det är bara ett sätt att skicka ett värde från en sida till en annan

det första input ("svar") blir däremot en ruta där det som användaren fyller i skickas till nästa sida

Kod: Markera allt

<form name="form1" method="post" action="results.php"  target="NewWin">
    <input type="text" name="svar">
    <input type="hidden" name="foo" value="bar">
    <input type="hidden" name="foo2" value="<? echo "$ipnumber"; ?>">
    <input type="button" value=' Submit ' onClick='sendme();' >
</form> 
Ubuntu/Linux - Grunder: En introduktion till Ubuntu och Linux
Ubuntu/Linux - Basics: An introduction to Ubuntu and Linux (experimental, automated translation)
Användarvisningsbild
Forcevision
Inlägg: 1023
Blev medlem: 21 apr 2008, 21:55
OS: Ubuntu
Utgåva: 23.10 Mantic Minotaur
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av Forcevision »

Okej men men jag tror det detta fungerar precis så som jag ville ha det. $ipnumber = $_SERVER['REMOTE_ADDR'];

Återkommer om detta annars. Men varför skall man lägga det som en hidden i formuläret ?

Eller är det bara olika sätt att göra detta på ?
Http://www.jernstedt.me Från otränad till tok tränad och följ mig på facebook http://www.facebook.com/jernstedt.me
ycc
Inlägg: 1818
Blev medlem: 10 feb 2007, 04:08
OS: Ubuntu
Utgåva: 22.04 Jammy Jellyfish LTS
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av ycc »

Bara olika sätt att göra det på.
Återkom vb, många här använder php. :)
Ubuntu/Linux - Grunder: En introduktion till Ubuntu och Linux
Ubuntu/Linux - Basics: An introduction to Ubuntu and Linux (experimental, automated translation)
Användarvisningsbild
Forcevision
Inlägg: 1023
Blev medlem: 21 apr 2008, 21:55
OS: Ubuntu
Utgåva: 23.10 Mantic Minotaur
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av Forcevision »

Jag tänkte sätta mig och kolla på mysql databaser. Någon som har en bra guide för nybörjare på nätet gärna på svenska. Tänkte göra en enket formulär med datum namn medelande m.m och en sök till databasen så jag kan söka upp ett formulär på datum tex.
Http://www.jernstedt.me Från otränad till tok tränad och följ mig på facebook http://www.facebook.com/jernstedt.me
ycc
Inlägg: 1818
Blev medlem: 10 feb 2007, 04:08
OS: Ubuntu
Utgåva: 22.04 Jammy Jellyfish LTS
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av ycc »

Tizags guider brukar vara bra, tycker jag

http://www.tizag.com/mysqlTutorial/mysqlsyntax.php
Ubuntu/Linux - Grunder: En introduktion till Ubuntu och Linux
Ubuntu/Linux - Basics: An introduction to Ubuntu and Linux (experimental, automated translation)
Användarvisningsbild
Forcevision
Inlägg: 1023
Blev medlem: 21 apr 2008, 21:55
OS: Ubuntu
Utgåva: 23.10 Mantic Minotaur
Kontakt:

Re: Lite webbdesigns frågor.

Inlägg av Forcevision »

Det verkar riktigt svårt att lära sig mysql. Någon som har en koden för att identifiera e-mailen man skriver in i ett formulär. Alltså skriver jag i en e-mail så måste man skriva in samma e-mail i ett fält under. Någon som har koden för detta ?
Http://www.jernstedt.me Från otränad till tok tränad och följ mig på facebook http://www.facebook.com/jernstedt.me
Skriv svar

Återgå till "Programmering och webbdesign"