Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Par pitanja oko uredjivanja strane?

[es] :: Web dizajn i CSS :: Par pitanja oko uredjivanja strane?

[ Pregleda: 1738 | Odgovora: 6 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

finderetf

Član broj: 103659
Poruke: 158
95.180.43.*



Profil

icon Par pitanja oko uredjivanja strane?18.05.2009. u 17:09 - pre 181 meseci
Imam stranicu za koju zelim da mi pocetna visina bude npr 800px, a posto u nju stavljam controlu repeater asp.net, koja moze da vrati dosta rezultata, hocu da mi se stranica izduzi . (sada imam problem da nece).

Isti problem je i sa sirinom, dacu izgled css pa nek neko mi preporuci kako je najbolje da radim.

Takodje, na par starnica mi se Header i po 20ak piksela ne poklapa sa ostatkom sajta...

[CODE]
*
{
margin: 0px;
padding: 0px;
}

a:link {
color: #6C2A1A;
}

a:hover {
text-decoration: none;
color: #FF0000;
}

a:visited {
color: #6C2A1A;
}

body {

background: #6A8B1A url(images/back_all.jpg);
font: 13px Arial, Helvetica, sans-serif;
color: #383838;
}

#content
{
width: 778px;
margin: 0px auto;
}

#main
{
width: 791px;
padding: 10px;
padding-top: 10px;
background: url(images/table_top.gif) no-repeat top;
}

#table_back
{
background: url(images/table_back.gif) repeat-y;
}

#back
{
width: 811px;
}

#header {
height: 148px;
text-align: right;

}

#logo {

width: 791px;
height: 58px;
text-align: left;
padding-left: 20px;
padding-top: 10px;
background: url(images/header.png) no-repeat;
}


#logo a {
text-decoration: none;
text-transform: lowercase;
font-style: italic;
font-size: 18px;
color: #ffffff;
}
#logo H2 a
{
font-size: 12px;
}


#menu
{
width: 771px;
height: 39px;
padding-left: 40px;
padding-top: 41px
}

#menu ul {
list-style: none;
}

#menu li {

display: inline;

}

#menu a {
float: left;
width: 138px;
height: 29px;
display: block;
text-align: center;
text-decoration: none;
color: #ffffff;
font-weight: bold;
font-size: 14px;
padding-top: 10px;
text-transform: uppercase;
background: url(images/menu.png) no-repeat;
}

#menu a:hover {
width: 138px;
height: 35px;
margin-top: -6px;
padding-top: 10px;
color: #DEEBBC;
text-decoration: underline;
background: url(images/menu_r.png) no-repeat;
}




#right
{
width: 249px;
float: right;
}

#right H3
{
width: 224px;
height: 23px;
font-size: 14px;
font-weight: bold;
padding-left: 25px;
padding-top: 10px;
text-transform: uppercase;
color: #6C2A1A;
background: #EFE1CE;
border-top: 5px solid #C28675;
}

#right ul {
list-style: none;
margin-bottom: 10px;
padding-top: 10px;
}

#right .right_back
{
background: #EFE1CE;
}

#right .right_bottom
{
background: url(images/right_bottom.gif) no-repeat bottom;
padding-bottom: 30px;
margin-bottom: 10px;
}

#right li {
padding: 7px;
padding-left: 10px;

}

#right .sub
{
padding-left: 30px;
}

#right a {
color: #6C2A1A;
}
#right a:visited {
color: #6C2A1A;
}

#right p
{
font-size: 10px;
padding-left: 10px;
}

.bot
{
padding: 10px;
}

#calendar {
padding: 20px 10px 20px 10px;
}

#calendar table {
width: 100%;
text-align: center;
}

#calendar thead {

}

#calendar tbody td {
border: 1px solid #F1F1F1;
}

#calendar #prev {
text-align: left;
}

#calendar #next {
text-align: right;
}

#calendar tfoot a {
text-decoration: none;
font-weight: bold;
}

#calendar #now {
background: #696969;
border: 1px solid #ff0000;
font-weight: bold;
color: #ffffff
}

#left
{
width: 513px;
}

#left .left_top
{
background: url(images/left_top.gif) repeat-x;
padding-top: 20px;
}


#left .left_bottom
{
background: url(images/left_bottom.gif) repeat-x bottom;
padding: 10px;
padding-bottom: 20px;
margin-bottom: 20px;
}

#left H4
{
margin: 0;
padding: 0px;
font-size: 12px;
color: #6C2A1A;
}

#left a
{
color: #6C2A1A;
text-decoration: none;
}

#left p {
margin: 5px;
padding: 0;
}

#left h2 {
margin: 0;
padding: 0;
padding-top: 10px;
color: #6C2A1A;
}

#left ol, #left ul
{
margin-left: 30px;
}

.date {
text-align: right;
color: #6C2A1A;
font-size: 11px;

}

.date a {
color: #6C2A1A;

}




#footer {
height: 44px;
clear: both;
padding-top: 30px;
background: url(images/footer.png)top;
}

#footer p {
margin: 0;
font-size: 10px;
text-align: center;
color: #4A2011;
}

#footer a {
color: #4A2011;
}
[\CODE]
 
Odgovor na temu

codespeed
codespeed
web developer

Član broj: 189335
Poruke: 27
93.86.231.*

Sajt: www.codespeed.rs


Profil

icon Re: Par pitanja oko uredjivanja strane?19.05.2009. u 10:50 - pre 181 meseci
Ako ovo resis resio si sveti gral CSS-a. Generalno ako zadas fiksnu visinu nekom DIV-u onda ce on da drzi tu visinu ali nece da se siri sa sadrzajem (isto vazi i za sirinu), i razlicito se ponasa (naravno) u IE i u FF itd.
Dakle ako mora tako kako si rekao na pocetku koristi tabele ili odustani od ideje :) U div-ovima to ne moze.

PS Nadam se da sam razumeo problem koji imas pa da sam razjasnio bar malo.

I jos nesto, nisi nam poslao HTML pa ako ti treba detaljna pomoc poslaji i to. Pa da vidimo sta moze da se uradi.
 
Odgovor na temu

Nemke_BG

Član broj: 163822
Poruke: 341
91.148.95.*

Jabber: Nemke_BG@elitesecurity.org
Sajt: https://www.nmdesign.rs


+45 Profil

icon Re: Par pitanja oko uredjivanja strane?21.05.2009. u 18:21 - pre 181 meseci
a je si li probao sa min-height u kombinaciji sa kondicionim komentarima za IE 6 i height -om na trazenu vrednost.......
...
 
Odgovor na temu

finderetf

Član broj: 103659
Poruke: 158
95.180.43.*



Profil

icon Re: Par pitanja oko uredjivanja strane?22.05.2009. u 23:57 - pre 181 meseci
Evo i HTMLa, nek vas ne bune ostale kontrole stranica je .aspx. <div id="left" style="height: auto"> ovaj me red konkretno muci, jer repeater mi moze izbaciti jedno, 10 ili 100 rezultata. Hvala

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Metamorphosis Design Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<form runat="server">
<div id="content">
<div id="back">
<!-- header begins -->
<Wrox:Header ID="Header" runat="server" />
<!-- header ends -->
<!-- content begins -->

<div id="table_back">
<div id="main">
<div id="right">
<Wrox:Projects ID="Projects" runat="server" />
<h3>Company News</h3>
<div class="right_back">
<div class="right_bottom">

<ul>
<li>
<h4>June 2, 2008</h4>
<p><a href="#"> Duis tempor posuere diam. Suspendisse vel tellus quis nunc malesuada porta. &#8230;</a></p></li>
<li>
<h4>June 12, 2008</h4>
<p><a href="#">Tempus Duis tempor posuere diam. Suspendisse vel tellus quis nunc malesuada porta. &#8230;</a></p></li>

</ul>
</div>
</div>
<Wrox:Calendar ID="Calendar" runat="server" />


</div>
<div id="left" style="height: auto">
<br />
<br />
Unesi generaciju koju zelis da vidis :
<asp:ListBox ID="ListBox1" runat="server" Rows="1" AutoPostBack="True" OnSelectedIndexChanged="ListBox1_SelectedIndexChanged"></asp:ListBox>
<asp:Button ID="Button6" runat="server" OnClick="Button6_Click" Text="Pogledaj slike generacija" />
<hr />
<div align="center">
<asp:Repeater ID="Repeater1" runat="server" EnableViewState="False">
<HeaderTemplate>
<table cellpadding="10" cellspacing="15">
<tr align="Left" width="20">
<td><b>Ime</b></td>
<td><b>Prezime</b></td>
<td align="center"><b>Slika</b></td>
<td align="center"><b>Pogledaj profil</b></td>
</tr>
</HeaderTemplate>

<ItemTemplate>
<tr align="left">
<td ><%#DataBinder.Eval(Container.DataItem,"Ime") %></td>
<td><%#DataBinder.Eval(Container.DataItem,"Prezime") %></td>
<td align="center"><img id="slicica" alt="" src="slika.aspx?id=<%#DataBinder.Eval(Container.DataItem, "ID") %>" height="50" width="50" /></td>
<td align="center"><a href="Izmena.aspx?id=<%# DataBinder.Eval(Container.DataItem,"ID") %>"> <b>Jump</b></a> </td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
</div>

<!--content ends -->
<!--footer begins -->
</div>
</div>
<Wrox:Footer ID="footer" runat="server" />
</div>
</div>
<!-- footer ends-->

</form>
</body>

</html>
 
Odgovor na temu

finderetf

Član broj: 103659
Poruke: 158
95.180.43.*



Profil

icon Re: Par pitanja oko uredjivanja strane?23.05.2009. u 00:04 - pre 181 meseci
Za Nemketa,

nemam pojma o cemu govoris posto se ne znam dobro ni html ni css.
 
Odgovor na temu

finderetf

Član broj: 103659
Poruke: 158
95.180.43.*



Profil

icon Re: Par pitanja oko uredjivanja strane?25.05.2009. u 23:05 - pre 181 meseci
Ako se jos neko bude mucio sa ovim problemom

Resenje: stile="min-height: xxx px" resava ovaj problem!
 
Odgovor na temu

Nemke_BG

Član broj: 163822
Poruke: 341
*.bg.krstarica.net.

Jabber: Nemke_BG@elitesecurity.org
Sajt: https://www.nmdesign.rs


+45 Profil

icon Re: Par pitanja oko uredjivanja strane?26.05.2009. u 14:53 - pre 181 meseci
Vidis da si me ipak razumeo...

mada nisi uzeo u obzir i ostatak onoga sto sam naveo a to je da IE 6 podrzava min-height elemente samo na td tagovima kao sto i sam mozes videti ovde http://www.quirksmode.org/css/contents.html ....ako se dobro secam resenje za to je bilo da setujes height tog elementa pre nego sto setujes min-height....proveri nisam siguran...
...
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Par pitanja oko uredjivanja strane?

[ Pregleda: 1738 | Odgovora: 6 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.