• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Problema Sistemazione elementi [CSS]

gedamial

Utente Senior
9 Giugno 2010
1.934
26
52
Napoli
www.ministryofmagic.altervista.org
Miglior risposta
0
#1 Autore del topic
Salve.
Ho questo problema con la mia pagina web che davvero non mi lascia andare avanti. Ho dei problemi con quel cavolo di CSS. Il sito è questo: clicca qui (spero non sia spam).

Voi vedete il sito tutto sguastato? Bene, io no. Non riesco a dare delle posizioni DEFINITIVE per TUTTI i device che si collegano al mio sito web. Inoltre, quei 3 box che ho creato delimitate da un bordo di tipo dashed (tratteggiato) non riesco a metterne 3 in un unica riga e altre 3 a capo e altro 3 a capo e così via finchè ho voglia di creare sti maledetti box.

Poi, quella diamine di header DEVE adattarsi alla grandezza della finestra del browser, se è piccola un quadratino, la maledetta header dev'essere piccola come tale. Fino e poco fa andava bene, poi per mettere un MARGIN:AUTO a non ricordo quale elemento, i 3 box sono andati ognuno per conto proprio a spasso per la pagina. Mi scuso se sono così "infuocato" ma è da giorni che non riesco a fà 'ncavolo!

Non mi dite di usare "margin:auto" che già c'ho provato e la header se ne sta sempre per cavoli suoi.

Grazie e scusate.

Codice CSS:

HTML:
html, body {
       background: #1e1e1e;
      margin-right: none;
margin-bottom: 1px;
margin-top: 1px;
       padding 0px;
       text-align: center;
}

#container {
width: 966px;
margin: auto;
text-align: left;

}


#header {
      background: url(/images/header.png);
      width: 994px;
      height: 305px;
margin:auto;
}


#tabs28 {
margin-left: 105px;
list-style: none;
}

#tabs28 li {
background: url(/images/nav-bg.png);
float: left;
width: 140px;
height: 37px;
font-family: Times New Roman;
color: #FFF;
text-align: center;
line-height: 35px;
font-size: 15;
font-weight: normal;
text-transform:uppercase;
}

#tabs28 li:hover {
background: url(/images/color.png);
}

#tabs28 a {
text-decoration: none;
color: #fff;
}

#sidebar {
float: left;
margin-left: 30px;
background: url(http://gallery.giovani.it/gruppi/img/contenuti/2008/02/16/cappello-parlante_zoom.jpg);
width: 290px;
height: 239px;
margin-top: 120px;
margin-bottom: 20px;
border-width: 3px;
border-style: dashed;
border-color: #FFFFFF;
}

#sidebar2 {
float: right;
background: url(http://static4.wikia.nocookie.net/__cb20110624203732/harrypotter/it/images/7/7d/Gazzetta-del-profeta2.jpg);
margin-right: 30px;
width: 290px;
height: 239px;
margin-top: 120px;
margin-bottom: 20px;
border-width: 3px;
border-style: dashed;
border-color: #FFFFFF;
}

#sidebar3 {
float: right;
margin-right: 30px;
width: 290px;
height: 239px;
margin-top: 120px;
margin-bottom: 20px;
border-width: 3px;
border-style: dashed;
border-color: #FFFFFF;
}
 
Ultima modifica:

Bricconcello

Utente Assiduo
4 Ottobre 2011
751
3
43
Ariano Irpino
www.bricconcello.altervista.org
Miglior risposta
0
#2
Salve.
Ho questo problema con la mia pagina web che davvero non mi lascia andare avanti. Ho dei problemi con quel cavolo di CSS. Il sito è questo: clicca qui (spero non sia spam).

Voi vedete il sito tutto sguastato? Bene, io no. Non riesco a dare delle posizioni DEFINITIVE per TUTTI i device che si collegano al mio sito web. Inoltre, quei 3 box che ho creato delimitate da un bordo di tipo dashed (tratteggiato) non riesco a metterne 3 in un unica riga e altre 3 a capo e altro 3 a capo e così via finchè ho voglia di creare sti maledetti box.

Poi, quella diamine di header DEVE adattarsi alla grandezza della finestra del browser, se è piccola un quadratino, la maledetta header dev'essere piccola come tale. Fino e poco fa andava bene, poi per mettere un MARGIN:AUTO a non ricordo quale elemento, i 3 box sono andati ognuno per conto proprio a spasso per la pagina. Mi scuso se sono così "infuocato" ma è da giorni che non riesco a fà 'ncavolo!

Non mi dite di usare "margin:auto" che già c'ho provato e la header se ne sta sempre per cavoli suoi.

Grazie e scusate.

Codice CSS:

HTML:
html, body {
       background: #1e1e1e;
      margin-right: none;
margin-bottom: 1px;
margin-top: 1px;
       padding 0px;
       text-align: center;
}

#container {
width: 966px;
margin: auto;
text-align: left;

}


#header {
      background: url(/images/header.png);
      width: 994px;
      height: 305px;
margin:auto;
}


#tabs28 {
margin-left: 105px;
list-style: none;
}

#tabs28 li {
background: url(/images/nav-bg.png);
float: left;
width: 140px;
height: 37px;
font-family: Times New Roman;
color: #FFF;
text-align: center;
line-height: 35px;
font-size: 15;
font-weight: normal;
text-transform:uppercase;
}

#tabs28 li:hover {
background: url(/images/color.png);
}

#tabs28 a {
text-decoration: none;
color: #fff;
}

#sidebar {
float: left;
margin-left: 30px;
background: url(http://gallery.giovani.it/gruppi/img/contenuti/2008/02/16/cappello-parlante_zoom.jpg);
width: 290px;
height: 239px;
margin-top: 120px;
margin-bottom: 20px;
border-width: 3px;
border-style: dashed;
border-color: #FFFFFF;
}

#sidebar2 {
float: right;
background: url(http://static4.wikia.nocookie.net/__cb20110624203732/harrypotter/it/images/7/7d/Gazzetta-del-profeta2.jpg);
margin-right: 30px;
width: 290px;
height: 239px;
margin-top: 120px;
margin-bottom: 20px;
border-width: 3px;
border-style: dashed;
border-color: #FFFFFF;
}

#sidebar3 {
float: right;
margin-right: 30px;
width: 290px;
height: 239px;
margin-top: 120px;
margin-bottom: 20px;
border-width: 3px;
border-style: dashed;
border-color: #FFFFFF;
}
Io da iPad lo vedo benissimo soprattutto l'header...
 

Bricconcello

Utente Assiduo
4 Ottobre 2011
751
3
43
Ariano Irpino
www.bricconcello.altervista.org
Miglior risposta
0
#4
Vabbè ma iPad è una cosa e computer ne è un altra. Quindi a me principalmente interessa a chi lo visualizza da PC.
Buona cosa però che almeno dall'iPad si vede bene... ;)
Allora da iPad 4 con safari va bene.
Da netbook, con chrome, si vede benissimo ;) c'è solo uno spazio ma di solo 1/2 millimetri da una parte e dall'altra che secondo me si adatta bene....;) il problema è quando si allarga troppo.
EDIT: Vedi il sito www.browsershot.org , inserisci il link del sito e lui ti fa gli screenshot dei diversi browser selezionati.
 
Ultima modifica:
Shoutbox
  1. #KiK #KiK: CAFONE
  2. #KiK #KiK: ma come parla
  3. 404NotFound 404NotFound: figa
  4. topolino1958 topolino1958: Ragazzi dove posso postare un canale telegram per pubblicità?
  5. Cristoforo58 Cristoforo58: Sono vietati link esterni a Sciax2 in shoutbox, grazie.
  6. Mr_Joker Mr_Joker: vi ricordiamo che domani pomeriggio dalle 2-5pm "Sunake Hotel" apre le selezioni a diverse posizione staff.
  7. Forzaese23 Forzaese23: retro babbo
  8. #KiK #KiK: createlo amikoooo
  9. B bbhojjjj76: fake login habbo ne avete?
  10. N NeroWhite BO: Buonasera
  11. #Egzon14 #Egzon14: dunque possiamo definirli morti i retro
  12. #Egzon14 #Egzon14: habbo passerà ad unity
  13. #KiK #KiK: ma infatti
  14. #Egzon14 #Egzon14: ancora con sti retro habbo
  15. M mikiamo2012: Qualcuno per creare retro habbo?
  16. topolino1958 topolino1958: Ragazzi dove posso postare un canale telegram per pubblicità?
  17. #KiK #KiK: e poi ci sono io che vado a sorseggiare un po di kaffè su habbo inglese
  18. #Egzon14 #Egzon14: è proprio morto sciax2
  19. #KiK #KiK: Amiciii come statee
  20. #KiK #KiK: Cerco staff per la mia kaffetteriaaaa
  21. LogR LogR: Cerco tutto lo staff per il mio retroserver
  22. LogR LogR: https://www.sciax2.it/forum/threads/cerco-team-progetto-pronto.700516/
  23. A AnonymousOwna: Lubex Hotel è online vi aspetto
  24. ..Vortix.. ..Vortix..: Sì, penso ci sia la categoria adatta
  25. A Antonyblind: Qui si possono pubblicare metodi di guadagno???
Top