[es] - kako da priblizim tekst tabeli?

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
*.ptt.rs.

Sajt: www.astrosport07.webs.com

+4 Profil

^{22.02.2013. u 16:37 - pre 135 meseci}

Moze li neko da mi kaze sta treba da prepravim u kodu da bi ovo "predict the winner!" priblizila po vertikali ovome "Horary sports astrology".

Kod je sledeci:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<link rel="shortcut icon" href="favicon3.ico" />
<style type="text/css">

html, body
{
background-color:green;
text-align: justify;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#33cc33;
scrollbar-shadow-color:#006600;
scrollbar-face-color:#006600;
scrollbar-highlight-color:#ccff66;
scrollbar-darkshadow-color:#00cc33;
scrollbar-3dlight-color:#00000;
}

.razmak2
{
margin-top:25px;
}

h4
{
color:white;
font-family: sans-serif;
font-size:26px;font-weight: bold
}

.razmak
{
margin-top:10px;
}
table
{
border:none;width:454px;height:60px;
margin:auto;color:white;margin-top:5px;
margin-bottom:0px;}

th
{
background-color:green;
color:white;
}

td
{
font-family: sans-serif;
font-size:5px;text-align:left;padding:1px;background-color:gr

een;color:white;height:60px;
}

img
{
margin-top:0px;
margin-bottom:0px;
}
#img1
{ display: block;
margin-left: auto;
margin-right: auto;
margin-top:30px;
margin-bottom:10px;
}

</style>

<title>HORARY SPORTS ASTROLOGY - PREDICT THE

WINNER OF SOME CONTEST! </title>
<meta name="description" content="astrology, sport,

match, uefa, Super Bowl, score, football, winner, win,

VOC, Moon, Jupiter, Sun, Mercury, Venus, Mars, Saturn,

colors, countries, Zodiacal Signs, Cities , team, horary,

house, chart, home, underdog, World Cup, Champions

League">
<meta name="keywords" content=" astrology, match, uefa,

Super Bowl, score, football, winner, win, VOC, Moon,

Jupiter, Sun, Mercury, Venus, Mars, Saturn, colors,

countries, Zodiacal Signs, Cities , team, horary, house,

chart, home, underdog, sport, World Cup, Champions

League">
</head>

<body>

<div id="container" align="center">

<img id="img3" src="greenfade.gif" width="600"/>
</div>

<table class="razmak">
<tr>
<td style='width: 184px'>
<img class="img" src="SP2a.gif" title="Horary sports

astrology" width="184" height="60" />
</td>
<td style='width: 30px'>
<img class="img" src="ball0330.gif" title="Horary sports

astrology" width="30" height="29" />
</td>
<td style='width: 240px'>
<img class="img" src="SP2b.gif" title="Horary sports

astrology" width="240" height="60" />
</td>
</tr>
</table>
<h4 style="text-align:center;" >PREDICT THE

WINNER!</h4>

<img id="img1" src="greenfade.gif" width="600"/>

</body></html>

Ima li neko ideju kako to da postignem? Pokusala sam da ove tri slike naredjam jednu do druge, ali mi ova 2. "ball0330.gif nije po vertikali u liniji sa njima nego je dole a i sve 3. slike su mi otisle na levo a meni treba da bude na sredini. Iz ovoga vam je valjda jasno da nemam pojma pa molim za pomoc u vidu koda koji mogu da copiram.
Hvala najlepse.

Pozdrav,
Goca

Odgovor na temu

acca3
Aleksandar
internet konsalting
internet

Član broj: 81635
Poruke: 353
37.19.108.*

Sajt: https://plus.google.com/+..

+23 Profil

Re: kako da priblizim tekst tabeli?

^{23.02.2013. u 09:23 - pre 135 meseci}

Vidim da si u međuvremenu nešto menjala na sajtu. Između ta dva imaš neki praza <p></p> i on pravi razmak većim. Obriši taj paragraf ako u njemu ionako nećeš ništa da pišeš.
I tu gde ti u ovom kodu stoji taj H4, sada na sajtu vidim da je H2. Svejedno, kod H2 stavi CSS:

.h2
{
margin-top: 0px;
}

Btw, ako tek počinješ, bolje umesto tih tabela kreni odmah da radiš sajt u divovima. Oni su mnogo zahvalniji za rad, tabele retko ko više i koristi.

seo optimizacija sajtova za Google
Neparno 10

Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
82.208.218.*

Sajt: www.astrosport07.webs.com

+4 Profil

Re: kako da priblizim tekst tabeli?

^{23.02.2013. u 10:18 - pre 135 meseci}

BRAVO! RADI!
(Upela sam da shvatim da je u pitanju h4 a ne h2

)!
HVALA PUNO!

Pozdrav,
Goca

Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
82.208.218.*

Sajt: www.astrosport07.webs.com

+4 Profil

Re: kako da priblizim tekst tabeli?

^{23.02.2013. u 12:04 - pre 135 meseci}

Radim "novu" naslovnu stranicu u css-u, jos nisam zavrsila, sad samo na mom kompu probam i tvoj savet je odlican , ne brini! Kad budem zavrsila tek cu onda ucitati celu stranu sa tvojim kodom! Jos jednom, HVALA!

Pozdrav,
Goca

Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
*.ptt.rs.

Sajt: www.astrosport07.webs.com

+4 Profil

Re: kako da priblizim tekst tabeli?

^{23.02.2013. u 18:51 - pre 135 meseci}

Evo, zavrsila sam "novu" naslovnu stranicu, sve je u redu sto se tice razmaka!

Posto vec ne znam koji put dobijam kritike da se postavljanje slike i do nje teksta ne radi putem tabela vec div-a, moze li neko da mi napise kod za <head> i kod za <body> za div da dobijem sliku i tekst kao na ovoj slici (zajedno centrirani po horizontali i vertikali i tekst u 2 reda).

Evo koda koji je vec koriscen, tu vec imam 2 div-a?:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<link rel="shortcut icon" href="favf1.ico" />
<style type="text/css">

html, body
{
background-color:gray;
text-align: justify;
scrollbar-arrow-color:ffffff;
  scrollbar-track-color:bebebe;
  scrollbar-shadow-color:000000;
  scrollbar-face-color:848983;
  scrollbar-highlight-color:ffffff;
  scrollbar-darkshadow-color:2f4f4f;
  scrollbar-3dlight-color:000000;
}

h2
{
color:white;
text-align:center;
font-size:22px;
font-family: sans-serif;
}

.razmak
{
margin-top:50px;
}
table
{
border:none;width:600px;
margin:auto;color:white;margin-top:20px;
margin-bottom:25px;}

th
{
background-color:gray;
color:white;height:30px;
}

td
{
font-family: sans-serif;
font-size:20px;text-align:left;padding:1px;background-color:gray;
color:white;
}

img
{
    margin-top:35px;
    margin-bottom:35px;
}

#img3
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:30px;
    margin-bottom:30px;
}

a:link {color:white;}
a{text-decoration:none;cursor:default;font-weight:bold;}
a:visited{color:white;}
a:hover{color:black;}

#container img
{
margin: 0;
}
#container,
#container #img3 {
margin-top: 20px;
}

</style>

<title>ASTROLOGY AND SPORT - Formula 1 - Will Kimi be the winner of F1 2012?</title>
<meta name="description" content="astrology, sport, Kimi Raikkonen, Formula 1">
<meta name="keywords" content="astrology, sport, Kimi Raikkonen, Formula 1">
</head>

<body>

<div id="container" align="center">

<script language="JavaScript" src="http://images.freewebs.com/JS/Freebar/btn_roundgrey.js">
</script>
<img id="img3" src="blkfade.gif" width="600"/>
  </div>

<div align="right" style="float: right;">

<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmar...v=250&username=okean88"

class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript"

src="http://s7.addthis.com/js/250/addthis_widget.js#username=okean88"></script>
</div><p><br></font><p>

<table class="razmak">
<tr>
<td style='width: 280px'>
<img class="img"  src="KR2012A.jpg"  title="Kimi Raikkonen" width="250" height="289" />
</td>
<td style="text-align:center;"><h2>WILL KIMI BE THE WINNER OF FORMULA 1 2012?</h2></td>
</tr>
</table>

</body></html>

Unapred hvala!

Pozdrav,
Goca

Odgovor na temu

Plug-n-Play
Beograd

Član broj: 175221
Poruke: 173
*.dynamic.sbb.rs.

+10 Profil

Re: kako da priblizim tekst tabeli?

^{23.02.2013. u 19:27 - pre 135 meseci}

evo na brzinu da ne plačeš više

podesi tačno veličinu, boju, itd. lako je, a ne znam koje fontove koristiš...
da li ti uvek ovako pišeš sve u jednom fajlu ili je ovo samo za nas?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<link rel="shortcut icon" href="favf1.ico" />
<style type="text/css">

html, body
{
background-color:gray;
text-align: justify;
scrollbar-arrow-color:ffffff;
  scrollbar-track-color:bebebe;
  scrollbar-shadow-color:000000;
  scrollbar-face-color:848983;
  scrollbar-highlight-color:ffffff;
  scrollbar-darkshadow-color:2f4f4f;
  scrollbar-3dlight-color:000000;
}

h2
{
color:white;
text-align:center;
font-size:22px;
font-family: sans-serif;
}

.razmak
{
margin-top:50px;
}
table
{
border:none;width:600px;
margin:auto;color:white;margin-top:20px;
margin-bottom:25px;}

th
{
background-color:gray;
color:white;height:30px;
}

td
{
font-family: sans-serif;
font-size:20px;text-align:left;padding:1px;background-color:gray;
color:white;
}

img
{
    margin-top:35px;
    margin-bottom:35px;
}

#img3
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:30px;
    margin-bottom:30px;
}

a:link {color:white;}
a{text-decoration:none;cursor:default;font-weight:bold;}
a:visited{color:white;}
a:hover{color:black;}

#container img
{
margin: 0;
}
#container,
#container #img3 {
margin-top: 20px;
}

#container {
    position: relative;
}
#kukulelemajko {
    position: absolute;
    width: 250;
    margin: 0 auto;
    left: 726px;
    top: 289px;
    height: 40;
}

</style>

<title>ASTROLOGY AND SPORT - Formula 1 - Will Kimi be the winner of F1 2012?</title>
<meta name="description" content="astrology, sport, Kimi Raikkonen, Formula 1">
<meta name="keywords" content="astrology, sport, Kimi Raikkonen, Formula 1">
</head>

<body>

<div id="container" align="center">

<div id="kukulelemajko"> piši ovde šta god ti padne <br />
na pamet u dva reda</div>


<script language="JavaScript" src="http://images.freewebs.com/JS/Freebar/btn_roundgrey.js">
</script>
<img id="img3" src="blkfade.gif" width="600"/>
  </div>

<div align="right" style="float: right;">

<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmar...v=250&username=okean88"

class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript"

src="http://s7.addthis.com/js/250/addthis_widget.js#username=okean88"></script>
</div><p><br></font><p>

<table class="razmak">
<tr>
<td style='width: 280px'>
<img class="img"  src="KR2012A.jpg"  title="Kimi Raikkonen" width="250" height="289" />
</td>
<td style="text-align:center;"><h2>WILL KIMI BE THE WINNER OF FORMULA 1 2012?</h2></td>
</tr>
</table>

</body></html>

Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
82.208.218.*

Sajt: www.astrosport07.webs.com

+4 Profil

Re: kako da priblizim tekst tabeli?

^{23.02.2013. u 20:42 - pre 135 meseci}

Najpre, hvala na odgovoru!
Problem je resen 50%.
Tekst mi je i dalje ispod slike a treba da bude pored. Sad, ili sam ja nesto izgresila ili tu fali neka linija sa kodom.
Evo slike:

Evo koda:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<link rel="shortcut icon" href="favf1.ico" />
<style type="text/css">

html, body
{
background-color:gray;
text-align: justify;
scrollbar-arrow-color:ffffff;
  scrollbar-track-color:bebebe;
  scrollbar-shadow-color:000000;
  scrollbar-face-color:848983;
  scrollbar-highlight-color:ffffff;
  scrollbar-darkshadow-color:2f4f4f;
  scrollbar-3dlight-color:000000;
}

h2
{
color:white;
text-align:center;
font-size:22px;
font-family: sans-serif;
}

.razmak
{
margin-top:50px;
}

img
{
    margin-top:35px;
    margin-bottom:35px;
}

#img3
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:30px;
    margin-bottom:30px;
}

a:link {color:white;}
a{text-decoration:none;cursor:default;font-weight:bold;}
a:visited{color:white;}
a:hover{color:black;}

#container img
{
margin: 0;
}
#container,
#container #img3 {
margin-top: 20px;
}
#container2 {
    position: absolute;
    width: 600;
    margin: 0 auto;
    left: 340px;
    top: 167px;
    height: 40;
}

</style>

<title>ASTROLOGY AND SPORT - Formula 1 - Will Kimi be the winner of F1 2012?</title>
<meta name="description" content="astrology, sport, Kimi Raikkonen, Formula 1">
<meta name="keywords" content="astrology, sport, Kimi Raikkonen, Formula 1">
</head>

<body>

<div id="container" align="center">

<script language="JavaScript" src="http://images.freewebs.com/JS/Freebar/btn_roundgrey.js">
</script>
<img id="img3" src="blkfade.gif" width="600"/>
  </div>

<div align="right" style="float: right;">

<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmar...v=250&username=okean88"

class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript"

src="http://s7.addthis.com/js/250/addthis_widget.js#username=okean88"></script>
</div><p><br></font><p>

<div id="container2"><img class="img"  src="KR2012A.jpg"  title="Kimi Raikkonen" width="250" height="289" /> <h2>WILL KIMI BE THE WINNER</br>
OF FORMULA 1 2012?</h2></div>

</body></html>

Znaci u <head> sam stavila ovo:
#container2 {
position: absolute;
width: 600;
margin: 0 auto;
left: 340px;
top: 167px;
height: 40;
}

a ispred </body>
sam stavila ovo:

<div id="container2"><img class="img" src="KR2012A.jpg" title="Kimi Raikkonen" width="250" height="289" /> <h2>WILL KIMI BE THE WINNER</br>
OF FORMULA 1 2012?</h2></div>

Imate li ideju sta jos treba da se napise da ovaj tekst(WILL KIMI BE THE WINNER</br>OF FORMULA 1 2012?) bude pored i malo odmaknut od slike?
Unapred hvala na pomoci!

Pozdrav,
Goca

Odgovor na temu