Autor Zpráva
VENCA
Profil *
Ahoj, chtěl bych se zeptat jak mam udělat to aby obrázek (né napozadí kvůli odkazu) byl vždy v rohu (v pravém) stránky. Díky
Miloš
Profil
Dát ho na začátek body s vlastností float: right; (+ nějaký ten margin-left, aby na něj nebylo případné okolí nalepené).
Taps
Profil
VENCA
http://www.jakpsatweb.cz/css/priklady/fixed-position-explorer-simulati on.html
Miloš
Profil
Taps
Jo tohle – i při tolování; ale pak je potřeba zajistit, aby se nepřekrýval s textem a podobně.
VENCA
Profil *
a jak by to tam měl napsat, takhle : ?


body
{
image: url(cesta k obrázku)
float: left;
margin-left: 0px;

background-color:#fff;
background-image:url(img/bg.gif);
background-repeat:repeat-y;
background-position:top;
margin: 0px;
font: 76%/1.6em verdana, tahoma, arial, sans-serif;
color: #e0e0c8;
text-align: center;
}
Měsíček
Profil
Vlastnost "image:;" neexistuje za to existuje "background-position:;"
VENCA
Profil *
:-D tk mi to pripadalo divny :-D ... to vím ale když nechci aby to to bylo jako pozadí, protože zž tam mam obrazek jako poradi stránky tk co mam udělat
VENCA
Profil *
chci to takto ten obrazek jak je to tady, ten vlevo nahore
http://demo.yootheme.com/ a pouzit ho take jako odkaz
VENCA
Profil *
tak jsem to vyřesil do indexu jsem dal ty styly:

<style>
body { margin: 0px; padding: 0px;}
#fixedMenu {width: 135px; height: 135px; position: fixed; top: 0px; left: 0px; float: left; border: 0px; z-index: 10;}
#content {margin-left: 0px;} /* o 10px víc než šířka menu */
</style>

a pod to jsem dal

<div id="fixedMenu">
<img src="cesta k obrazku" />
</div>


akorát ještě nevím to aby obrázek bylu uplne nalepeny na okareje a nebyl tm mezera
kletely
Profil
VENCA
<style> 
* { margin: 0px; padding: 0px;} 
#fixedMenu {width: 135px; height: 135px; position: fixed; top: 0px; left: 0px; float: left; border: 0px; z-index: 10;} 
#content {margin-left: 0px;} /* o 10px víc než šířka menu */ 
</style>


Načo tam dávaš z-index?
VENCA
Profil *
a ještě bych někoho poprosil, čím by doplnil kod pro to aby se u obrázku nedělaly okraje (přitom ale border mam na 0px tk nevím) ja zkouším tohle a jaksi to nejde:

<style>
body { margin: 0px; padding: 0px;}
#fixedMenu {width: 135px; height: 135px; position: fixed; top: 0px; right: 0px; float: right; border: 0px; z-index: 10;}
img {

border:none;

}
a img {

border:none;

}


#content {margin-left: 0px;} /* o 10px víc než šírka menu */
</style>
VENCA
Profil *
Prosííím poradte jste tady sami odborníci určitě tk se ukažte ;-)
kletely
Profil
VENCA
To sami zdá divné ale vyskúšaj to to:
<ahref="*.html"><img src="*.jpg" border="0"></a>
VENCA
Profil *
to už taky mam je to divný, pro velké rozlišení 1280 .... je to jedno, ale pro 1024 tk to už diky tomu ramecku tk obrázek zasahuje do headeru a je to hnusne... kdyžtak tady je css co používám jestli v tom nekdo neco nenajde.... PROSÍÍÍM

*/

* {
padding: 0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
p {
margin: 0.7em 0;
line-height:1.8em;
}
dl {
margin:1em 0;
}
dt
{
font-weight:bold;
}
dd
{
margin:0.5em;
padding:0;
}
img
{
border:0;
border-top:#eee 1px solid;
border-left:#eee 1px solid;
}
img.right {
float: right;
margin:10px 0 0 10px;
}
img.left {
float: left;
margin:0 10px 10px 0;
}
a:link img,
a:visited img,
a:hover img,
a:active img {
border:none;
background:none;
padding:none;
background:url(img/shadow.gif) no-repeat right bottom;
padding:4px 10px 10px 4px;
border-top:#eee 1px solid;
border-left:#eee 1px solid;
}
img.wp-smiley, #wpstats, img.noborder, a img.noborder {
background: none;
border: 0;
padding: 0;
}
.clear {
clear:both;
height:20px;
}
blockquote
{
color:#fff;
margin: 1em;
padding: 0 0 10px 50px;
background: url(img/blockquote.gif) no-repeat left top;
}
fieldset
{
border:0;
}
body
{
background-color:#fff;
background-image:url(img/bg.gif);
background-repeat:repeat-y;
background-position:top;
margin: 0px;
font: 76%/1.6em verdana, tahoma, arial, sans-serif;
color: #5c5c5c;
text-align: center;
}
a
{
text-decoration:none;
color: #ddc437;
}
a:link, a:visited {
color: #ddc437;
text-decoration:underline;
}
a:active {
color: #ddc437;
text-decoration:underline;
}
a:hover {
color:#ddc437;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6
{
font-family:Georgia, Verdana, Arial, Serif;
color:#fff;
}

/* dogear */
div#dogear {
position: absolute;
top: 0px;
left: 0px;
width: 135px;
height: 135px;
z-index: 10;
}

div#dogear img {
width: 135px;
height: 135px;
}

#container {
margin: 0 auto;
padding-bottom:10px;
background: #373737;
width:933px;
position: relative;
text-align: left;
}
#navigation {
background-image:url(img/cat.jpg);
background-repeat:repeat-x;
background-position:top;
overflow: hidden;
width:933px;
position: relative;
text-align: left;
font-size:12px;
font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
margin: 0 auto;
border-bottom: 1px solid #282828;
border-top: 1px solid #282828;
}
html #navigation {
height: 1%;
}
#navigation ul li {
float: left;
margin: 0px;
list-style-type: none;
}
#navigation ul li a {
border-right:1px solid #282828;
padding: 8px 13px 8px 13px;
display: block;
font-weight:bold;
color:#333;
text-decoration: none;
background:#d5d4b6;
font-size:12px;
letter-spacing:0px;
background-image:url(img/cat.jpg);
background-repeat:repeat-x;
background-position:center;
}
#navigation ul li a:hover,
#navigation ul li a:active

{
background-image:url(img/cat-hov.jpg);
background-repeat:repeat-x;
background-position:top;
color: #333;
border-right:1px solid #282828;
font-size:12px;
text-decoration:underline;
}
#drop-shadow{
background-image:url(img/drop-shadow.gif);
background-repeat:repeat-x;
background-position:center;
margin: 0px;
width:202px;
padding-top:2px;
padding-bottom:3px;
}
#header {
clear: both;
margin: 0 auto;
width:933px;
height:127px;
position: relative;
text-align:left;
font-size:12px;
padding:0;
background-image:url(img/header.png);
background-repeat:no-repeat;
background-position:top;
}
<style>
body { margin: 0px; padding: 0px;}
#fixedMenu {width: 120px; position: left; left: 0px; left: 0px; float: left;}
#content {margin-left: 130px;} /* o 10px víc než šírka menu */
</style>
#header h1
{
font-size:1.8em;
top:25px;
left:10px;
position:absolute;
visibility:visible;
letter-spacing:0px;
}
#header h1 a {

text-decoration:none;
border:0;
color:#fff;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-transform:none;
font-size:24px;
font-weight:bold;
}
#header h2
{
top:2px;
right:3px;
position:absolute;
visibility:visible;
font-size:12px;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}
#feedarea {
height:25px;
text-align: left;
width:933px;
position: relative;
margin:0 auto;
font-size:12px;
background-color:373737;
}
#feedarea a:link,
#feedarea a:active,
#feedarea a:visted,
#feedarea a:hover{
font-size:12px;
}
html #feedarea {
border-bottom:1px solid #282828;
font-size:12px;

}
#feedarea dl dt {
display: inline;
margin-right: 5px;
}
#feedarea dl dd {
height:25px;
display: inline;
margin-right: 5px;
background:url(img/icon_feed.gif) no-repeat left center;
padding-left:19px;
}
#content {
width:933px;
margin:0 auto;
position:relative;
}
html #content {
}
#content h4 {
font-size: 1.1em;
}
#content h5 {
font-size: 1em;
}
#content-main ul
{
padding:0 1em;
list-style-image:url(img/bullet.png);
}
#content-main ul.asides
{
margin:0;
border-bottom:#ddd 1px solid;
}
#content ol
{
list-style-type:decimal;
margin-left:40px;
}
#content-main {
float: left;
width: 531px;
background-color:#2e2e2e;
color:#fff;
padding:5px;
border-right: 1px solid #282828;
border-left: 1px solid #282828;
border-bottom: 1px solid #282828;
}
#content img{
padding:2px;
margin-right:10px;
border:2px solid #3F3F3F;
color:;
background-image:none;
border-color: #3F3F3F;
}
html #section-index #content-main {
margin-right: 0px;
}
#content .post{
background-image:url(img/underline.gif);
background-repeat:no-repeat;
background-position:top -1px;
padding:10px;
}
#content h2.pagetitle {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content h2,
#content h2 a,
#content h2 a:link,
#content h2 a:visited{
color:#ddc437;
font-size:16px;
font-weight:normal;
text-decoration:none;
font-family:Arial black, Arial, Helvetica, sans-serif;
}
#content h2 a:hover{
color:#FFFFFF;
font-size:16px;
font-weight:normal;
text-decoration:underline;
font-family:Arial black, Arial, Helvetica, sans-serif;
}
#content .entry
{
}
#content .entry a:link, #content .entry a:visited{
color:#ddc437;
}
#content .entry a:hover, #content .entry a:active
{
}
#content .entry li
{
margin:5px;
padding:0;
line-height:1.6em;
}
#content .postmetadata
{
clear:both;
font-size:0.9em;
text-align:left;
color:#999;
margin:5px 0px 5px 0px;
padding:5px;
background-color:#282828;
border: 1px solid #494848;
}
.postmetadata a:link,
.postmetadata a:active,
.postmetadata a:visited
{
color:#bdbd8c;
text-decoration:none;
}
.postmetadata a:hover
{
color:#fff;
text-decoration:underline;
}
#content .post-info{
clear:both;
font-size:0.9em;
color:#999;
margin:0;
padding:0;
}
#content .post-info a:link,
#content .post-info a:visited,
#content .post-info a:active{
color:#bdbd8c;}
#comments, #respond{
margin: 0;
padding:1em 0 0 0;
margin: 50px;
color:#333333;
background-color:#666666;
}
#commentform
{
margin: 5px;
padding:10px;
background:#373737;
border: #282828 1px solid;
}
.commentnum
{
font-weight:bold;
margin:0 5px 0 0;
color:#ecc13c;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#container .commentlist {
margin: 1em 0;
padding: 0;
margin: 5px;

}
#container .commentlist li
{
list-style:none;
margin: 0;
padding: 5px;
background-color:#1f1f1f;
}
#container .commentlist li.alt
{
background-color:#464545;
color:#fff;
margin-top:5px;
margin-bottom:5px;
}
#container .commentlist li.authorcomment
{
background:#212121;
border:2px solid #666;
color:#fff;
margin-top:5px;
margin-bottom:5px;

}
#container .commentlist li .cmtinfo
{
font-size:1em;
}
#container .commentlist li cite
{
font-style:normal;
font-weight:bold;
}
#container .commentlist li .cmtinfo em
{
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:0.9em; color:#fff;
}
#content .commentsfeed
{
background:url(img/icon_feed.gif) no-repeat left center;
padding:5px 5px 5px 20px;
}
#content .trackback
{
background:url(img/icon_link.gif) no-repeat left center;
padding:5px 5px 5px 20px;
height:30px;
}
input.textbox, textarea
{
background-color:#2d2d2d;
border:1px solid #282828;
color:#FFFFFF;
font:1em Verdana, Arial, Serif;
padding:5px;
width:150px;
}
textarea{
width: 90%;
padding:10px;
line-height:2em;
height: 20em;
}
input.textbox:focus, textarea:focus
{
background-color:#2d2d2d;
border:1px solid #fff;
color:#FFFFFF;
}
#submit
{
background-image:url(img/cat.jpg);
background-repeat:repeat-x;
background-position:center;
padding:5px;
color:#333;
font-weight:bold;
border: 1px solid #282828;

}
#submit:hover{
background-image:url(img/cat-hov.jpg);
background-repeat:repeat-x;
background-position:center;
text-decoration:underline;
color: #333;
}
.post h4
{
font-size:1em;
font-weight:normal;
font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
font-style:normal;
float:right;
font-weight:normal;
}
#header, #content, #sidebar, #footer, .widget {
overflow: hidden;
}

#footer-area{
width:933px;
position: absolute;
bottom:0px;
left:0px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left:5px;
font-size:11px;
color:#fff;
text-decoration:none;
}
#footer-area a{
font-size:11px;
font-weight:bold;
border:0px;
color:#fff;
text-decoration:none;
}
#footer-area a:hover{
font-size:11px;
font-weight:bold;
border:0px;
color:#fff;
text-decoration:none;
}
#footer-area a:visited{
font-size:11px;
font-weight:bold;
border:0px;
color:#fff;
text-decoration:none;
}
#footer-area a:hover{
font-size:11px;
font-weight:bold;
border:0px;
color:#fff;
text-decoration:none;
}
#Theme-Sponsors{
width:933px;
position:relative;
visibility:visible;
z-index:55;
font-size:11px;
margin: 0px auto;
color:#fff;
text-align:left;
height:157px;
background-color:#373737;
background-image:url(img/footer.png);
background-repeat:no-repeat;
background-position:bottom;
}
#Theme-Sponsors a:vis
Měsíček
Profil
Propána to jsi nemohl poslat odkaz? ..
VENCA
Profil *
sry to mě nenapadlo, nevíš co s tím ?

http://torrentyzahubicku.net/wp-content/themes/finishing-touch/style.c ss
VENCA
Profil *
prosím lidi pomoste mi ;-)
Keeehi
Profil *
1) už u img máš sice borer:0; ale co třeba borer:0px;

2) nacpání obrázku nahoru úplně doleva
v css
.uplnevlevo {
position: absolute;
left: 0px;
top: 0px;}

v htm/php
<img class="upnevlevo" stc="cesta cestička k souboru">
kletely
Profil
Keeehi
<img class="upnevlevo" src="cesta cestička k souboru">
Keeehi
Profil *
Díky překlep

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0