Svenska 3D-Tåg - Forum  
 

Om det här är ditt första besök, se till att gå till vår FAQ (finns även länk till FAQ i navigeringsmenyn ovan). Du kan behöva att registrera dig innan du kan posta (finns även en länk till registrering i navigeringsmenyn ovan). För att titta på inlägg, välj det forum som du vill besöka från de som är listade nedan.

Gå tillbaka   Svenska 3D-Tåg - Forum > Övrigt > Off-topic

Svara
 
Ämnesverktyg Visningsalternativ
Gammal 2012-05-17, 13:26   #1
Romet12
Medlem
 
Reg.datum: Jun 2007
Ort: Sweden
Inlägg: 281
Exclamation HTML/CSS Hjälp.

Hej!
Jag håller på en hemsida som man kan ser på bilden. Jag skulle vilja de de här 2 rutorna där det står server 1 och server 2, ska stå bredvid varandra. Jag förstår inte vad jag gör för fel. Här e koden.

HTML Koden
Kod:
<div id="news-container-1">
  <h1>Maintenance</h1>
  <h2>We are opening this site very soon!</h2>
</div>

<div id="server-container">
  <div id="server-box">
    <h1>SERVER 1</h1>
    <h2 style="color:#900">OFFLINE</h2>
  </div>
  <div id="server-box">
    <h1>SERVER 2</h1>
    <h2 style="color:#900">OFFLINE</h2>
  </div>
</div>
CSS koden
Kod:
#server-box, #server-box-2 {
  background-image: url(../img/backgr.jpg);
  background-position: center 0;
  background-repeat: no-repeat;
  text-align: center;
  height: auto;
  width: 235px; /*260px*/
  padding: 15pt;
  margin: auto;
  margin-top: 10pt;
  box-shadow: 0pt 0pt 10px rgb(0, 0, 0);
}

#server-box-2 {
  margin-left: 90pt;
}

#server-container {

}

#news-container-1, #news-container-2 {
  background-image: url(../img/backgr.jpg);
  background-position: center 0;
  background-repeat: no-repeat;
  height: auto;
  width: 490px; /*260px*/
  padding: 15pt;
  margin: auto;
  margin-top: 90pt;
  box-shadow: 0pt 0pt 10px rgb(0, 0, 0);
}

#news-container-2 {
  margin-top: 10pt;
}

#footer_2 {
  position: static;
  margin-top: 10pt;
  text-align: center;
}

h1 {
  font: bold 35px/36px 'purista-web',Arial,sans-serif;
  color: rgb(248, 134, 19);
  padding: 0pt;
  text-transform: uppercase;
  text-shadow: 0pt 0pt 10px rgb(0, 0, 0);
  margin: 0px;
}

h2 {
  font: bold 24px/26px 'purista-web',Arial,sans-serif;
  color: rgb(255, 255, 255);
  padding: 0pt;
  text-transform: uppercase;
  text-shadow: 0pt 0pt 10px rgb(0, 0, 0);
  margin: 0px;
}

h3 {
  font: bold 14px/16px 'purista-web',Arial,sans-serif;
  color: rgb(255, 255, 255);
  padding: 0pt;
  text-transform: uppercase;
  text-shadow: 0pt 0pt 10px rgb(0, 0, 0);
  margin: 0px;
}

h4 { 
  font: bold 11px/12px 'purista-web',Arial,sans-serif;
  color: rgb(255, 255, 255);
  padding: 0pt;
  text-transform: uppercase;
  text-shadow: 0pt 0pt 10px rgb(0, 0, 0);
  margin: 0px;
}
Bifogade bilder
Filtyp: jpg img1.jpg (207.1 KB, 52 visningar)
Romet12 besöker inte forumet just nu  
Svara med citat
Gammal 2012-05-17, 17:25   #2
leoj
Medlem
 
Reg.datum: Sep 2002
Ort: Stockholm, Sweden
Inlägg: 1 430
Standard

lägg till
float: left;
i #server-box, #server-box-2
sen ändra den nedre
<div id="server-box">
till
<div id="server-box-2">
ta bort
#server-box-2 {
margin-left: 90pt;
}
(ev ändra margin-left: 20px

du kan inte ha två objekt med samma id

använd inte pt, helst endast em, annars är px bra =)
__________________
/Leoj
Jaudidamdamdubidamdam
leoj besöker inte forumet just nu   Svara med citat
Gammal 2012-05-17, 17:53   #3
Romet12
Medlem
 
Reg.datum: Jun 2007
Ort: Sweden
Inlägg: 281
Standard

Citat:
Ursprungligen postat av leoj Visa inlägg
lägg till
float: left;
i #server-box, #server-box-2
sen ändra den nedre
<div id="server-box">
till
<div id="server-box-2">
ta bort
#server-box-2 {
margin-left: 90pt;
}
(ev ändra margin-left: 20px

du kan inte ha två objekt med samma id

använd inte pt, helst endast em, annars är px bra =)
tack! Nu fick jag båda lådorna på samma rad. Men hur får jag de nu till mitten så att de står under Maintenance boxen? Copytight texten står på högersidan och på samma rad som server 1 och server 2 lådorna.
Romet12 besöker inte forumet just nu   Svara med citat
Gammal 2012-05-17, 18:39   #4
leoj
Medlem
 
Reg.datum: Sep 2002
Ort: Stockholm, Sweden
Inlägg: 1 430
Standard

Skicka mig ett PM eller på något vis skicka mig html+css fil, så kan jag nog fixa det snabbt =)

Lite svårt att hänga med nu :P
__________________
/Leoj
Jaudidamdamdubidamdam
leoj besöker inte forumet just nu   Svara med citat
Gammal 2012-05-18, 12:26   #5
Romet12
Medlem
 
Reg.datum: Jun 2007
Ort: Sweden
Inlägg: 281
Standard

jag laddar upp det här.
Bifogade filer
Filtyp: zip rndesign_studio_website.zip (2.16 MB, 1 visningar)
Romet12 besöker inte forumet just nu   Svara med citat
Gammal 2012-05-18, 20:45   #6
leoj
Medlem
 
Reg.datum: Sep 2002
Ort: Stockholm, Sweden
Inlägg: 1 430
Standard

Tror jag gjort rätt nu

float: left på allt istheshit
Bifogade filer
Filtyp: zip rndesign_studio_website_omg.zip (2.16 MB, 1 visningar)
__________________
/Leoj
Jaudidamdamdubidamdam
leoj besöker inte forumet just nu   Svara med citat
Gammal 2012-05-18, 22:44   #7
Romet12
Medlem
 
Reg.datum: Jun 2007
Ort: Sweden
Inlägg: 281
Standard

Citat:
Ursprungligen postat av leoj Visa inlägg
Tror jag gjort rätt nu

float: left på allt istheshit
tack! :P Nu funkar det perfekt.
Romet12 besöker inte forumet just nu   Svara med citat
Svara

Ämnesverktyg
Visningsalternativ

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av
Forumhopp



Alla tider är GMT +2. Klockan är nu 06:51.


Powered by vBulletin® Version 3.7.5
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
© Svenska 3D-Tåg 2001-2009