MoReNu

سوال در مورد css و html

9 پست در این موضوع قرار دارد

سلام دوستان

2 تا سوال داشتم ممنون می شم راه نماییم کنید

اول اینکه یک متن رو که بدون هیچ لینکی قرار هست باشه رو بهتره توی چه تگی قرار بدیم تا بتونیم بهش استایل بدیم؟

و اینکه تصویر پیوست شده رو ببینید لطفاً

برای اینکه متنی که در هیدر هست رو بیارم وسط اون خطر آبی رنگ باید به تگ مورد نظرش چه استایلی بدم؟

post-1229-0-08333400-1383759460_thumb.pn

ممنون

0

به اشتراک گذاری این پست


لینک به پست

سلام براي مورد اول :


<p class = "test">

</p>
html
----------------------------------
p.test{
}
css

واسه مورد دوم text-align رو اگه درست متوجه شده باشم مساوي center بزار

6

به اشتراک گذاری این پست


لینک به پست

سلام دوستان

2 تا سوال داشتم ممنون می شم راه نماییم کنید

اول اینکه یک متن رو که بدون هیچ لینکی قرار هست باشه رو بهتره توی چه تگی قرار بدیم تا بتونیم بهش استایل بدیم؟

و اینکه تصویر پیوست شده رو ببینید لطفاً

برای اینکه متنی که در هیدر هست رو بیارم وسط اون خطر آبی رنگ باید به تگ مورد نظرش چه استایلی بدم؟

post-1229-0-08333400-1383759460_thumb.pn

ممنون

با سلام.در مورد سوال دومتون باید از کد زیر استفاده کنید :


margin-top : 200px; مقدارش رو می تونید تغییر بدید

یا اینکه کلا فقط با دستور top بهش مقدار بدید ولی دستور اول بهتره

3

به اشتراک گذاری این پست


لینک به پست

سلام

یه تاپیک جدید نزدم تا خلاف قوانین نباشه

فرض کنید دو تا دایو به شکل مربع دارم که یکی داخل اون یکی هست. اولی بزرگتر دومی کوچکتر چطور می تونم محل قرار گیری مربع دوم رو توی مربع اول مشخص کنم.

position:absolute

رو هم امتحان کردم جواب نداد. یعنی از مربع اول خارج می شه

padding

هم فقط باعث افزایش طول و عرض مربع دوم می شه

margin

هم جای مربع اول رو تغییر می ده

0

به اشتراک گذاری این پست


لینک به پست

شما خودت می گی و خودت هم جواب می دی خودت هم رد می کنی

خسته نباشید

به parent خاصیت


position:relative;

بدید و به child


position:absolute

و با مقدار دادن به top left right bottom جاش را مشخص کنید

5

به اشتراک گذاری این پست


لینک به پست

اشکال این؟

<html>

<style>

.one{position:relative;border: 2px solid #FF9955;width=100px,height=100px;}

.two{position:absolute;top:10px;left:5px; border: 2px solid #ff8844;width=50px;height=50px;}

</style>

<body>

<div class="one">

<div class="two">

</div>

</body>

</html>

تشکر

0

به اشتراک گذاری این پست


لینک به پست

سلام

یه تاپیک جدید نزدم تا خلاف قوانین نباشه

فرض کنید دو تا دایو به شکل مربع دارم که یکی داخل اون یکی هست. اولی بزرگتر دومی کوچکتر چطور می تونم محل قرار گیری مربع دوم رو توی مربع اول مشخص کنم.

position:absolute

رو هم امتحان کردم جواب نداد. یعنی از مربع اول خارج می شه

padding

هم فقط باعث افزایش طول و عرض مربع دوم می شه

margin

هم جای مربع اول رو تغییر می ده

اشکال این؟

<html>

<style>

.one{position:relative;border: 2px solid #FF9955;width=100px,height=100px;}

.two{position:absolute;top:10px;left:5px; border: 2px solid #ff8844;width=50px;height=50px;}

</style>

<body>

<div class="one">

<div class="two">

</div>

</body>

</html>

تشکر

بهتره HTML/CSS رو از پایه شروع کنید


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.one{border: 2px solid #f00;width:200px;height:200px;}
.two{top:10px;left:5px; border: 2px solid #0f0;width:50px;height:50px;position:relative}
</style>
</head>

<body>
<div class="one">
<div class="two">
dsadas
</div>
</div>

</body>
</html>

3

به اشتراک گذاری این پست


لینک به پست

خیلی متشکر ولی این که استاد گفت به اولی relative بدم به دومی absolute چی؟ اگه می شه کد رو این طوری هم بنویسید

0

به اشتراک گذاری این پست


لینک به پست

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.one{border: 2px solid #f00;width:200px;height:200px;position:relative}
.two{top:10px;left:5px; border: 2px solid #0f0;width:50px;height:50px;position:absolute}
</style>
</head>
<body>
<div class="one">
<div class="two">
dsadas
</div>
</div>
</body>
</html>

3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری