Komputery – kupno/gry/opinie/pytania/internet
Cześć,
mam taki common.css na naszej stronie klubowej:
Wiem, dłuuugi
Chodzi mi o zdefiniowanie nowego div'a, który by mi równał obrazki do środka – a właściwie dwóch, jeden z szarą ramką (jak na stronie głównej mazdaspeed.pl), a drugi do wyśrodkowania "gołego obrazka". Mocowałem się już z align="center/middle" z <p> i <img>, niestety mam elementarne dziury... Możecie od razu powiedzieć, do czego jest "float" i "block"
Dzięki za pomoc!
mam taki common.css na naszej stronie klubowej:
- Kod: Zaznacz cały
*
{
margin: 0px;
padding: 0px;
}
HTML
{
width: 100%;
height: 100%;
overflow: -moz-scrollbars-vertical;
}
BODY
{
width: 100%;
height: 100%;
margin: 10px 0px 10px 0px;
text-align: center;
font: normal 11px Tahoma, Arial, Helvetica;
color: #000000;
background-color: #808080;
cursor: default;
}
IMG
{
border: none;
}
A
{
color: #336699;
text-decoration: none;
}
A:hover
{
color: #FF8813;
}
A:visited
{
color: #808080;
}
OL
{
font-weight: bold;
}
OL SPAN
{
font-weight: normal;
}
LI
{
margin: 0px 0px 10px 0px;
}
.em, EM
{
font: bold italic 17px 'Trebuchet MS', Arial, Helvetica;
}
.h1, H1
{
font: bold 16px Tahoma, Arial, Helvetica;
color: #4682B4;
margin: 0px 0px 15px 0px;
}
.h2, H2
{
font: bold 15px Tahoma, Arial, Helvetica;
color: #000000;
margin: 0px 0px 0px 0px;
}
.h3, H3
{
font: normal 10px Tahoma, Arial, Helvetica;
color: #606060;
margin: 0px 0px 15px 0px;
}
.h4, H4
{
font: bold 11px/17px Tahoma, Arial, Helvetica;
text-align: center;
margin-bottom: 15px;
color: #606060;
}
P
{
font: 11px/17px Tahoma, Arial, Helvetica;
text-align: justify;
margin-bottom: 15px;
color: #202020;
}
TABLE
{
font: 11px/17px Tahoma, Arial, Helvetica;
}
CENTER
{
font: 11px/17px Tahoma, Arial, Helvetica;
text-align: center;
margin-bottom: 15px;
color: #202020;
}
CITE
{
display: block;
margin: 10px 0px 10px 0px;
padding: 6px 10px 6px 10px;
clear: both;
font: italic 11px/16px Arial, Helvetica;
color: #202020;
background-color: #dce2e8;
background-image: url('../images/common/cite.png');
background-repeat: no-repeat;
}
/*****************************************************************/
DIV.ImgRight
{
margin: 0px 0px 15px 15px;
float: right;
clear: right;
padding: 6px 6px 3px 6px;
font: italic 9px/13px Tahoma, Arial, Helvetica;
background-color: #e0e0e0;
color: #202020;
}
DIV.ImgRight IMG
{
display: block;
margin-bottom: 3px;
}
DIV.ImgLeft
{
margin: 0px 15px 15px 0px;
float: left;
clear: left;
padding: 6px 6px 3px 6px;
font: italic 9px/13px Tahoma, Arial, Helvetica;
background-color: #e0e0e0;
color: #202020;
}
DIV.ImgLeft IMG
{
display: block;
margin-bottom: 3px;
}
DIV.Separator
{
clear: both;
padding-top: 0px;
margin-bottom: 15px;
height: 0px;
overflow: hidden;
border-bottom: 1px solid #e0e0e0;
}
/*****************************************************************/
DIV#Logo
{
width: 898px;
height: 119px;
margin: 0px auto 0px auto;
border: 1px solid #000000;
background-image: url('../images/common/logo.jpg');
}
DIV#Main
{
width: 900px;
margin: 5px auto 20px auto;
border: 1px solid #000000;
text-align: left;
background-color: #ffffff;
}
DIV#Main:after
{
display: block;
visibility: hidden;
height: 0px;
clear: both;
content: ' ';
}
DIV#Content
{
width: 620px;
padding-left: 20px;
text-align: left;
float: left;
}
DIV#RightColumn
{
width: 200px;
padding-right: 20px;
text-align: left;
float: right;
}
DIV#Footer
{
width: 620px;
padding-left: 20px;
padding-top: 30px;
text-align: right;
clear: both;
}
DIV#Footer:after
{
display: block;
visibility: hidden;
height: 0px;
clear: both;
content: '';
}
DIV#Footer P
{
font: normal 10px/13px Tahoma, Arial, Helvetica;
color: #808080;
text-align: right;
margin: 0px;
}
DIV#Footer IMG
{
float: right;
margin-left: 10px;
}
Wiem, dłuuugi
float – oplywanie obrazka, czyli tekst pojawi sie obok niego a nie dopiero pod.
bloc – wyswietla blok, generalnie mozna z tym zrobic wszystko.
Z tego co ja widze, to na stronie glownej mazdaspeed.pl sa 2 kolumny i obrazki sa wyrownane do prawej krawedzi kolumny. To chcesz tak jak jest na stronie glownej czy jednak chcesz wyrownanie do srodka?
bloc – wyswietla blok, generalnie mozna z tym zrobic wszystko.
Z tego co ja widze, to na stronie glownej mazdaspeed.pl sa 2 kolumny i obrazki sa wyrownane do prawej krawedzi kolumny. To chcesz tak jak jest na stronie glownej czy jednak chcesz wyrownanie do srodka?
-
jeap
Strona główna się nie zmieści, chciałbym jednak zastosować wyrównanie do środka w artykułach (w ciągu tekstu, między akapitami) => http://www.mazdaspeed.pl/web/mazda/mazd ... _2_de_amis
W artykułach są obecnie wyrównane do lewej lub prawej – tylko dzięki trikowi, że obrazek ma 600px szerokości (dokładnie tyle, ile kolumna), tego nie widać
Gdyby można było up-grade'ować tego CSS'a o nowy div dla obrazka do środka w tej szarej "ramce" i gołego, będę wdzięczny 
W artykułach są obecnie wyrównane do lewej lub prawej – tylko dzięki trikowi, że obrazek ma 600px szerokości (dokładnie tyle, ile kolumna), tego nie widać
Dla gołego obrazka to będzie:
lub mniej cssowato:
A dla tego co masz obecnie w tym artykule w obrazkach może być (aby to wyśrodkować) chociażby (mniej cssowato, ale jak widzę co tam masz to i tak różnicy chyba nie zrobi):
PS. Wcale się na Ciebie nie obraziłem

- Kod: Zaznacz cały
DIV#srodek
{
text-align: center;
}
lub mniej cssowato:
- Kod: Zaznacz cały
<div style="text-align: center;><img src="" alt="" /></div>
A dla tego co masz obecnie w tym artykule w obrazkach może być (aby to wyśrodkować) chociażby (mniej cssowato, ale jak widzę co tam masz to i tak różnicy chyba nie zrobi):
- Kod: Zaznacz cały
<div style="text-align: center;><img src="./images/2_de_amis_02.jpg" alt="Mazda 2 minivan DE Ford" style="border: 1px solid rgb(206, 206, 206); padding: 10px; background: rgb(235, 235, 235)"></div>
PS. Wcale się na Ciebie nie obraziłem

f*ck
Mev napisał(a):PS. Wcale się na Ciebie nie obraziłem
Cieszę się

Daj numer konta na PW 
Cześć,
mam pytanie do osób znających kruczki MS Outlooka – chodzi o rozesłanie wiadomości e-mail do około 3000 adresatów (różne adresy, baza odbiorców) za jednym zamachem (lub rozłożenie na kilka tur) i ukrycie pozostałych odbiorców w formie np.:
Od: franek.kimono@sing.pl
Do: franek.kimono@sing.pl
...by nie wiadomości nie były odrzucane przez automaty anty-spamowe. Będę wdzięczny za rady
mam pytanie do osób znających kruczki MS Outlooka – chodzi o rozesłanie wiadomości e-mail do około 3000 adresatów (różne adresy, baza odbiorców) za jednym zamachem (lub rozłożenie na kilka tur) i ukrycie pozostałych odbiorców w formie np.:
Od: franek.kimono@sing.pl
Do: franek.kimono@sing.pl
...by nie wiadomości nie były odrzucane przez automaty anty-spamowe. Będę wdzięczny za rady
Wszystkich do UDW a jako odbiorcę wpisz siebie
Pamiętaj tylko, że jak ktoś się postara to i tak dobierze się do całej listy kontaktów
Pamiętaj tylko, że jak ktoś się postara to i tak dobierze się do całej listy kontaktów
Ostatnio edytowano 18 lis 2008, 16:20 przez brii, łącznie edytowano 1 raz
Trusted computing – Yes or No?
Na świecie jest 10 rodzajów ludzi: ci, którzy rozumieją liczby binarne i ci, którzy nie.
Na świecie jest 10 rodzajów ludzi: ci, którzy rozumieją liczby binarne i ci, którzy nie.
Dzięęęki!
A wpisanie wszystkich w pole "UDW" nie załatwi sprawy?
- Od: 15 kwi 2007, 23:30
- Posty: 312
- Skąd: Rybnik
- Auto: 323C (BA) 1.5i 16V '97
Tia, właśnie widzę. Temat dotyczy czegoś innego, ale przepraszam – nasz serwerowiec z pracy tak nad tym pracował, że przedobrzył 
Globy napisał(a):chodzi o rozesłanie wiadomości e-mail do około 3000 adresatów
ehh porażka ...
Puhcio napisał(a):Dostałem juz 15 takich maili
i ja niestety też ! (blokuje adres) sorry, ale spam mnie wkur***

... a kamieniami w dzieci nie rzucam bo nie wiem które moje 
- Od: 26 wrz 2005, 18:55
- Posty: 1100
- Skąd: Bełchatów
- Auto: Toyota Corolla E11 1.6 VVT-i
Puhcio, Misiek-Bełchatów, Pajko – lubicie OT, prawda?
a za to już niedługo będą bany
Misiek-Bełchatów napisał(a):wkur***
a za to już niedługo będą bany
Kto przegląda forum
Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 0 gości