Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

Прости въпросчета за HTML/CSS

6 септември 201313 г.

Реших да се позанимая пак с малко програмиране и започвам отново от 0-та. Ето сорса :

<html><head><META http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">.style1{width:100%;background-color:blue;}a:link {color:white;}	  a:visited {color:white;background-color:red;}  a:hover {color:white;}  a:active {color:white;}.st2{background-color:white;height:30px;{</style></head><body><table class="style1"><tr><td><a href="#">Dir.Bg</a></td><td><a href="#">Днес</a></td><td><a href="#">Лайф</a></td><td><a href="#">Сайтове</a></td><td><form class="st2">Търси в новини</form></td></tr></table></body></html>

Как да махна горния,левия и десния margin?

Как да направя когато съм върху линк фона на полето, в което е линка да става червен(примерно)?

Как да направя на "сайтове" такова меню като това на Дир.бг?

Как да направя формата овална като тази на Дир-а и все пак с по-подходяща големина, не като при мене?

Ако всичко го направите на div цена няма да имате, че нали уж <table>-а бил за tabular data only;

Поздрави!

Редактирано 6 септември 201313 г. от kydesibevesko (преглед на промените)

Емил Костов

Hardware Team

Пол:Мъж
Град:Плевен
Интереси:Интернет,Компютърни игри и програми. WEB design

6 септември 201313 г.

Аз все още съм нов в HTML/CSS. Сега ги уча по-сериозно.

За да направиш мено независимо дали е хоризонтално или вертикално трябва да използваш списъци.

Най-лесно става с Unordered List.

След това с помощта на CSS променяш това, което искаш.

Ето ти един пример

6 септември 201313 г.

Как да махна горния,левия и десния margin?

.style1{width: 100%;top: 0;left: 0;position: fixed;background-color: blue;}

Редактирано 6 септември 201313 г. от gothicrock (преглед на промените)

4 месеца по-късно...

9 януари 201412 г.

Автор

html>

<html><head><META http-equiv="Content-Type" content="text/html; charset=windows-1251"><style>body{background-color:gray;margin-top:0px;margin-left:0px;margin-right:0px;}a:link {color:white;}      /* unvisited link */a:hover {color:orange;}  /* mouse over link */</style><link rel="stylesheet" type="text/css" href="styles.css"></head><body><div class="st1"><a href="#">Link1</a> | <a href="#">Link2</a> | <a href="#">Link3</a> | <a href="#">Link4</a> | <a href="#">Link5</a><span style="align:center;">Това трябва да е в центъра</span><span style="align:right">Това трябва да е в дясно</span></div></body></html>

css>

.st1{background-color:blue;}

Защо не иска да подравни чрез align:center/right ?

Редакция : Защо <div class="st2">Example!</div> + .st2{-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;}

не работи във Firefox?

Редактирано 9 януари 201412 г. от kydesibevesko (преглед на промените)

3 месеца по-късно...

4 май 201412 г.

Автор

Нямам нужда от отговор на горните въпроси!

http://www.w3schools.com/html/html_layout.asp

1.В съдържанието защо пак има float:left ?

2. Какво прави clear:both ?

Мс

4 май 201412 г.

1.В съдържанието защо пак има float:left ?

За да може да застане на един ред до предишния div.

2. Какво прави clear:both ?

Да може div-а да застане под двата div-а с float:left.

Редактирано 4 май 201412 г. от gothicrock (преглед на промените)

Архивирана тема

Темата е твърде стара и е архивирана. Не можете да добавяте нови отговори в нея, но винаги можете да публикувате нова тема, в която да продължи дискусията. Регистрирайте се или влезте във вашия профил за да публикувате нова тема.