• Здраво и добредојдовте на форумот на IT.mk.

    Доколку сеуште не сте дел од најголемата заедница на ИТ професионалци и ентузијасти во Македонија, можете бесплатно да се - процесот нема да ви одземе повеќе од 2-3 минути, а за полесна регистрација овозможивме и регистрирање со Facebook и Steam.

Помош со XHTML/CSS

  • Ја почнал/а темата
  • #1

Taurus

Модератор
13 октомври 2007
2,362
1,054
dribbble.com
Taurus's setup  
Processor & Cooler
i5-2500K Quad 3.3GHz LGA 1155 6MB + Cooler Deepcool Gammaxx 200
Motherboard
Gigabyte Z68P-DS3
Storage
WD 1ТB SATA3 Caviar Black 7200rpm 64MB + SSD 2.5" Samsung 850 Evo 250GB
PSU
460W Gigabyte Superb Real Power
RAM
2x4GB DDR3 1866Mhz Kingston CL11 HyperX Genesis
Video card
Sapphire ATI PCX R9 270X 2GB GDDR5
Case
Gigabyte LUXO X140
Mouse
Zalman ZM-M300 Black
Keyboard
Sweex Illuminating
Audio
DeLux 2.1
Monitor
Dell UltraSharp U2311H 23" e-IPS
OS
Win 8.1
Правам една страница и имам еден проблем. Страницата можете да ја видите овде: http://www.taurus-scorpio.com/test/kontakteng.html

Проблемот е што во ИЕ7 е во ред, ама во Мозилата не ми ги јавува бордерите на div тагот.
Има еден главен div, а сите други се во него.
Е сега баш тој дел во дивот има 2 други дива, со float:left, посебни id со CSS, а во footerot има clear:both.
Ако ги ставам сликата и контакт формата во дивот без посебни дивови тогаш е во ред(освем проблемот со форматирањето, местењето).
Вo sourceot можете да видите точно како е или ако имате inspect element во Mozilata.
Проблемот е сигурно еден ред код, ама кој е:krshiglava:
 
  • Ја почнал/а темата
  • #3

Taurus

Модератор
13 октомври 2007
2,362
1,054
dribbble.com
Taurus's setup  
Processor & Cooler
i5-2500K Quad 3.3GHz LGA 1155 6MB + Cooler Deepcool Gammaxx 200
Motherboard
Gigabyte Z68P-DS3
Storage
WD 1ТB SATA3 Caviar Black 7200rpm 64MB + SSD 2.5" Samsung 850 Evo 250GB
PSU
460W Gigabyte Superb Real Power
RAM
2x4GB DDR3 1866Mhz Kingston CL11 HyperX Genesis
Video card
Sapphire ATI PCX R9 270X 2GB GDDR5
Case
Gigabyte LUXO X140
Mouse
Zalman ZM-M300 Black
Keyboard
Sweex Illuminating
Audio
DeLux 2.1
Monitor
Dell UltraSharp U2311H 23" e-IPS
OS
Win 8.1
Еве го цел CSS код:
body {
font-family: Verdana;
font-size: 10px;
background-color: #000000;
margin: 0 auto;
color: white;
}
#animacija {
width: 800px;
height: auto;
margin: 0 auto;
}
#telo {
width: 800px;
height: 500px;
}
#jazik {
width: 800px;
height: 100px;
color: #FFFFFF;
}
#jazik p {
font-size: 9px;
margin: 0px;
padding: 0px;
float: left;
padding-left: 10px;
padding-top: 3px;
color: #3e638d;

}

#jazik p a img {
border: none;
}
#jazik p.right {
float: right;
padding-right: 15px;
padding-top: 5px;
}
#jazik p a {
text-decoration: none;
color: #3e638d;
}
#jazik p a:hover {
color: #ccd0db;
}
#glavno {
width: 900px;
height: auto;
margin: 0 auto;
}
#header {
width: 900px;
height: 23px;
}
#header p {
font-size: 9px;
margin: 0px;
padding: 0px;
float: left;
margin-left: 10px;
margin-top: 3px;
color: #4f580f;

}
#header p a img {
border: none;
}
#header p.right {
float: right;
margin-right:15px;
margin-top:5px;
}
#header p a {
text-decoration:none;
color:#a0bf26;
}
#header p a:hover {
color:#def291;
}
#baner {
width: 900px;
height: 150px;
background-color: #200000;
}
#hmeni {
width: 900px;
height: 25px;
margin-left: 4px;
}
#hmeni ul {
width: auto;
margin: 0px;
padding: 0px;
list-style: none;
}
#hmeni ul li {
margin-top: 0px;
margin-right: 5px;
float: left;
}
#hmeni ul li a {
background-color: #a0bf26;
display: block;
height: 25px;
line-height: 25px;
text-align: center;;
text-decoration: none;
color: white;
font-weight: bold;
padding-left: 24px;
padding-right: 23px;
margin-top: 5px;
}
#hmeni ul li a:hover {
background-color: #def291;
color: #4f580f;
}
#hmeni ul li a:focus {
background-color: #4f580f;
color: white;
}
#hmeni ul li a:active {
background-color: #4f580f;
color: white;
}
#enghmeni {
width: 900px;
height: 25px;
margin-left: 4px;
}
#enghmeni ul {
width: auto;
margin: 0px;
padding: 0px;
list-style: none;
}
#enghmeni ul li {
margin-top: 0px;
margin-right: 5px;
float: left;
}
#enghmeni ul li a {
background-color: #a0bf26;
display: block;
height: 25px;
line-height: 25px;
text-align: center;;
text-decoration: none;
color: white;
font-weight: bold;
padding-left: 25px;
padding-right: 25px;
margin-top: 5px;
}
#enghmeni ul li a:hover {
background-color: #def291;
color: #4f580f;
}
#enghmeni ul li a:focus {
background-color: #4f580f;
color: white;
}
#enghmeni ul li a:active {
background-color: #4f580f;
color: white;
}
#content {
width: 880px;
height: auto;
margin-top:10px;
border-left-style: dashed;
border-left-style: dashed;
border-right-style: dashed;
border-width: 10px;
border-color: #a0bf26;
}
#content p{
margin-left:15px;
font-size:12px;
color: white;
margin-top:15px;
margin-bottom:15px;
margin-right:15px;
}
#contact {
width: 880px;
height: auto;
margin-top:10px;
border-left-style: dashed;
border-right-style: dashed;
border-width: 10px;
border-color: #a0bf26;
}
#contactl {
float: left;
width: 300px;
height: auto;
margin-bottom: 30px;
margin-left: 30px;
margin-top: 30px;
margin-right: 30px;
}
#contactd {
float: left;
width: 400px;
height: auto;
margin-bottom: 10px;
margin-right: 20px;
margin-top: 10px;
margin-left: 20px;
color: #a45715;
}
#contact p{
margin-left:50px;
font-size:12px;
color: white;
margin-top:15px;
margin-bottom:15px;
margin-right:15px;
}
#ohrid {
float: left;
width: 880px;
height: auto;
}
#ohrid a img{
padding-left:0px;
border:none;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
}
#ohrid h1{
margin-left:40px;
margin-top:15px;
margin-bottom:15px;
color:#def291;
font-size:15px;
}
#ohrid p{
margin-left:15px;
font-size:12px;
color:#def291;
margin-top:10px;
margin-bottom:10px;
margin-right:15px;
text-indent: 30px;
}
#footer {
width: 900px;
height: 20px;
padding: 0px;
margin-left:0px;
margin-top: 5px;
background-color:#a0bf26;
clear: both;
}
#footer p {
float: right;
margin-right:5px;
margin-top:5px;
}
#footer p a {
font-size: 9px;
color:white;
text-decoration:none;
}
#footer p a:hover {
color:#4f580f;
}


Овде и футерот малце десно забегува?!?!?!
http://www.taurus-scorpio.com/test/ohrideng.html
 

mac-ufs

Intern
23 април 2008
611
19
vaka sega ke se obidam da ti pomognam no ne svativ kaj ti e problemot....toa sto banerot ne ti go prikazuva vo IE 7 ili crtickite od strana vo mozilla firefox....ova ti e source kodot pa kazi koj del od kodot ne ti ispagja kako sto sakas

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>R I C C I</title>
	<script src="" type=""></script>
	<meta http-equiv="Description" content="Opis za stranicata" />
	<meta http-equiv="Author" content="Jonoski Goce" />
	<meta http-equiv="Keywords" content="klucni zborovi" />

	<script type="text/javascript" src="swf/swfobject.js"></script>
	<link href="stil.css" rel="stylesheet" type="text/css" />
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 
</head>

<body>
	<div id="glavno">
		<div id="header">
			<p> <a href="indexmk.html"><img src="img/mkd.jpg" alt="Македонски" /></a> <a href="indexmk.html">мкд</a></p>

				<p> <a href="indexeng.html"><img src="img/eng.jpg" alt="English" /></a> <a href="indexeng.html"> eng</a></p>
				<p class="right"><a href="index.html">Home</a>&nbsp;&nbsp;||&nbsp;&nbsp;<a href="kontakteng.html">Contact</a></p>
		</div>
		<div id="baner">	
			<script type="text/javascript">
		// 		
		var so = new SWFObject("swf/baner.swf", "baner", "900", "150", "9", "#000000" );
		so.write("baner");
		//
				</script>

		</div>
		<div id="enghmeni">
        	<ul>
						<li><a href="detskieng.html">WENICE by RICCI</a></li>
						<li><a href="tinedjerskieng.html">RICCI TEENAGE</a></li>
						<li><a href="klasiceneng.html">RICCI CLASSIC m/w</a></li>
						<li><a href="taceng.html">TAC by RICCI</a></li>

						<li><a href="nastanieng.html">EVENT</a></li>
						<li><a href="ohrideng.html">OHRID</a></li>
						<li><a href="kontakteng.html">CONTACT</a></li>
			</ul> 
        </div> 
		<div id="contact">
			<div id="contactl">
				<img src="img/contact.jpg" alt="Location"/>				
			</div>	
			<div id="contactd">

				<p align="center"><strong>R I C C I</strong></p>
				<p align="center">str. Kliment Ohridski 50, 6000 Ohrid Macedonia</p>
				<p align="center">Phone: +389(0) 46 251 920; +389(0) 46 251 921;<br />+389(0) 46 251 922; +389(0) 46 261 877;</p>
				<p align="center">e-mail: [email protected]</p>
				   <form id="form" name="form" method="post" action="contact.php">
				   <fieldset>

				   <legend>Contact Us</legend>
				   <label for="name"><strong>Name:</strong></label>
				   <input type="text" name="name" id="name" /> <br /><br />
				   <label for="fromMail"><strong>Email:</strong></label>
				   <input type="text" name="fromMail" id="fromMail" /> <br /><br />
				   <label for="message"><strong>Your Message:</strong></label>

				   <textarea name="message" cols="30" rows="8" id="message"></textarea>
				   <input type="submit" name="Submit2" value="Send" id="Submit" />
				   </fieldset>
				   </form>
			</div>
		</div>
		<div id="footer">
			<p><a href="http://www.artsoft.com.mk" target="_blank">© ArtSoft 2008. All rights reserved. Powered by: Taurus &amp; Scorpio</a></p>

		</div>
	
	</div>
</body>
</html>
 
  • Ја почнал/а темата
  • #5

Taurus

Модератор
13 октомври 2007
2,362
1,054
dribbble.com
Taurus's setup  
Processor & Cooler
i5-2500K Quad 3.3GHz LGA 1155 6MB + Cooler Deepcool Gammaxx 200
Motherboard
Gigabyte Z68P-DS3
Storage
WD 1ТB SATA3 Caviar Black 7200rpm 64MB + SSD 2.5" Samsung 850 Evo 250GB
PSU
460W Gigabyte Superb Real Power
RAM
2x4GB DDR3 1866Mhz Kingston CL11 HyperX Genesis
Video card
Sapphire ATI PCX R9 270X 2GB GDDR5
Case
Gigabyte LUXO X140
Mouse
Zalman ZM-M300 Black
Keyboard
Sweex Illuminating
Audio
DeLux 2.1
Monitor
Dell UltraSharp U2311H 23" e-IPS
OS
Win 8.1
div id="contact"
Овој дел ми прави проблеми. Во CSS е даден да има бордери лево и десно. Ама во мозилата не ги прикажува. Пробав и со слика како background ама несака.
Во тој див има уште два дива. Е сега ако ги тргнам нив (нивната содржина да ја прикажам во div id="contact"), тогаш е во ред.
Нов сум во HTML и CSS и незнам зошто така ми прави???
 

glavince

Intern
9 мај 2008
11
2
Кај што ти се двата дива, веднаш после вториот див направи усте еден див:
<div style="clear:both"></div>
 
  • Ја почнал/а темата
  • #7

Taurus

Модератор
13 октомври 2007
2,362
1,054
dribbble.com
Taurus's setup  
Processor & Cooler
i5-2500K Quad 3.3GHz LGA 1155 6MB + Cooler Deepcool Gammaxx 200
Motherboard
Gigabyte Z68P-DS3
Storage
WD 1ТB SATA3 Caviar Black 7200rpm 64MB + SSD 2.5" Samsung 850 Evo 250GB
PSU
460W Gigabyte Superb Real Power
RAM
2x4GB DDR3 1866Mhz Kingston CL11 HyperX Genesis
Video card
Sapphire ATI PCX R9 270X 2GB GDDR5
Case
Gigabyte LUXO X140
Mouse
Zalman ZM-M300 Black
Keyboard
Sweex Illuminating
Audio
DeLux 2.1
Monitor
Dell UltraSharp U2311H 23" e-IPS
OS
Win 8.1
Фала ти многу. Имаш пијачка за ова.
Ептен ми помогна.
Темата може да се затвори.
 

Нови мислења

Последни Теми

Статистика

Теми
43,580
Мислења
823,869
Членови
28,079
Најнов член
ivannalex
На врв Дно