| |
1. Z inline CSS najpreprosteje:
<p style="float: right">Tralala hopsasa</p>
<p style="float: left">20/5/09</p>
2.
CSS:
img.trivvrsti {
display: inline;
}
HTML:
<img src="tralala.jpg" class="trivvrsti" />
<img src="tralala2.jpg" class="trivvrsti" />
<img src="tralala3.jpg" class="trivvrsti" />
3. Tri možnosti. Če imaš te slike v svojem divu, potem lahko v CSSu napišeš
#imediva img {
border: 0;
}
Lahko narediš posebej class za te slike.
CSS:
img.brezcrte {
border: 0;
}
HTML:
<img src="tralala3.jpg" class="brezcrte" rel="lightbox" />
Ali pa pri vsaki sliki posebej inline css
<img src="tralala3.jpg" style="border:0;" rel="lightbox" />
spremenil: CoreySteel (24.7.2009 ob 01.32.14)
|
| |
| |
WooW Hvala, mam pa težavo, sicer slike sem sam včeri rešu, nism vedu, da se auto druga ob drugo postav in sem jih potem po potrebi ročno odmikal levo desno gor dol, no na težavi:
Jst vstavim ta style: float in mi premakne na levo potem pa ponovim za datum na desno, vse lepo in prav samo med levo in desno stranjo se mi pojavi <p> besedilo, ki bi moral biti pod črto*
V CSS imam nastavljen, da je vsaka povezava <a> podčrtana s črticami in kolikor, se premaknem na povezavo, ratu podčrtana in besedilo modre barve, vse je dobr ampak, me moti, ker se mi to pojavlja pri slikah  , in mi pravtako podčrtka. pa nevem, kako bi izključu, za samo to stran kjer imam slike.
spremenil: Freaak (24.7.2009 ob 10.17.26)
|
| |
| |
img
{
border: 0;
text-decoration: none;
}
|
| |
| |
To sem vstavil v CSS, vendar ni spremembe
spremenil: Freaak (24.7.2009 ob 10.25.06)
|
| |
| |
Tole kar ti je napisal kljuka, bi 100% moralo delovat in to za vse slike.
Preveri če si pravilno napisal, če imaš CSS pravilno povezan, itd...
Kako imaš pa narejen za povezave? (Kopiraj CSS sem).
spremenil: CoreySteel (24.7.2009 ob 11.02.03)
|
| |
| |
/* global */
html{height: 100%;}
body
{ font-family: verdana, arial, sans-serif;
padding: 0px;
margin: 0px;
font-size: .68em;
}
p
{ margin: 0px;
padding: 0px 0px 16px 0px;
line-height: 1.7em;
}
h1
{ font-family: arial, sans-serif;
font-size: 108%;
letter-spacing: .1em;
}
h5
{ font-family: arial, sans-serif;
font-size: 95%;
letter-spacing: .1em;
}
h2
{ margin: 0px;
padding: 0px 0px 4px 0px;
font-size: 100%;
}
img{border: 0px;}
a{outline: none;}
/* image positioning - left, right and center */
.slika
{
}
.left
{ float: left;
padding: 0px 8px 0px 0px;
}
.right
{ float: right;
padding: 0px 0px 0px 8px;
}
.right1
{ float: right;
padding: 0px 0px 0px 0px;
}
.center
{ display: block;
text-align: center;
margin: 0 auto;
}
/* block quote */
blockquote
{ margin: 20px 0px 20px 0px;
padding: 10px 20px 0px 20px;
border-left: 8px solid;
}
/* unordered list */
ul
{ margin: 8px 0px 0px 16px;
padding: 0px;
}
ul li
{ list-style-type: square;
margin: 0px 0px 11px 0px;
padding: 0px;
}
/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
padding: 0px;
}
ol li
{ margin: 0px 0px 11px 0px;
padding: 0px;
}
/* margin lefts / margin rights - to centre content */
#main, #links, #footer, #logo, #menu, #content
{ margin-left: auto;
margin-right: auto;
}
/* main container */
#main{width: 780px;}
/* links above the logo / footer */
#links, #footer
{ width: 726px;
height: 20px;
font-size: 88%;
text-transform: uppercase;
padding: 8px 21px 0px 19px;
}
#links{text-align: right;}
#footer
{ text-align: center;
border-top: 2px solid;
}
#links a, #footer a{text-decoration: none;}
#links a:hover, #footer a:hover{text-decoration: underline;}
/* logo */
#logo
{ width: 766px;
height: 125px;
border-top: 2px solid;
border-bottom: 5px solid;
}
#logo h1, #logo h2, #logo h5
{ margin: 0px;
letter-spacing: .2em;
}
#logo h1
{
padding: 28px 0px 0px 139px;
font-size: 250%;
}
#logo h5
{
padding: 28px 0px 0px 139px;
font-size: 200%;
}
#logo h2
{ font-family: arial, sans-serif;
padding: 5px 0px 0px 139px;
font-size: 108%;
}
/* navigation menu */
#menu
{ height: 30px;
width: 766px;
margin-top: -30px;
position: relative;
}
#menu ul{margin: 0px auto;}
#menu li
{ float: left;
margin: 0px 5px 0px 0px;
padding: 0px;
list-style: none;
}
#menu li a
{ display: block;
float: left;
height: 20px;
text-decoration: none;
padding: 6px 19px 2px 19px;
border: 1px solid;
text-transform: uppercase;
font-size: 88%;
}
#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ height: 20px;
padding: 7px 20px 2px 20px;
border: 0px;
}
/* main content */
#content
{ width: 766px;
overflow: hidden;
}
/* column 1 - contains sidebar items */
#column1
{ width: 198px;
margin: 22px 0px 0px 0px;
float: right;
padding: 19px 19px 15px 19px;
}
.sidebaritem
{ text-align: left;
width: 168px;
float: left;
margin: 0px 0px 23px 0px;
border: 1px solid;
padding: 14px 8px 14px 19px;
}
.sidebaritem h1
{ margin: 0px;
font-weight: normal;
padding: 0px 0px 16px 0px;
text-transform: uppercase;
}
.sidebaritem p
{ line-height: 16px;
padding: 0px 0px 8px 0px;
}
.sidebaritem a, .sidebaritem a:hover
{ padding: 0px 0px 2px 19px;
text-decoration: none;
}
.sbilinks{padding: 0px}
.sbilinks ul{margin: 0px auto;}
.sbilinks li
{ margin: 0px;
float: left;
list-style: none;
}
.sbilinks li a , .sbilinks li a:hover
{ float: left;
height: 16px;
text-decoration: none;
padding: 5px 0px 4px 19px;
width: 149px;
}
/* column 2 - page content */
#column2
{ text-align: justify;
width: 508px;
float: left;
padding: 2px 3px 15px 19px;
}
#column2 h1
{ font-family: arial, sans-serif;
padding: 16px 0px 5px 0px;
margin: 0px 0px 12px 0px;
border-bottom: 1px solid;
font-size: 150%;
text-transform: uppercase;
font-weight: normal;
}
#column2 h5
{ font-family: arial, sans-serif;
padding: 16px 0px 5px 0px;
margin: 0px 0px 12px 0px;
border-bottom: 1px solid;
font-size: 120%;
text-transform: uppercase;
font-weight: normal;
}
#column2 a, #column2 a:hover
{ padding: 0px 0px 2px 0px;
text-decoration: none;
border-bottom: 1px dashed;
}
#column2 a:hover{border-bottom: 1px solid;}
/* additional colour scheme selections */
#colour{margin: 0px 0px 20px 0px;}
#colour a, #colour a:hover{border: 0px;}
.blue
{ background: #414141 url(blue_cog.png) no-repeat left center;
padding: 0px 35px 0px 20px;
}
zdej sm že svoje notr neki mešal 
pa še zmeraj neznam teksta dati v 1 vrstico in napis na vsaki strani
spremenil: Freaak (24.7.2009 ob 11.13.59)
|
| |
| |
Sej tega, kar ti je kljuka napisal, sploh nisi dal notri? 
Pa brez px daj pri border: 0;
Torej dodaj
img {
border: 0;
text-decoration: none;
}
Tisto z vrtico pa pusti <p> in uporabi samo <h5>, če bi rad imel samo naslov tako.
<h5 style="float: left;">Tralala</h5>
<h5 style="float: right;">20/5/2998</h5>
|
| |
| |
Evo Corey sm probal prvi nasvet ne dela!
sm dal tko k si napisu pr 2-em vse lepo in prav da na levo in na desno, samo kaj ko mi med levo in desno stranjo porine <p> tekst
in pri sliki, pomoje ni problem slika ampak <a>, zato ker imam nastavlje, da mi povezavo predhodnjo počrtka, in imam narjen lightbox in slike eno velko in eno malo
|
| |
| |
Probaj tako
img a{
border: 0;
text-decoration: none;
}
Ja pa res, vmes porine <p>.
Edino kar mi pride trenutno na pamet je, da daš <h5> v svoj "div class".
<div class="naslov">
<h5 style="float: left;">Tralala</h5>
<h5 style="float: right;">20/5/2998</h5>
</div>
<p>.....</p>
V CSSu pa
.naslov {
height: 15px
}
spremenil: CoreySteel (24.7.2009 ob 11.58.00)
|
| |
Prikazujem 1 od skupno 2 strani |
|
